Skip to content

Commit

Permalink
gwtd3 v1.0.1
Browse files Browse the repository at this point in the history 
fixed some styling after _s import
added the menu
added custom menu placement
rewritten the header to support the extra one
added footer icons + widgets
  • Loading branch information
@mrxkon
mrxkon committed Jul 25, 2017
1 parent 776dabe commit c0a6748
Show file tree
Hide file tree
Showing 20 changed files with 247 additions and 146 deletions.
109 changes: 78 additions & 31 deletions gwtd3.sql
View file

Large diffs are not rendered by default.

8 changes: 6 additions & 2 deletions wp-content/themes/gwtd3/footer.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,14 @@
<div class="container">
<div class="row">
<div class="six columns">
<h1 class="value-multiplier">Stay tuned!</h1>
<h2 class="value-multiplier">Stay tuned!</h2>
</div>
<div class="six columns text-right">
<h3 class="value-multiplier">icon icon icon</h3>
<?php if ( is_active_sidebar( 'footer-social' ) ) : ?>
<div id="footer-social">
<?php dynamic_sidebar( 'footer-social' ); ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
Expand Down
13 changes: 12 additions & 1 deletion wp-content/themes/gwtd3/functions.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,8 @@ function gwtd3_setup() {

// This theme uses wp_nav_menu() in one location.
register_nav_menus( array(
'menu-1' => esc_html__( 'Primary', 'gwtd3' ),
'primary-menu' => esc_html__( 'Primary Menu', 'gwtd3' ),
'gwtd-menu' => esc_html__( 'Gwtd Menu', 'gwtd3' ),
) );

/*
Expand Down Expand Up @@ -110,6 +111,16 @@ function gwtd3_widgets_init() {
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
) );

register_sidebar( array(
'name' => esc_html__( 'Footer Social', 'gwtd3' ),
'id' => 'footer-social',
'description' => esc_html__( 'Add widgets here.', 'gwtd3' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => '</section>',
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
) );
}
add_action( 'widgets_init', 'gwtd3_widgets_init' );

Expand Down
111 changes: 64 additions & 47 deletions wp-content/themes/gwtd3/header.php
View file
Original file line number Diff line number Diff line change
@@ -1,58 +1,75 @@
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package gwtd3
*/
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package gwtd3
*/

?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<html <?php language_attributes (); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta charset="<?php bloginfo ( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">

<?php wp_head(); ?>
<?php wp_head (); ?>
</head>

<body <?php body_class(); ?>>
<nav id="site-navigation" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'gwtd3' ); ?></button>
<?php
wp_nav_menu( array(
'theme_location' => 'menu-1',
'menu_id' => 'primary-menu',
) );
?>
</nav><!-- #site-navigation -->

<!--<div id="page" class="site">-->
<!-- <a class="skip-link screen-reader-text" href="#content">--><?php //esc_html_e( 'Skip to content', 'gwtd3' ); ?><!--</a>-->
<!---->
<!-- <header id="masthead" class="site-header">-->
<!-- <div class="site-branding">-->
<!-- --><?php
// the_custom_logo();
// if ( is_front_page() && is_home() ) : ?>
<!-- <h1 class="site-title"><a href="--><?php //echo esc_url( home_url( '/' ) ); ?><!--" rel="home">--><?php //bloginfo( 'name' ); ?><!--</a></h1>-->
<!-- --><?php //else : ?>
<!-- <p class="site-title"><a href="--><?php //echo esc_url( home_url( '/' ) ); ?><!--" rel="home">--><?php //bloginfo( 'name' ); ?><!--</a></p>-->
<!-- --><?php
// endif;
//
// $description = get_bloginfo( 'description', 'display' );
// if ( $description || is_customize_preview() ) : ?>
<!-- <p class="site-description">--><?php //echo $description; /* WPCS: xss ok. */ ?><!--</p>-->
<!-- --><?php
// endif; ?>
<!-- </div><!-- .site-branding -->
<!---->
<!-- -->
<!-- </header><!-- #masthead -->
<body <?php body_class (); ?>>
<?php
if ( is_front_page () ) {
?>
<div class="section hero">
<div class="container">
<div class="row">
<div class="twelve columns text-center">
<?php the_header_image_tag (); ?>
</div>
</div>
</div>
</div><!-- .custom-hero -->
<?php
} else {
?>
<div class="section header">
<div class="container">
<div class="row">
<div class="twelve columns text-center">
alternative header
</div>
</div>
</div>
</div>
<?php
}
?>
<div class="section primary-menus">
<div class="container">
<div class="row">
<!-- <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">-->
<?php //esc_html_e( 'Primary Menu', 'gwtd3' ); ?><!--</button>-->
<div class="five columns text-left">
<?php
wp_nav_menu ( array (
'theme_location' => 'gwtd-menu',
'menu_id' => 'gwtd-menu',
) );
?>
</div>
<div class="seven columns text-right">
<?php
wp_nav_menu ( array (
'theme_location' => 'primary-menu',
'menu_id' => 'primary-menu',
) );
?>
</div>
</div>
</div>
</div>

