Skip to content

Frontend restructure #319

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 26 commits into from
Mar 7, 2019
Merged

Frontend restructure #319

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
973559a
Frontend build with zurb foundation to reestructure CCGN styles
hugosolar Jan 15, 2019
a8ac782
Home Layout & style refactoring
hugosolar Jan 16, 2019
5fc6ca2
home refactoring
hugosolar Jan 16, 2019
24c2091
full-width, page-faqs refactoring && standard styles for post content
hugosolar Jan 17, 2019
382a652
hub-page styles & refactoring hub-page
hugosolar Jan 18, 2019
fcd85fd
Major layout refactoring and some templates were added
hugosolar Jan 22, 2019
55a0b1d
Website responsiveness
hugosolar Jan 22, 2019
33117ce
responsiveness style improve
hugosolar Jan 23, 2019
70fd2d2
faqs page mobile header fix
hugosolar Jan 23, 2019
f373477
responsive mobile fixes buddypress & 404
hugosolar Jan 24, 2019
31ed589
mobile Search improvement
hugosolar Jan 25, 2019
265df95
New Chapter section backend && queulat toolset mu-plugin
Feb 11, 2019
6c14881
Chapter section Frontend redesign && remove old styles (everything is…
hugosolar Feb 13, 2019
5676c7b
chapters redesign map interaction
hugosolar Feb 14, 2019
24ac5a2
chapters section datatable integration
hugosolar Feb 18, 2019
b5e98e7
add global settings screen in WP backend & style fixes
hugosolar Feb 20, 2019
4ca1cb0
adding files that were missed
hugosolar Feb 20, 2019
c390bb2
Fix position of container over the map
hugosolar Feb 21, 2019
2ac9371
delete global stats transients when chapter metabox is saved
hugosolar Feb 21, 2019
5ca68ee
fix responsiveness in chapter section
hugosolar Feb 21, 2019
a655f23
responsive style fix on user profiles
hugosolar Mar 6, 2019
774e5b7
fix search mobile menu z-index
hugosolar Mar 6, 2019
2a3010c
remove composer.lock from repository
hugosolar Mar 6, 2019
3f2f715
fix chapter section style && permissions to sub admin role
hugosolar Mar 7, 2019
0903b6f
merge with master
hugosolar Mar 7, 2019
8fe26cd
fix search mobile container
hugosolar Mar 7, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
full-width, page-faqs refactoring && standard styles for post content
  • Loading branch information
@hugosolar
hugosolar committed Jan 17, 2019
commit 24c2091712c4355b385a9819b8b31c6649acd7a2
1 change: 1 addition & 0 deletions frontend-build/scss/footer.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
.main-footer {
margin-top: 2rem;
padding: 1.2rem 0;
position: relative;
background-color: $primary-color;
Expand Down
24 changes: 24 additions & 0 deletions frontend-build/scss/modules.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -83,4 +83,28 @@
background-color: $success-color;
}
}
}
.inner-section-title {
width: 100%;
background: $secondary-color;
padding: 1rem 0;
text-align: center;
color: $white;
margin-top: 8.8rem;
.entry-title {
&.big {
text-transform: uppercase;
font-family: $font-alt;
}
}
}
.members-meta {
width: 50%;
margin: 2rem 0;
a {
color: $secondary-color;
&:hover {
text-decoration: none;
}
}
}
36 changes: 35 additions & 1 deletion frontend-build/scss/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
// General styles
.page-body {
.space-top {
padding-top: 12rem;
}
.container-top-message {
padding: 1.5rem 0;
background-color: #35bbd8;
Expand All @@ -13,10 +16,41 @@
}
}
}
.entry-header {
.entry-title {
font-size: 2rem;
font-weight: bold;
}
}
.entry-content {
.post-content {
padding: 1rem 0 3rem 0;
a {
color: $secondary-color;
font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
font-family: $font-alt;
}
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.4rem; }
h6 { font-size: 1.3rem; font-weight: bold; }

.item-acordion {
h2 {
padding: .8rem 0;
border-bottom: 1px solid $light-gray;
}
}
}
}
}

