Ticket #116: make-theme.diff

wp-content/themes/pub/make/subhead.php

@@ +1 @@
+
+<nav class="subhead">
+        <div class="wrapper">
+                <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'nav-menu' ) ); ?>
+
+                <?php if( false && class_exists( 'Jetpack' ) && Jetpack::is_module_active( 'subscriptions' ) ) : ?>
+                <?php /* @todo: switch this form over to the Jetpack Subscriptions shortcode */ ?>
+                <?php /* jetpack_do_subscription_form( $args = array() ); */ ?>
+                <form action="#" method="post">
+                        <fieldset>
+                                <label for="signup-email">Get news updates in your email:</label>
+                                <input type="email" name="email" class="text" id="signup-email" />
+                                <button type="submit" class="button button-primary">Sign Up</button>
+                        </fieldset>
+                </form>
+                <?php endif; ?>
+        </div>
+</nav>

wp-content/themes/pub/make/style.css

@@ +1 @@
+/*
+Theme Name:     Make
+Theme URI:      http://make.wordpress.org/
+Description:    Make WordPress
+Author:         George Stephanis
+Author URI:     http://stephanis.info/
+Template:       wp-org-parent
+Version:        1.0
+*/
+
+html,
+body {
+        background: #efefef;
+}
+
+.make-3 .wrapper {
+        width: auto;
+        max-width: 960px;
+}
+
+/* === Clearfix === */
+
+.wrapper:after {
+        visibility: hidden;
+        display: block;
+        font-size: 0;
+        content: " ";
+        clear: both;
+        height: 0;
+}
+.wrapper {
+        display: inline-block;
+}
+/* start commented backslash hack \*/
+* html .wrapper { height: 1%; }
+.wrapper { display: block; }
+/* close commented backslash hack */
+
+/* === header.masthead === */
+
+header.masthead {
+        clear: both;
+        background: rgb(1, 116, 162);
+        border: 1px solid rgb(6, 122, 166);
+        border-width: 1px 0;
+        position: relative;
+        overflow: hidden;
+}
+
+header.masthead > .wrap {
+        max-width: 940px;
+        padding: 30px 10px;
+        margin: 0 auto;
+        overflow: hidden;
+        position: relative;
+        z-index: 1;
+}
+
+header.masthead img {
+        float: right;
+        display: block;
+        border: 3px solid #fff;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+        margin-left: 40px;
+        max-width: 98%;
+        max-width: calc( 100% - 6px );
+        height: auto;
+}
+
+header.masthead h1 {
+        font-size: 24px;
+        line-height: 1.5;
+        color: #fff;
+        font-family: 'Open Sans', sans-serif;
+        font-weight: 100;
+        margin: 0;
+}
+
+header.masthead h5 {
+        margin: 20px 0 0;
+        font-family: 'Open Sans', sans-serif;
+        font-weight: 300;
+        color: #fff;
+        font-size: 16px;
+        line-height: 1.5;
+}
+
+/* === nav.subhead === */
+
+nav.subhead {
+        background: rgb(51, 51, 51);
+        border-top: 1px solid #0a4c6b;
+        border-bottom: 1px solid #003245;
+        position: relative;
+}
+
+nav.subhead .nav-menu ul {
+        float: left;
+        padding: 5px 0;
+        margin: 0 auto;
+        font-family: 'Open Sans', sans-serif;
+        font-weight: 300;
+        font-size: 16px;
+}
+
+nav.subhead .nav-menu ul li {
+        display: inline-block;
+        margin-right: 10px;
+}
+
+nav.subhead .nav-menu ul li a {
+        color: #fff;
+        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
+        text-decoration: none;
+        display: inline-block;
+        padding: 5px 10px;
+}
+
+nav.subhead .nav-menu ul li a:hover {
+        opacity: 0.8;
+}
+
+nav.subhead .nav-menu ul ul {
+        display: none;
+}
+
+nav.subhead form {
+        float: right;
+        display: block;
+        padding: 2px 10px 8px;
+}
+
+nav.subhead form fieldset {
+        display: block;
+        height: 23px;
+        padding-bottom: 9px;
+}
+
+nav.subhead form label {
+        color: #fff;
+        display: inline-block;
+        font-size: 14px;
+        padding: 9px 5px 0;
+}
+
+nav.subhead input[type=email] {
+        display: inline-block;
+        background: rgb(18, 18, 18);
+        border: 0;
+        border-bottom: 1px solid rgb(78, 78, 78);
+        color: #aaa;
+        padding: 5px;
+        font-size: 12px;
+        vertical-align: baseline;
+}
+
+nav.subhead button {
+        display: inline-block;
+}
+
+/* section.get-involved */
+
+section.get-involved h2 {
+        font-family: "Open Sans";
+        font-weight: 600;
+        padding-bottom: 0.5em;
+}
+
+section.get-involved h2.section-title {
+        padding: 20px 10px;
+}
+
+section.get-involved article {
+        margin: 10px;
+        padding: 20px;
+        width: 420px;
+        width: calc( 100% / 2 - 60px );
+        font-size: 11pt;
+        background: #fff;
+        float: left;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+        -webkit-transition: none 0.4s ease;
+        -moz-transition: none 0.4s ease;
+        -ms-transition: none 0.4s ease;
+        -o-transition: none 0.4s ease;
+        transition: none 0.4s ease;
+        -webkit-transition-property: background, box-shadow;
+        -moz-transition-property: background, box-shadow;
+        -ms-transition-property: background, box-shadow;
+        -o-transition-property: background, box-shadow;
+        transition-property: background, box-shadow;
+}
+
+section.get-involved article:hover {
+        background: #fcfcfc;
+        box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
+}
+
+section.get-involved article:nth-of-type(odd) {
+        clear: left;
+}
+
+section.get-involved article h2:before {
+        font-family: 'dashicons';
+        content: '\f109';
+        margin-right: 0.4em;
+        vertical-align: -3px;
+}
+
+section.get-involved article.core          h2:before { content: '\f107'; }
+section.get-involved article.ui            h2:before { content: '\f100'; }
+section.get-involved article.mobile        h2:before { content: '\f166'; }
+section.get-involved article.accessibility h2:before { content: '\f115'; }
+section.get-involved article.polyglots     h2:before { content: '\f125'; }
+section.get-involved article.support       h2:before { content: '\f110'; }
+section.get-involved article.themes        h2:before { content: '\f105'; }
+section.get-involved article.plugins       h2:before { content: '\f106'; }
+
+section.get-involved article.featured-group h2:after {
+        display: block;
+        float: right;
+        content: '\2605';
+        text-transform: uppercase;
+}
+
+section.get-involved article p {
+        font-size: 1em;
+        line-height: 1.3;
+}
+
+section.get-involved article small {
+        display: block;
+        font-size: 0.8em;
+        font-style: italic;
+        opacity: 0.5;
+        padding-top: 0.5em;
+}
+
+section.get-involved article small p {
+        line-height: 1.5;
+}
+
+@media ( max-width: 960px ) {
+        section.get-involved article {
+                width: 43%;
+                width: calc( 100% / 2 - 60px );
+        }
+}
+
+@media ( max-width: 600px ) {
+
+        header.masthead img {
+                float: none;
+                margin: 0 auto 10px;
+        }
+
+        nav.subhead ul,
+        nav.subhead form {
+                float: none;
+                text-align: center;
+        }
+
+        nav.subhead form fieldset {
+                height: auto;
+        }
+
+        nav.subhead form label {
+                display: block;
+        }
+
+        section.get-involved article {
+                width: 90%;
+                width: calc( 100% - 60px );
+                float: none;
+        }
+
+}
+

