presidential-innovation-foundation · RobertLRead · Mar 10, 2015 · Mar 5, 2015 · Mar 5, 2015 · Mar 5, 2015
diff --git a/_config.yml b/_config.yml
@@ -13,13 +13,14 @@ exclude:
   - CNAME
 
 #posts per page
-paginate: 1
+paginate: 5
+paginate_path: "/updates/page:num/"
 
 #number of items in RSS feed
 rss_limit: 20
 
 #permalink structure, see https://github.com/mojombo/jekyll/wiki/Permalinks
-permalink: /:year/:month/:day/:title/
+permalink: /updates/:year/:month/:day/:title/
 
 #whether production or dev, minifies JS, bool
 production: true
@@ -37,6 +38,15 @@ markdown: kramdown
 timezone: America/New_York
 encoding: UTF-8
 
+defaults:
+  -
+    scope:
+      path: ""
+      type: "posts"
+    values:
+      layout: "post"
+
+
 sass:
   sass_dir: _sass
   style: :compressed

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,10 @@
+{% include header.html %}
+
+<div id="content">
+
+  {{ content }}
+
+</div>
+
+
+{% include footer.html %}
diff --git a/_layouts/home.html b/_layouts/home.html
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,20 @@
+{% include header.html %}
+
+<div id="content" class="{{ page.id }} post">
+  <div class="row">
+    <div class="small-10 small-centered columns">
+
+      <h2>{{ page.title }}</h2>
+
+      <p class="meta">
+        Posted on {{ page.date | date: '%B %d, %Y' }} by {{ page.author }}
+      </p>
+
+{{ content }}
+
+    </div>
+  </div>
+</div><!-- /content -->
+
+
+{% include footer.html %}
diff --git a/_posts/2015-03-01-awesome-post.md b/_posts/2015-03-01-awesome-post.md
@@ -0,0 +1,6 @@
+---
+author: Ben Balter
+title: Awesome post
+---
+
+My awesome post
diff --git a/_posts/2015-03-02-another-awesome-post.md b/_posts/2015-03-02-another-awesome-post.md
@@ -0,0 +1,6 @@
+---
+author: Ben Balter
+title: Awesome post number 2
+---
+
+Some more awesome content
diff --git a/_sass/_pif.scss b/_sass/_pif.scss
@@ -358,3 +358,8 @@ footer {
   }
   ol li ol li ol li { counter-increment: section; }
 }