<!-- <div id="content" class="site-content">-->
2 changes: 0 additions & 2 deletions wp-content/themes/gwtd3/landing-page.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@

get_header();

get_template_part( 'template-parts/header', 'hero' );

?>
<div class="section lp-what-it-is">
<div class="container">
Expand Down
136 changes: 87 additions & 49 deletions wp-content/themes/gwtd3/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ Theme URI: http://underscores.me/
Author: TBD...
Author URI: https://multiple_wordpress_awesome.contributors
Description: The most awesome theme for gwtd3!
Version: 1.0.0
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gwtd3
Expand Down Expand Up @@ -49,7 +49,7 @@ Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
Expand Down Expand Up @@ -616,6 +616,7 @@ a:active {
.menu-toggle {
display: none;
}

.main-navigation ul {
display: block;
}
Expand Down Expand Up @@ -935,30 +936,13 @@ h1, h2, h3, h4, h5 {
padding: 6rem 0 6rem;
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.hero {
background: #471530;
color: #d5afbb;
padding: 7rem 0 19rem;
}

.hero h1 {
font-size: 20rem;
}

.hero-heading {
word-wrap: break-word;
}

/* LP sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.lp-what-it-is {
.section.lp-what-it-is {
background: #d5afbb;
color: #471530;
background-image: url(img/questionmark.png) left top no-repeat ;
background-image: url(img/questionmark.png);
background-image: url(img/questionmark.svg), linear-gradient(transparent, transparent);
background-repeat: no-repeat;
background-attachment: local;
Expand All @@ -967,10 +951,10 @@ h1, h2, h3, h4, h5 {
background-origin: content-box;
}

.lp-where-it-is {
.section.lp-where-it-is {
background: #5a90aa;
color: #b4eeef;
background-image: url(img/globe.png) left top no-repeat ;
background-image: url(img/globe.png);
background-image: url(img/globe.svg), linear-gradient(transparent, transparent);
background-repeat: no-repeat;
background-attachment: local;
Expand All @@ -979,10 +963,10 @@ h1, h2, h3, h4, h5 {
background-origin: content-box;
}

.lp-how-to-get-involved {
.section.lp-how-to-get-involved {
background: #17506b;
color: #d4aebb;
background-image: url(img/rocket.png) left top no-repeat ;
background-image: url(img/rocket.png);
background-image: url(img/rocket.svg), linear-gradient(transparent, transparent);
background-repeat: no-repeat;
background-attachment: local;
Expand All @@ -991,54 +975,108 @@ h1, h2, h3, h4, h5 {
background-origin: content-box;
}

.lp-what-it-is h1,
.lp-where-it-is h1,
.lp-how-to-get-involved h1 {
.section.lp-what-it-is h1,
.section.lp-where-it-is h1,
.section.lp-how-to-get-involved h1 {
font-size: 8.0rem;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section.hero {
background: #471530;
color: #d5afbb;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.footer {
background: #2e2e2e;
color: #c2c1c1;
padding: 5rem 0 2rem;
padding: 0;
}

.footer h1 {
.footer h2 {
font-size: 8.0rem;
margin: 4rem 0;
}

#footer-social {
margin: 5.5rem 0;
}

#footer-social a {
margin-right: 1.0rem;
}

#footer-social a:last-child {
margin-right: 0;
}

#footer-social a img {
width: 62px;
}

/* Menus
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section.primary-menus {
padding: 1rem 0;
background: #5a90aa;
}

.section.primary-menus ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 2.5rem;
}

.section.primary-menus ul li {
display: inline-block;
margin:0 1.0rem 0 0;
}

.section.primary-menus ul li a{
display: inline-block;
margin-right: 1.0rem;
}
.section.primary-menus ul li:last-child {
margin-right: 0;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Smaller than 750 */
@media (max-width: 750px) {
.hero h1 {
font-size: 14rem;
@media (max-width: 992px) {
.section.lp-what-it-is h1,
.section.lp-where-it-is h1,
.section.lp-how-to-get-involved h1 {
font-size: 6.0rem;
}

.lp-what-it-is h1,
.lp-where-it-is h1,
.lp-how-to-get-involved h1 {
font-size: 6.0rem;
.footer h2 {
font-size: 5.0rem;
text-align: center;
}

.footer h1 {
font-size: 3.0rem;
#footer-social {
text-align: center;
margin: 5.0rem 0;
}
}

/* Smaller than 550 */
@media (max-width: 550px) {
.hero h1 {
font-size: 8rem;
#footer-social a img {
width: 40px;
}
}

.lp-what-it-is h1,
.lp-where-it-is h1,
.lp-how-to-get-involved h1 {
/* Small devices (landscape phones, up to 550px)*/
@media (max-width: 768px) {
.section.lp-what-it-is h1,
.section.lp-where-it-is h1,
.section.lp-how-to-get-involved h1 {
font-size: 3.0rem;
}
}
}
Loading

0 comments on commit c0a6748

Please sign in to comment.