Update layout. Add comment buttons

18F · Aug 30, 2016 · acab8fb · acab8fb
1 parent b08ad61
commit acab8fb
Show file tree

Hide file tree

Showing 32 changed files with 729 additions and 1,781 deletions.
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -1,19 +1,22 @@
 <nav>
-  <ol>
-    <li><a href="{{site.baseurl}}/">Overview</a></li>
-    <li><a href="{{site.baseurl}}/case-study">Case study</a></li>
-    <li>
-      <a href="{{site.baseurl}}/process">Process</a>
-      <ol>
-        <li><a href="{{site.baseurl}}/process/ignition">Ignition</a></li>
-        <li><a href="{{site.baseurl}}/process/inception">Inception</a></li>
-        <li><a href="{{site.baseurl}}/process/procurement">Procurement</a></li>
-        <li><a href="{{site.baseurl}}/process/delivery">Delivery</a></li>
-        <li><a href="{{site.baseurl}}/process/landing">Landing</a></li>
-      </ol>
-    </li>
-    <li><a href="{{site.baseurl}}/primers">Primers</a></li>
-    <li><a href="{{site.baseurl}}/about">About</a></li>
-    <li><a href="{{site.baseurl}}/glossary">Glossary</a></li>
-  </ol>
+  <div class="wrapper">
+    <h1>Table <span class="preposition">of</span> contents</h1>
+    <ol>
+      <li class="overview"><a href="{{site.baseurl}}/">Overview</a></li>
+      <li class="case-study"><a href="{{site.baseurl}}/case-study">Case study</a></li>
+      <li class="process">
+        <a href="{{site.baseurl}}/process">Process</a>
+        <ol>
+          <li class="ignition"><a href="{{site.baseurl}}/process/ignition">Ignition</a></li>
+          <li class="inception"><a href="{{site.baseurl}}/process/inception">Inception</a></li>
+          <li class="procurement"><a href="{{site.baseurl}}/process/procurement">Procurement</a></li>
+          <li class="delivery"><a href="{{site.baseurl}}/process/delivery">Delivery</a></li>
+          <li class="landing"><a href="{{site.baseurl}}/process/landing">Landing</a></li>
+        </ol>
+      </li>
+      <li class="primers"><a href="{{site.baseurl}}/primers">Primers</a></li>
+      <li class="about"><a href="{{site.baseurl}}/about">About</a></li>
+      <li class="glossary"><a href="{{site.baseurl}}/glossary">Glossary</a></li>
+    </ol>
+  </div>
 </nav>
diff --git a/_includes/site-footer.html b/_includes/site-footer.html
@@ -1,7 +1,4 @@
 <footer class="site-footer">
   <div class="wrapper">
-    <nav>
-      <a class="button" href="https://github.com/18f/digital-acquisition-playbook/">View on GitHub</a>
-    </nav>          
   </div>
 </footer>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -5,11 +5,15 @@
     <a class="a-skip-to-main" href="#main">Skip to main content</a>
     {% include site-header.html %}
     <main class="article" role="main" id="main">
+      {% include nav.html %}
       <div class="page">
         <div class="wrapper">
           <h1 class="page-title">{{ page.title }}</h1>
-          {% include nav.html %}
           {{ content }}
+          {% if page.issue %}
+            <p><a href="https://github.com/18F/digital-acquisition-playbook/issues/{{page.issue}}" class="button">Leave a comment on this page</a></p>
+          {% endif %}
+
         </div>
       </div>
     </main>

diff --git a/_pages/about.md b/_pages/about.md
@@ -1,6 +1,7 @@
 ---
+Title: About the Digital Acquisition Accelerator Pilot
+issue: 10
 ---
-# About the Digital Acquisition Accelerator Pilot
 
 Announced in March 2016 by the Office of Federal Procurement Policy (OFPP), the Digital Acquisition Accelerator is a pilot program aimed at helping agencies accelerate the adoption of digital acquisition practices. It’s funded by the General Services Administration, and is managed and delivered by 18F and the Presidential Innovation Fellows. Its purpose is to complement, not replace, the creation of an Acquisition Innovation Lab, per the OFPP memo.
 

diff --git a/_pages/case-study.md b/_pages/case-study.md
@@ -1,6 +1,7 @@
 ---