+
+/*** posts ***/
+.meta { font-style: italic; font-size: 0.9em; }
+.post h3, .post h2 { margin-bottom: 10px; }
+.post { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
diff --git a/index.html b/index.html
@@ -1,4 +1,130 @@
 ---
-layout: home
+layout: default
 title: Presidential Innovation Fellows Foundation
 ---
+
+<div class="banner">
+
+  <div class="row">
+    <div class="small-10 medium-9 small-centered columns">
+      <h2><span>Promoting innovation <em>in government.</em></span></h2>
+
+    </div>
+  </div>
+
+</div>
+
+
+
+<div class="row opening-pitch">
+  <div class="small-11 large-8 small-centered columns">
+    <blockquote><strong>“the most badass innovators on the planet”</strong></blockquote>
+      <p class="source">&mdash; US <abbr title="Chief Technology Officer">CTO</abbr>, Todd Park</p>
+  </div>
+</div>
+
+
+<div class="info-row">
+<div class="row" id="about">
+
+  <div class="small-12 small-centered medium-7 large-7 columns">
+
+    <h3>Presidential Innovation Fellows</h3>
+
+      <p>The world has changed significantly since our nation’s founders first sought to form a more perfect union. The challenges we face are great and incredibly complex: from saving lives when faced with natural disasters like storms, floods and even asteroids, to upgrading the infrastructure that serves our veterans, to unleashing government data to power the economy and create jobs.</p>
+
+    <p>Presidential Innovation Fellows represent the best talent our nation has to offer to deal with the new challenges of today. As entrepreneurial leaders in design, technology and creating transformational change, fellows are asked to take on difficult, multi-headed, and technologically-oriented problems and create real and lasting impact. Fellows start each day with full knowledge that their project’s scale, scope and direction might change. Resilient in the face of uncertainty, fellows seize opportunities, untangle bureaucracy, and foster partnerships inside their agency or out - focused by their guiding principle: aut viam inveniam aut faciam &mdash; either find a way or make one. </p>
+
+    <p>The experience that each fellow has is different, but in the end, their work is the same: do the hard thing, do the right thing, and serve the interests of the people of the United States and the world.</p>
+
+<div class="flex-video widescreen">
+<iframe width="450" height="350" src="https://www.youtube.com/embed/8WLM61QwbvU?start=132%26showinfo=0" frameborder="0" allowfullscreen></iframe>
+</div>
+
+<p class="source"><abbr title="United States">US</abbr> <abbr title="Chief Technology Technology Officer">CTO</abbr> Todd Park on Innovation in Government</p>
+
+    </div>
+  </div>
+</div>
+
+
+
+<div class="feature-row">
+  <div class="row" id="our-work">
+    <div class="small-12 columns">
+      <div class="panel">
+      <h3>Recent Work</h3>
+      <p>Highlights from the past year</p>
+    </div>
+  </div>
+  </div>
+
+  <div class="row">
+    <div class="small-12 large-4 columns">
+      <div class="panel">
+      <div class="project-item">
+        <img width="350" height="200" src="/assets/img/content/data-dot-gov-logo.png" alt="Data.gov">
+        <h4>Data.gov</h4>
+      </div>
+
+      <p>Data.gov provides access to over 100,000 federal data sets. Like many PIF projects, the source code of this federated data portal was developed from its inception as an open source project, as well as leveraging other open source code to accelerate development.</p>
+      <ul>
+        <li><a href="http://www.data.gov/">Data.gov official website</a></li>
+        <li><a href="https://github.com/GSA/data.gov/">source code on github</a></li>
+      </ul>
+    </div>
+  </div>
+
+    <div class="small-12 large-4 columns">
+      <div class="panel">
+      <div class="project-item">
+        <img src="/assets/img/content/blue-button-blue.png" alt="Blue Button">
+        <h4>Blue Button</h4>
+      </div>
+
+      <p>Millions of Americans can get easy, secure online access to their health records thanks to “Blue Button”. Initially developed as a Round 1 <abbr>PIFM</abbr> Project to allow veterans access to their health records. The program was expanded this year at Health and Human Services (<abbr>HHS</abbr>).</p>
+      <ul>
+        <li><a href="http://www4.va.gov/bluebutton/">VA Blue Button</a></li>
+        <li><a href="http://www.healthit.gov/bluebutton">Blue Button for Health Records</a>
+        <li><a href="http://www.whitehouse.gov/blog/2014/02/07/leading-pharmacies-and-retailers-join-blue-button-initiative">Leading Pharmacies and Retailers Join Blue Button Initiative</a>
+      </ul>
+    </div>
+  </div>
+
+    <div class="small-12 large-4 columns">
+      <div class="panel">
+      <div class="project-item">
+        <img src="/assets/img/content/luce-hack2.png" alt="Smithsonian Hackathon">
+        <h4>Smithsonian Hackathon</h4>
+      </div>
+
+      <p>The Smithsonian held its first ever hackathon, helping the American Art Museum reimagine the digital kiosks at the Luce Center, resulting in visionary short films and working prototypes. This led to the Smithsonian American Art Museum participating in the US Open Data Action Plan with an open <abbr>API</abbr> on its roadmap.</p>
+      <ul>
+        <li><a href="http://americanart.si.edu/luce/hack/">Hackathon Report</a></li>
+        <li><a href="http://www.whitehouse.gov/sites/default/files/microsites/ostp/us_open_data_action_plan.pdf">US Open Data Action Plan</a>
+      </ul>
+    </div>
+  </div>
+
+  </div>
+</div>
+
+<div class="call-to-action-row">
+  <div class="row" id="get-involved">
+    <div class="small-12 large-8 large-centered columns">
+
+      <h3>Get involved</h3>
+
+      <p>There are plenty of great ways to get involved. Attend an event, apply to become a Presidential Innovation Fellow, or simply join our mailing list.</p>
+
+<a href="./updates" class="button">Updates</a>
+
+<a href="./donors" class="button">View our sponsors</a>
+
+<a href="./donations" class="button">How to donate</a>
+
+<a href="./bylaws" class="button">Our bylaws</a>
+
+    </div>
+  </div>
+</div>