Open Source Program (#22)

🟢 

* Adds a custom Open Source template

Requires a number of new content elements to display correctly.
- [page] Open Source Program `slug:open-source`
- [post] Program  News `slug:program-news`
- [post] Our Mission `slug:our-mission`
- [post] Our Vision `slug:our-vision`
- [post] [6 open source projects: Bundler, Gemstash, RubyAPI, Ruby Gems,
RubyGems.org, The Ruby Toolbox] [tag:hash-oss-project]
- [page] Program Support `slug:hash-oss-program-support`

Author: bigtiger

custom-oss.hbs

@@ -0,0 +1,94 @@
+{{!< default}} 
+<div id="open-source">
+  {{#post}} 
+    <div class="{{post_class}}">
+      <h1 class="title">{{title}}</h1>
+      <div class="two-up">{{content}}</div>
+    </div>
+  {{/post}}
+
+  <div class="{{post_class}} program-news">
+    {{#get "posts" filter="slug:program-news"}}
+      {{#foreach posts}}
+        <h1 class="call-to-action header">Program News</h1>
+        <ul>
+          {{#get "posts" order="desc, title asc" filter="tag:[news]"}}
+            {{#foreach posts limit="3"}}
+              <li>{{#link href=(url)}}{{title}}{{/link}}</li>
+            {{/foreach}}
+          {{/get}}
+        </ul>
+      </div>
+    {{/foreach}}
+  {{/get}}
+
+  <div class="{{post_class}} mission-and-vision">
+    {{#get "posts" filter="slug:[hash-oss-our-vision, hash-oss-our-mission]"}}
+      {{#foreach posts}}
+        <div class="column">
+          <h1>{{title}}</h1>
+          {{{html}}}
+        </div>
+      {{/foreach}}
+    {{/get}}
+  </div>
+
+  <div class="{{post_class}} projects">
+    <h1 class="title">Projects</h1>
+    <h2>Learn more about our current and past efforts</h2>
+    <div class="projects-list">
+      {{#get "posts" order="featured desc, title asc" filter="tag:[hash-oss-project]"}}
+        {{#foreach posts}}
+        <div class="{{post_class}} project">
+            <h1>{{title}}</h1>
+            {{{html}}}
+        </div>
+        {{/foreach}}
+      {{/get}}
+    </div>
+    <div class="contribute">
+      {{#get "posts" filter="tag:[hash-oss-contribute]"}}
+      {{#foreach posts}}
+      {{#if feature_image}}
+      <img src="{{feature_image}}" alt="{{title}}" class="feature-image">
+      {{/if}}
+      <h1 class="call-to-action header">{{title}}</h1>
+      <div>{{content}}</div>
+      {{/foreach}}
+      {{/get}}
+    </div>
+  </div>
+
+  <div class="post" aria-labelledby="team-heading">
+    <h1 id="team-heading" class="title">Team</h1>
+    <h2>Meet the people behind our program</h2>
+    <div class="grid">
+      {{#get "pages" order="featured desc, title asc" filter="tags:hash-oss-team" limit="all" include="feature_image"}}
+        {{#foreach pages}}
+          <figure>
+            {{#if feature_image}}
+              <img src="{{feature_image}}" alt="{{title}}" class="feature-image team-photo">
+            {{/if}}
+            <figcaption class="team-info">
+              <p class="team-name">{{title}}</p>
+              {{content}}
+            </figcaption>
+          </figure>
+        {{/foreach}}
+      {{/get}}
+    </div>
+  </div>
+    <div class="{{post_class}} program-support">
+      {{#get "pages" filter="tag:[hash-oss-program-support]"}}
+      {{#foreach pages}}
+      <h1 class="title">{{title}}</h1>
+      {{{content}}}
+      <span>Program-Specific Funding</span>
+      <span>Donated Services</span>
+      <span>Memberships</span>
+      <span>Program-Specific Funding</span>
+    </div>
+    {{/foreach}}
+    {{/get}}
+    </div>
+</div>

default.hbs

@@ -25,15 +25,18 @@
 
     <main id="theme-main">
       {{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}
-      <header>
-        <a href="/" id="main-logo">
-          <div class="logo-square">
-            <div class="logo-circle"></div>
-          </div>
-          <h1>{{@site.title}}</h1>
-        </a>
-        <h2>{{@site.description}}</h2>
-      </header>
+
+      {{#is "home"}}
+        <header>
+          <a href="/" id="main-logo">
+            <div class="logo-square">
+              <div class="logo-circle"></div>
+            </div>
+            <h1>{{@site.title}}</h1>
+          </a>
+          <h2>{{@site.description}}</h2>
+        </header>
+      {{/is}}
 
       {{{body}}}
     </main>

src/css/app.css

@@ -19,6 +19,7 @@
 /* @import './pages/content.css'; */
 
 @import './rubycentral.css';
+@import './open-source.css';
 
 /* Vendor */
 @import './vendors/ghost.css';