+title: Case Study&#58; HHS Buyer&rsquo;s Club
+issue: 8
 ---
-# Case Study: HHS Buyer’s Club
 
 "The HHS Buyers Club is a HHS IDEA Lab sponsored project focused on addressing a critical problem in government: modernizing federal acquisition of information technology (IT) and related services. Given the expansion and impactful role of digital services throughout government, there are many opportunities to improve existing acquisition methods that are used to support government services, thereby directly benefiting the public.
 

diff --git a/_pages/glossary.md b/_pages/glossary.md
@@ -1,6 +1,7 @@
 ---
+title: Glossary
+issue: 11
 ---
-# Glossary
 
 ## Agile
 

diff --git a/_pages/overview.md b/_pages/overview.md
@@ -1,5 +1,6 @@
 ---
 title: Overview
+issue: 6
 permalink: /
 ---
 

diff --git a/_pages/primers.md b/_pages/primers.md
@@ -1,6 +1,7 @@
 ---
----
-# (Primers) Basic Training for Cross-Functional Teams
+Title: (Primers) Basic Training for Cross-Functional Teams
+issue: 9
+--- 
 
 Understanding these five practices and concepts can help improve the digital acquisition capability of your teams. These are:
 

diff --git a/_pages/process.md b/_pages/process.md
@@ -1,6 +1,7 @@
 ---
+Title: Digital Acquisitions Process
+issue: 7
 ---
-# Digital Acquisitions Process
 
 The digital acquisitions process can be broken up into different phases which are:
 

diff --git a/_pages/process/delivery.md b/_pages/process/delivery.md
@@ -1,4 +1,5 @@
 ---
+title: Delivery
 ---
 
-# Coming soon
+Coming soon
diff --git a/_pages/process/ignition.md b/_pages/process/ignition.md
@@ -1,8 +1,7 @@
 ---
+title: Ignition
 ---
 
-# Ignition
-
 As an agency is paramount that you build the right digital acquisitions team and provide them with the right training. Your teams should be cross-functional and have a fundamental understanding of agile, lean, human-centered design, and open innovation. It is important to think of this learning as foundational and continuous. Technology changes fast and your team will have to learn to keep pace with it to maintain the market expertise necessary to make smart at digital acquisition decisions. 
 
 **Key activities include:**

diff --git a/_pages/process/inception.md b/_pages/process/inception.md
@@ -1,8 +1,7 @@
 ---
+title: Inception
 ---
 
-# Inception
-
 Inception, a term adapted from agile development, is a short, days long discovery spike used to define the key inputs needed to create a more informed solicitation for your digital acquisition. The goal of inception is to quickly align your digital acquisitions team around a shared understanding of who the end users are, the problem you are trying to solve, and a vision for how the product will best serve end users and your organization over time. Inception allows your team to create improved solicitations based on prioritized, actionable user stories and focused product objectives. The entire cross-functional team and key stakeholders should be involved for the entirety of the inception phase and this should occur before your contracting officers begin to develop the solicitation.
 
 Key activities include, but are not limited to:

diff --git a/_pages/process/landing.md b/_pages/process/landing.md
@@ -1,4 +1,4 @@
 ---
+title: Landing
 ---
-
-# Coming soon
+ Coming soon
diff --git a/_pages/process/procurement.md b/_pages/process/procurement.md
@@ -1,4 +1,5 @@
 ---
+title: Procurement
 ---
 
-# Coming soon
+Coming soon
diff --git a/_site/about/index.html b/_site/about/index.html
@@ -9,7 +9,7 @@
   <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
   <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
 
-  <meta name="description" content="About the Digital Acquisition Accelerator Pilot">
+  <meta name="description" content="Announced in March 2016 by the Office of Federal Procurement Policy (OFPP), the Digital Acquisition Accelerator is a pilot program aimed at helping agencies ...">
 
   <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,400italic,700italic,300italic,300|Source+Sans+Pro:200,300,300italic,400,400italic,600,600italic,900' rel='stylesheet' type='text/css'>
 
@@ -35,31 +35,32 @@ <h1 class="logo"><a href="/">Digital Acquisition Playbook</a></h1>
 </header>
 
     <main class="article" role="main" id="main">
