cloning playbook from Charles local machine

Gemfile

@@ -0,0 +1,5 @@
+source 'https://rubygems.org'
+gem 'github-pages'
+gem 'sass'
+gem 'bourbon'
+gem 'neat'

Gemfile.lock

@@ -0,0 +1,107 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    RedCloth (4.2.9)
+    activesupport (4.1.1)
+      i18n (~> 0.6, >= 0.6.9)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.1)
+      tzinfo (~> 1.1)
+    blankslate (2.1.2.4)
+    bourbon (4.0.1)
+      sass (~> 3.3)
+      thor
+    classifier (1.3.4)
+      fast-stemmer (>= 1.0.0)
+    colorator (0.1)
+    commander (4.1.6)
+      highline (~> 1.6.11)
+    fast-stemmer (1.0.2)
+    ffi (1.9.3)
+    gemoji (1.5.0)
+    github-pages (19)
+      RedCloth (= 4.2.9)
+      jekyll (= 1.5.1)
+      jekyll-mentions (= 0.0.6)
+      jekyll-redirect-from (= 0.3.1)
+      jekyll-sitemap (= 0.3.0)
+      jemoji (= 0.1.0)
+      kramdown (= 1.3.1)
+      liquid (= 2.5.5)
+      maruku (= 0.7.0)
+      rdiscount (= 2.1.7)
+      redcarpet (= 2.3.0)
+    highline (1.6.21)
+    html-pipeline (1.5.0)
+      activesupport (>= 2)
+      nokogiri (~> 1.4)
+    i18n (0.6.9)
+    jekyll (1.5.1)
+      classifier (~> 1.3)
+      colorator (~> 0.1)
+      commander (~> 4.1.3)
+      liquid (~> 2.5.5)
+      listen (~> 1.3)
+      maruku (= 0.7.0)
+      pygments.rb (~> 0.5.0)
+      redcarpet (~> 2.3.0)
+      safe_yaml (~> 1.0)
+      toml (~> 0.1.0)
+    jekyll-mentions (0.0.6)
+      html-pipeline (~> 1.5.0)
+      jekyll (~> 1.4)
+    jekyll-redirect-from (0.3.1)
+      jekyll (~> 1.4)
+    jekyll-sitemap (0.3.0)
+      jekyll (~> 1.4)
+    jemoji (0.1.0)
+      gemoji (~> 1.5.0)
+      html-pipeline (~> 1.5.0)
+      jekyll (~> 1.4)
+    json (1.8.1)
+    kramdown (1.3.1)
+    liquid (2.5.5)
+    listen (1.3.1)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+      rb-kqueue (>= 0.2)
+    maruku (0.7.0)
+    mini_portile (0.6.0)
+    minitest (5.3.3)
+    neat (1.6.0)
+      bourbon (>= 3.1)
+      sass (>= 3.3)
+    nokogiri (1.6.2.1)
+      mini_portile (= 0.6.0)
+    parslet (1.5.0)
+      blankslate (~> 2.0)
+    posix-spawn (0.3.8)
+    pygments.rb (0.5.4)
+      posix-spawn (~> 0.3.6)
+      yajl-ruby (~> 1.1.0)
+    rb-fsevent (0.9.4)
+    rb-inotify (0.9.4)
+      ffi (>= 0.5.0)
+    rb-kqueue (0.2.2)
+      ffi (>= 0.5.0)
+    rdiscount (2.1.7)
+    redcarpet (2.3.0)
+    safe_yaml (1.0.3)
+    sass (3.3.7)
+    thor (0.19.1)
+    thread_safe (0.3.3)
+    toml (0.1.1)
+      parslet (~> 1.5.0)
+    tzinfo (1.1.0)
+      thread_safe (~> 0.1)
+    yajl-ruby (1.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bourbon
+  github-pages
+  neat
+  sass

LICENCE.md

@@ -0,0 +1,24 @@
+Copyright (c) 2013, Development Seed All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+- Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+- Neither the name "Development Seed" nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

README.md

@@ -1,2 +1,3 @@
-playbook
-========
+To work on the site locally, run `jekyll serve --watch`, then visit http://localhost:4000/starter` in your browser.
+
+To get SASS running: `sass --watch assets/sass/styles.css.scss:assets/css/styles.css`

_config.yml

@@ -0,0 +1,57 @@
+baseurl: /playbook
+permalink: pretty
+markdown: rdiscount
+prose:
+  rooturl: '_posts'
+  siteurl: 'http://prose.github.io/starter/'
+  relativeLinks: 'http://prose.github.io/starter/links.jsonp'
+  media: 'media'
+  metadata:
+    _posts:
+      - name: "category"
+        field:
+          element: "hidden"
+          value: "blog"
+      - name: "layout"
+        field:
+          element: "hidden"
+          value: "blog"
+      - name: "title"
+        field:
+          element: "text"
+          label: "Title"
+          value: ""
+      - name: "splash"
+        field:
+          element: "text"
+          label: "Splash image"
+          value: ""
+      - name: "tags"
+        field:
+          element: "multiselect"
+          label: "Add Tags"
+          placeholder: "Choose Tags"
+          options:
+            - name: "Apples"
+              value: "apples"
+            - name: "Bananas"
+              value: "bananas"
+            - name: "Pears"
+              value: "pears"
+            - name: "Mangos"
+              value: "mangos"
+    _posts/static:
+      - name: "layout"
+        field:
+          element: "hidden"
+          value: "page"
+      - name: "title"
+        field:
+          element: "text"
+          label: "Title"
+          value: ""
+      - name: "permalink"
+        field:
+          element: "text"
+          label: "Permalink"
+          value: ""

_includes/introduction.md

@@ -0,0 +1,7 @@
+# U.S. Digital Services Playbook
+
+The American people expect to interact with government through digital channels such as websites, email, and mobile applications. By building better digital services that meet the needs of the people that use our services, we can make the delivery of our policy and programs more effective.
+
+Today, too many of our digital services projects do not work well, are delivered late, or are over budget. To increase the success rate of these projects, the U.S. Government needs a new approach.
+
+The U.S. Digital Service created a playbook of 13 key “plays” drawn from successful best practices from the private sector and government that, if followed together, will help government build effective digital services.

_includes/play1.md

@@ -0,0 +1,23 @@
+##### PLAY 1
+## Understand what people need
+
+We must begin digital projects by exploring and pinpointing the needs of the people who will use the service, and the ways in which the service will fit into their lives. Whether the users are members of the public or government employees, policy makers must include real people in their design process from the very beginning. The needs of people — not constraints of govern- ment structures or silos — should drive technical and design decisions.
+We need to continually test the products we build with real people to keep us honest about what is important.
+
+#### checklist
+1. Conduct lightweight user research before development begins
+2. Spend time with current and prospective users of the service, and use a range of qualitative and quantitative methods to determine these users’ goals, needs, and behaviors
+3. Document the findings about user goals, needs, behaviors, and preferences
+4. Share findings with the team and agency leadership
+5. Create a prioritized list of user stories, which are short descriptions of what goals the user is trying to accomplish
+6. Test prototypes of possible solutions with real people, in the field if possible
+
+#### key questions
+- What user needs will this service address?
+- Why does the user want or need this service?
+- Who are your key users?
+- Which people will have the most difficulty with your service?
+- What research methods were used?
+- What were the key findings from users’ current experience?
+- How were the findings documented? Where can future team members access the documentation?
+- How often are you testing with real people?

_includes/plays_index.md

@@ -0,0 +1,15 @@
+### DIGITAL SERVICE PLAYS
+
+1. [Understand what people need]('#play1')
+2. [Address the whole experience, from start to finish]('#play2')
+3. [Make it simple and intuitive]('#play3')
+4. [Build the service using agile and iterative practices]('#play4')
+5. [Structure budgets and contracts to support delivery]('#play5')
+6. [Assign one leader and hold that person accountable]('#play6')
+7. [Bring in experienced teams]('#play7')
+8. [Choose a modern technology stack]('#play8')
+9. [Deploy in a flexible hosting environment]('#play9')
+10. [Automate testing and deployments]('#play10')
+11. [Manage security and privacy through reusable processes]('#play11')
+12. [Use data to drive decisions]('#play12')
+13. [Default to open]('#play13')

_includes/rss-item.xml

@@ -0,0 +1,8 @@
+<item>
+  <title>{{item.title | xml_escape}}</title>
+  <link>{{site.baseurl}}{{item.url}}</link>
+  <description>{{item.content | markdownify | xml_escape}}</description>
+  <pubDate>{{item.date | date_to_xmlschema}}</pubDate>
+  <dc:creator>SITE NAME</dc:creator>
+  <guid isPermaLink="true">{{site.baseurl}}{{item.url}}</guid>
+</item>

_includes/rss-link.html

@@ -0,0 +1,3 @@
+  <div class='col4 margin3 pad4'>
+    <a class='rss' href='{{site.baseurl}}/blog.rss'>Subscribe via RSS</a>
+  </div>

_layouts/blog.html

@@ -0,0 +1,28 @@
+---
+layout: default
+section: blog
+---
+
+{% if page.splash %}
+  {% if page.splash contains 'http' %}
+    {% capture url %}{{page.splash}}{% endcapture %}
+  {% else %}
+    {% capture url %}{{site.baseurl}}{{page.splash}}/{% endcapture %}
+  {% endif %}
+
+  <div class='col12 splash'>
+    <img src='{{url}}' alt='' />
+  </div>
+{% endif %}
+
+<div class='listing col6 pad4h margin3'>
+  <div class='heading'>
+    <h1>{{page.title}}</h1><span class='date'>{{page.date | date:"%b %d"}}</span>
+  </div>
+
+  <div class='prose'>
+    {{content}}
+  </div>
+</div>
+
+{% include rss-link.html %}

_layouts/default.html

@@ -0,0 +1,61 @@
+---
+title: 'This is my Site Title'
+---
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The U.S. Digital Services Playbook {% if page.url != '/index.html' %}| {{page.title}}{% endif %}</title>
+  <meta charset='UTF-8'/>
+  <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
+  <link rel='shortcut icon' href='{{site.baseurl}}/img/favicon.ico' type='image/x-icon' />
+  <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,700|Open+Sans:300,400' rel='stylesheet' type='text/css'>
+  <link href='{{site.baseurl}}/site.css' rel='stylesheet' />
+  <link href='{{site.baseurl}}/assets/css/styles.css' rel='stylesheet' />
+</head>
+
+<body>
+
+<!-- <div id="navigation_bar">
+  <div class="outer_container">
+    This is a navigation.    
+  </div>
+</div>
+ -->
+<div id="introduction">
+  <div class="outer_container">
+    {% capture introduction %}{% include introduction.md %}{% endcapture %}
+    {{ introduction | markdownify }}
+  </div>
+</div>
+
+<div id="plays_index">
+  <div class="outer_container">
+    {% capture plays_index %}{% include plays_index.md %}{% endcapture %}
+    {{ plays_index | markdownify }}
+  </div>
+</div>
+
+<div id="plays">
+  <div class="outer_container" id="play1">
+    {% capture play1 %}{% include play1.md %}{% endcapture %}
+    {{ play1 | markdownify }}
+  </div>
+</div>
+  <!-- 
+  <div class='container'>
+    <div class='col12 clearfix'>
+      <div class='header col6 margin3 pad4h'>
+        <div class='clearfix col12'>
+          <div class='menu fr'>
+            <a class='{% if page.section == "blog" %}active{% endif %}' href='{{site.baseurl}}/'>Blog</a>
+            <a class='{% if page.url == "about/" %}active{% endif %}' href='{{site.baseurl}}/about'>About</a>
+            <a href='//github.com/prose/starter'>Fork on GitHub</a>
+          </div>
+          <h1 class='title'><a href='{{site.baseurl}}/'>{{page.title}}</a></h1>
+        </div>
+      </div>
+    </div>
+    {{content}}
+  </div> -->
+  <script src='{{site.baseurl}}/site.js'></script>
+</body>

_layouts/page.html

@@ -0,0 +1,10 @@
+---
+layout: default
+---
+
+<div class='listing col6 pad4h margin3'>
+  <h2>{{page.title}}</h2>
+  <div class='prose'>
+    {{content}}
+  </div>
+</div>

_posts/2013-05-09-hello-world.md

@@ -0,0 +1,8 @@
+---
+published: true
+category: blog
+layout: blog
+splash: "http://placehold.it/1600x500"
+---
+
+Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor. Quisque aliquet, quam elementum condimentum feugiat, tellus odio consectetuer wisi, vel nonummy sem neque in elit. Curabitur eleifend wisi iaculis ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non velit non ligula laoreet ultrices. Praesent ultricies facilisis nisl. Vivamus luctus elit sit amet mi. Phasellus pellentesque, erat eget elementum volutpat, dolor nisl porta neque, vitae sodales ipsum nibh in ligula. Maecenas mattis pulvinar diam. Curabitur sed leo.

_posts/2013-06-10-another-post.md

@@ -0,0 +1,8 @@
+---
+published: true
+category: blog
+layout: blog
+splash: "http://placehold.it/1600x500"
+---
+
+Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor. Quisque aliquet, quam elementum condimentum feugiat, tellus odio consectetuer wisi, vel nonummy sem neque in elit. Curabitur eleifend wisi iaculis ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non velit non ligula laoreet ultrices. Praesent ultricies facilisis nisl. Vivamus luctus elit sit amet mi. Phasellus pellentesque, erat eget elementum volutpat, dolor nisl porta neque, vitae sodales ipsum nibh in ligula. Maecenas mattis pulvinar diam. Curabitur sed leo.

_posts/2013-06-16-hello-again.md

@@ -0,0 +1,8 @@
+---
+published: true
+category: blog
+layout: blog
+splash: "http://placehold.it/1600x500"
+---
+
+Proin at eros non eros adipiscing mollis. Donec semper turpis sed diam. Sed consequat ligula nec tortor. Integer eget sem. Ut vitae enim eu est vehicula gravida. Morbi ipsum ipsum, porta nec, tempor id, auctor vitae, purus. Pellentesque neque. Nulla luctus erat vitae libero. Integer nec enim. Phasellus aliquam enim et tortor. Quisque aliquet, quam elementum condimentum feugiat, tellus odio consectetuer wisi, vel nonummy sem neque in elit. Curabitur eleifend wisi iaculis ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non velit non ligula laoreet ultrices. Praesent ultricies facilisis nisl. Vivamus luctus elit sit amet mi. Phasellus pellentesque, erat eget elementum volutpat, dolor nisl porta neque, vitae sodales ipsum nibh in ligula. Maecenas mattis pulvinar diam. Curabitur sed leo.