wp-content/themes/pub/make/front-page.php

@@ +1 @@
+<?php get_header(); ?>
+
+<?php get_template_part( 'masthead' ); ?>
+
+<?php get_template_part( 'subhead' ); ?>
+
+<section class="get-involved">
+        <div class="wrapper">
+                <h2 class="section-title"><?php _e( 'There are many different ways for you to get involved with WordPress:', 'make-wporg' ); ?></h2>
+
+                <?php $sites_query = new WP_Query( 'post_type=make_site&posts_per_page=-1' ); ?>
+                <?php while( $sites_query->have_posts() ) : $sites_query->the_post(); ?>
+                        <article id="site-<?php the_ID(); ?>" <?php post_class(); ?>>
+                                <h2><?php the_title(); ?></h2>
+                                <?php the_excerpt(); ?>
+                                <?php if ( '1' == get_post_meta( get_the_ID(), 'weekly_meeting', true ) ) : ?>
+                                        <small>
+                                                <p><?php printf( __( 'Weekly IRC chats: %s', 'make-wporg' ), get_post_meta( get_the_ID(), 'weekly_meeting_when', true ) ); ?></p>
+                                                <p><?php echo get_post_meta( get_the_ID(), 'weekly_meeting_where', true ); ?></p>
+                                        </small>
+                                <?php endif; ?>
+                        </article>
+                <?php endwhile; ?>
+
+        </div>
+</section>
+
+<?php get_footer(); ?>
+ No newline at end of file

wp-content/themes/pub/make/masthead.php

@@ +1 @@
+
+<header class="masthead">
+        <hgroup class="wrap">
+                <img src="http://placekitten.com/400/200" width="400" height="200" alt="Placekitten!" />
+                <h1>Whether you&rsquo;re a budding developer or UX pro, we&rsquo;re always looking for people to join up and help make WordPress even greater.</h1>
+        </hgroup>
+</header>

wp-content/themes/pub/make/functions.php

@@ +1 @@
+<?php
+
+add_action( 'wp_enqueue_scripts', 'make_enqueue_scripts' );
+function make_enqueue_scripts() {
+        wp_enqueue_style( 'make-style', get_stylesheet_uri() );
+}
+
+add_action( 'after_setup_theme', 'make_setup_theme' );
+function make_setup_theme() {
+        register_nav_menu( 'primary', __( 'Navigation Menu', 'make-wporg' ) );
+}