+      <nav>
+  <div class="wrapper">
+    <h1>Table <span class="preposition">of</span> contents</h1>
+    <ol>
+      <li class="overview"><a href="/">Overview</a></li>
+      <li class="case-study"><a href="/case-study">Case study</a></li>
+      <li class="process">
+        <a href="/process">Process</a>
+        <ol>
+          <li class="ignition"><a href="/process/ignition">Ignition</a></li>
+          <li class="inception"><a href="/process/inception">Inception</a></li>
+          <li class="procurement"><a href="/process/procurement">Procurement</a></li>
+          <li class="delivery"><a href="/process/delivery">Delivery</a></li>
+          <li class="landing"><a href="/process/landing">Landing</a></li>
+        </ol>
+      </li>
+      <li class="primers"><a href="/primers">Primers</a></li>
+      <li class="about"><a href="/about">About</a></li>
+      <li class="glossary"><a href="/glossary">Glossary</a></li>
+    </ol>
+  </div>
+</nav>
       <div class="page">
         <div class="wrapper">
           <h1 class="page-title">About</h1>
-          <nav>
-  <ol>
-    <li><a href="/">Overview</a></li>
-    <li><a href="/case-study">Case study</a></li>
-    <li>
-      <a href="/process">Process</a>
-      <ol>
-        <li><a href="/process/ignition">Ignition</a></li>
-        <li><a href="/process/inception">Inception</a></li>
-        <li><a href="/process/procurement">Procurement</a></li>
-        <li><a href="/process/delivery">Delivery</a></li>
-        <li><a href="/process/landing">Landing</a></li>
-      </ol>
-    </li>
-    <li><a href="/primers">Primers</a></li>
-    <li><a href="/about">About</a></li>
-    <li><a href="/glossary">Glossary</a></li>
-  </ol>
-</nav>
-          <h1 id="about-the-digital-acquisition-accelerator-pilot">About the Digital Acquisition Accelerator Pilot</h1>
-
-<p>Announced in March 2016 by the Office of Federal Procurement Policy (OFPP), the Digital Acquisition Accelerator is a pilot program aimed at helping agencies accelerate the adoption of digital acquisition practices. It’s funded by the General Services Administration, and is managed and delivered by 18F and the Presidential Innovation Fellows. Its purpose is to complement, not replace, the creation of an Acquisition Innovation Lab, per the OFPP memo.</p>
+          <p>Announced in March 2016 by the Office of Federal Procurement Policy (OFPP), the Digital Acquisition Accelerator is a pilot program aimed at helping agencies accelerate the adoption of digital acquisition practices. It’s funded by the General Services Administration, and is managed and delivered by 18F and the Presidential Innovation Fellows. Its purpose is to complement, not replace, the creation of an Acquisition Innovation Lab, per the OFPP memo.</p>
 
 <p>This Accelerator program is currently running as a pilot, which means we’re still learning how best to design it. Toward this end, we’ve broken it into two phases—alpha and beta.</p>
 
@@ -81,14 +82,15 @@ <h2 id="federal-bureau-of-investigation">Federal Bureau of Investigation</h2>
 
 <p>Learn more about the accelerator at <a href="https://pages.18f.gov/digitalaccelerator/">https://pages.18f.gov/digitalaccelerator/</a>, or on our blog at <a href="https://18f.gsa.gov/tags/digital-acquisition-accelerator/">https://18f.gsa.gov/tags/digital-acquisition-accelerator/</a></p>
 
+
+            <p><a href="https://github.com/18F/digital-acquisition-playbook/issues/10" class="button">Leave a comment on this page</a></p>
+
+
         </div>
       </div>
     </main>
     <footer class="site-footer">
   <div class="wrapper">
-    <nav>
-      <a class="button" href="https://github.com/18f/digital-acquisition-playbook/">View on GitHub</a>
-    </nav>          
   </div>
 </footer>
   </body>

diff --git a/_site/case-study/index.html b/_site/case-study/index.html
@@ -5,11 +5,11 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <title>Digital Acquisition Playbook - Case Study</title>
+  <title>Digital Acquisition Playbook - Case Study&#58; HHS Buyer&rsquo;s Club</title>
   <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
   <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
 
-  <meta name="description" content="Case Study: HHS Buyer’s Club">
+  <meta name="description" content="“The HHS Buyers Club is a HHS IDEA Lab sponsored project focused on addressing a critical problem in government: modernizing federal acquisition of informati...">
 
   <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,400italic,700italic,300italic,300|Source+Sans+Pro:200,300,300italic,400,400italic,600,600italic,900' rel='stylesheet' type='text/css'>
 