.home {
.page-body {
padding-top: 142px;
padding-top: 8.9rem;
}
}
53 changes: 52 additions & 1 deletion themes/cc-commoners/assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3736,6 +3736,9 @@ a.thumbnail {
.site-header .main-nav .menu-item:first-child a {
border-left: none; }

.page-body .space-top {
padding-top: 12rem; }

.page-body .container-top-message {
padding: 1.5rem 0;
background-color: #35bbd8; }
Expand All @@ -3746,10 +3749,39 @@ a.thumbnail {
.page-body .container-top-message .top-message .to-r {
font-size: 0.9rem; }

.page-body .entry-header .entry-title {
font-size: 2rem;
font-weight: bold; }

.page-body .entry-content .post-content {
padding: 1rem 0 3rem 0; }
.page-body .entry-content .post-content a {
color: #35bbd8;
font-weight: bold; }
.page-body .entry-content .post-content h1, .page-body .entry-content .post-content h2, .page-body .entry-content .post-content h3, .page-body .entry-content .post-content h4, .page-body .entry-content .post-content h5, .page-body .entry-content .post-content h6 {
font-family: "Roboto Condensed", sans-serif; }
.page-body .entry-content .post-content h1 {
font-size: 2rem; }
.page-body .entry-content .post-content h2 {
font-size: 1.8rem; }
.page-body .entry-content .post-content h3 {
font-size: 1.6rem; }
.page-body .entry-content .post-content h4 {
font-size: 1.5rem; }
.page-body .entry-content .post-content h5 {
font-size: 1.4rem; }
.page-body .entry-content .post-content h6 {
font-size: 1.3rem;
font-weight: bold; }
.page-body .entry-content .post-content .item-acordion h2 {
padding: .8rem 0;
border-bottom: 1px solid #e6e6e6; }

.home .page-body {
padding-top: 142px; }
padding-top: 8.9rem; }

.main-footer {
margin-top: 2rem;
padding: 1.2rem 0;
position: relative;
background-color: #efbe01;
Expand Down Expand Up @@ -3887,3 +3919,22 @@ a.thumbnail {
background-color: #35bbd8; }
.block-section .block:last-child {
background-color: #27a635; }

.inner-section-title {
width: 100%;
background: #35bbd8;
padding: 1rem 0;
text-align: center;
color: #fefefe;
margin-top: 8.8rem; }
.inner-section-title .entry-title.big {
text-transform: uppercase;
font-family: "Roboto Condensed", sans-serif; }

.members-meta {
width: 50%;
margin: 2rem 0; }
.members-meta a {
color: #35bbd8; }
.members-meta a:hover {
text-decoration: none; }
52 changes: 21 additions & 31 deletions themes/cc-commoners/full-width.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,34 +1,24 @@
<?php /* Template Name: Full Width */

get_header();

<?php
/* Template Name: Full Width */
get_header();
the_post();
?>
<div class="block-area">
<div class="inner-section-left-col fullwidth-col">
<?php
if (have_posts()):
while (have_posts()):
the_post(); ?>
<h2><?php the_title(); ?></h2>
<?php if( is_page( 'members' ) ): ?>
<p><a href="<?php echo site_url('members/type/institution') ?>">Institutional members</a></p>
<div>You can search for (and contact) Members who have expressed interest in joining a Chapter <a href="/search-members-chapter-interest/">here</a>.</div>
<?php endif ?>

<?php the_content(); ?>

<?php endwhile; ?>

<?php
else: // no posts found
?>
<p>No posts found matching your criteria.</p>
<?php
endif; // done checking for posts
?>

<div class="grid-container space-top">
<div class="grid-x grid-padding-x align-center">
<div class="large-10 cell">
<header class="entry-header">
<h1 class="entry-title"><?php the_title(); ?></h1>
<?php if (is_page('members')) : ?>
<p><a href="<?php echo site_url('members/type/institution') ?>">Institutional members</a></p>
<div>You can search for (and contact) Members who have expressed interest in joining a Chapter <a href="/search-members-chapter-interest/">here</a>.</div>
<?php endif ?>
</header>
<section class="entry-content">
<div class="post-content">
<?php the_content(); ?>
</div>
</section>
</div>

</div><!--/.block-area-->

</div>
</div>
<?php get_footer(); ?>
2 changes: 1 addition & 1 deletion themes/cc-commoners/header.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@
<?php } ?>


<?php if( is_page( array(132, 134, 149, 136, 4) ) || is_page_template('page-platform.php') || is_page_template('page-chapter.php') || is_page_template('page-faqs.php') || is_search() ){ ?>
<?php if( is_page( array(132, 134, 136) ) || is_page_template('page-platform.php') || is_page_template('page-chapter.php') || is_search() ){ ?>

<?php

Expand Down
45 changes: 29 additions & 16 deletions themes/cc-commoners/page-faqs.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,33 @@
<?php

/*
Template Name: Faqs
*/

get_header(); ?>


<div class="block-area">

<div class="inner-section-list">

<?php get_template_part( 'template-parts/loop/frontpage-loop' ); ?>

/* Template Name: Faqs */
get_header();
the_post();
?>
<div class="inner-section-title">
<div class="grid-content">
<div class="grid-x align-center">
<header class="post-header">
<h1 class="entry-title big"><?php the_title(); ?></h1>
</header>
</div>

</div><!--/.block-area-->
</div>
</div>
<div class="grid-container">
<div class="grid-x grid-padding-x align-center">
<div class="large-10 cell">
<?php if (is_page('members')) : ?>
<div class="members-meta float-left">
<p><a href="<?php echo site_url('members/type/institution') ?>" class="button hollow secondary">View only institutional members</a></p>
<div><em>You can search for (and contact) Members who have expressed interest in joining a Chapter <a href="/search-members-chapter-interest/">here</a>.</em></div>
</div>
<?php endif ?>
<section class="entry-content">
<div class="post-content">
<?php the_content(); ?>
</div>
</section>
</div>
</div>
</div>

<?php get_footer(); ?>
12 changes: 0 additions & 12 deletions themes/cc-commoners/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -521,18 +521,6 @@ a.cc-btn {

/* -------- Second stage screens -------- */

.inner-section-title {
width: 100%;
background: #35bbd8;
padding: 15px 0;
text-align: center;
color: #fff;
font-size: 0.6em;
clear: both;
margin-top: 158px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
}

.inner-section-list {
max-width: 800px;
Expand Down