@@ -26,7 +26,7 @@
 
 </head>
 
-  <body class="no-js layout-article layout-article-case-study">
+  <body class="no-js layout-article layout-article-case-study-58-hhs-buyer-rsquo-s-club">
     <a class="a-skip-to-main" href="#main">Skip to main content</a>
     <header class="site-header">
   <div class="wrapper">
@@ -35,31 +35,32 @@ <h1 class="logo"><a href="/">Digital Acquisition Playbook</a></h1>
 </header>
 
     <main class="article" role="main" id="main">
+      <nav>
+  <div class="wrapper">
+    <h1>Table <span class="preposition">of</span> contents</h1>
+    <ol>
+      <li class="overview"><a href="/">Overview</a></li>
+      <li class="case-study"><a href="/case-study">Case study</a></li>
+      <li class="process">
+        <a href="/process">Process</a>
+        <ol>
+          <li class="ignition"><a href="/process/ignition">Ignition</a></li>
+          <li class="inception"><a href="/process/inception">Inception</a></li>
+          <li class="procurement"><a href="/process/procurement">Procurement</a></li>
+          <li class="delivery"><a href="/process/delivery">Delivery</a></li>
+          <li class="landing"><a href="/process/landing">Landing</a></li>
+        </ol>
+      </li>
+      <li class="primers"><a href="/primers">Primers</a></li>
+      <li class="about"><a href="/about">About</a></li>
+      <li class="glossary"><a href="/glossary">Glossary</a></li>
+    </ol>
+  </div>
+</nav>
       <div class="page">
         <div class="wrapper">
-          <h1 class="page-title">Case Study</h1>
-          <nav>
-  <ol>
-    <li><a href="/">Overview</a></li>
-    <li><a href="/case-study">Case study</a></li>
-    <li>
-      <a href="/process">Process</a>
-      <ol>
-        <li><a href="/process/ignition">Ignition</a></li>
-        <li><a href="/process/inception">Inception</a></li>
-        <li><a href="/process/procurement">Procurement</a></li>
-        <li><a href="/process/delivery">Delivery</a></li>
-        <li><a href="/process/landing">Landing</a></li>
-      </ol>
-    </li>
-    <li><a href="/primers">Primers</a></li>
-    <li><a href="/about">About</a></li>
-    <li><a href="/glossary">Glossary</a></li>
-  </ol>
-</nav>
-          <h1 id="case-study-hhs-buyers-club">Case Study: HHS Buyer’s Club</h1>
-
-<p>“The HHS Buyers Club is a HHS IDEA Lab sponsored project focused on addressing a critical problem in government: modernizing federal acquisition of information technology (IT) and related services. Given the expansion and impactful role of digital services throughout government, there are many opportunities to improve existing acquisition methods that are used to support government services, thereby directly benefiting the public.</p>
+          <h1 class="page-title">Case Study&#58; HHS Buyer&rsquo;s Club</h1>
+          <p>“The HHS Buyers Club is a HHS IDEA Lab sponsored project focused on addressing a critical problem in government: modernizing federal acquisition of information technology (IT) and related services. Given the expansion and impactful role of digital services throughout government, there are many opportunities to improve existing acquisition methods that are used to support government services, thereby directly benefiting the public.</p>
 
 <h2 id="purpose-of-hhs-buyers-club">Purpose of HHS Buyers Club</h2>
 
@@ -69,14 +70,15 @@ <h2 id="purpose-of-hhs-buyers-club">Purpose of HHS Buyers Club</h2>
 
 <p>Learn more about the <a href="http://www.hhs.gov/idealab/what-we-do/hhs-buyers-club/">HHS Buyer’s Club</a>.</p>
 
+
+            <p><a href="https://github.com/18F/digital-acquisition-playbook/issues/8" class="button">Leave a comment on this page</a></p>
+
+
         </div>
       </div>
     </main>
     <footer class="site-footer">
   <div class="wrapper">
-    <nav>
-      <a class="button" href="https://github.com/18f/digital-acquisition-playbook/">View on GitHub</a>
-    </nav>          
   </div>
 </footer>
   </body>