Design overhaul to use US Web Design Standards (#235)

* design and theme overhaul to match cyber.dhs.gov and IT Mod

* restore an Edit This Page link

* move banner color to what it has been

Author: konklone

.gitignore

@@ -3,7 +3,10 @@ _site
 .DS_Store
 todo.txt
 .jekyll-metadata
-/vendor
 .ruby-version
 *.pyc
 creds.txt
+node_modules
+/assets/vendor
+/assets/css
+/vendor

.nvmrc

@@ -0,0 +1 @@
+6.2.2

.travis.yml

@@ -1,11 +1,7 @@
 source "https://rubygems.org"
 
 gem 'jekyll'
+
+# TODO: remove
 gem 'redcarpet'
 gem 'rouge'
-
-gem 'bourbon'
-gem 'sass'
-gem 'neat'
-
-gem 'travis'

Gemfile

@@ -1,12 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.4.0)
-    backports (3.6.8)
     blankslate (2.1.2.4)
-    bourbon (4.2.1)
-      sass (~> 3.4)
-      thor
     celluloid (0.16.0)
       timers (~> 4.0.0)
     classifier-reborn (2.0.3)
@@ -16,23 +11,9 @@ GEM
       execjs
     coffee-script-source (1.9.1)
     colorator (0.1)
-    ethon (0.9.1)
-      ffi (>= 1.3.0)
     execjs (2.4.0)
-    faraday (0.10.0)
-      multipart-post (>= 1.2, < 3)
-    faraday_middleware (0.10.1)
-      faraday (>= 0.7.4, < 1.0)
     fast-stemmer (1.0.2)
     ffi (1.9.8)
-    gh (0.15.0)
-      addressable (~> 2.4.0)
-      backports
-      faraday (~> 0.8)
-      multi_json (~> 1.0)
-      net-http-persistent (~> 2.9)
-      net-http-pipeline
-    highline (1.7.8)
     hitimes (1.2.2)
     jekyll (2.5.3)
       classifier-reborn (~> 2.0)
@@ -57,29 +38,16 @@ GEM
       sass (~> 3.2)
     jekyll-watch (1.2.1)
       listen (~> 2.7)
-    json (1.8.3)
     kramdown (1.6.0)
-    launchy (2.4.3)
-      addressable (~> 2.3)
     liquid (2.6.2)
     listen (2.9.0)
       celluloid (>= 0.15.2)
       rb-fsevent (>= 0.9.3)
       rb-inotify (>= 0.9)
     mercenary (0.3.5)
-    multi_json (1.12.1)
-    multipart-post (2.0.0)
-    neat (1.7.2)
-      bourbon (>= 4.0)
-      sass (>= 3.3)
-    net-http-persistent (2.9.4)
-    net-http-pipeline (1.0.1)
     parslet (1.5.0)
       blankslate (~> 2.0)
     posix-spawn (0.3.10)
-    pusher-client (0.6.2)
-      json
-      websocket (~> 1.0)
     pygments.rb (0.6.2)
       posix-spawn (~> 0.3.6)
       yajl-ruby (~> 1.2.0)
@@ -90,37 +58,19 @@ GEM
     rouge (1.8.0)
     safe_yaml (1.0.4)
     sass (3.4.13)
-    thor (0.19.1)
     timers (4.0.1)
       hitimes
     toml (0.1.2)
       parslet (~> 1.5.0)
-    travis (1.8.4)
-      backports
-      faraday (~> 0.9)
-      faraday_middleware (~> 0.9, >= 0.9.1)
-      gh (~> 0.13)
-      highline (~> 1.6)
-      launchy (~> 2.1)
-      net-http-persistent (~> 2.9)
-      pusher-client (~> 0.4)
-      typhoeus (~> 0.6, >= 0.6.8)
-    typhoeus (0.8.0)
-      ethon (>= 0.8.0)
-    websocket (1.2.3)
     yajl-ruby (1.2.1)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  bourbon
   jekyll
-  neat
   redcarpet
   rouge
-  sass
-  travis
 
 BUNDLED WITH
-   1.13.6
+   1.14.6

Gemfile.lock

@@ -18,27 +18,28 @@ The homepage of this site is the final policy. The other pages on [https.cio.gov
 
 ### Developing on the site locally
 
-This site uses [Jekyll](http://jekyllrb.com), [Sass](http://sass-lang.com), [Bourbon](http://bourbon.io), [Neat](http://neat.bourbon.io), and requires **Ruby 2.x**.
+If you're using this repository to run the site locally, instructions follow below.
 
-Install dependencies with Bundler:
+Dependencies:
 
-```
-bundle install
-```
+* **Node 6+** to install USWDS and dependencies
+* **Ruby** and **bundler** to install / run Jekyll
 
-Start up a Sass watcher to keep assets auto-compiled:
+##### First-time setup
 
-```
-make watch
-```
+1. `npm install` to install the USWDS, and Gulp dependencies.
+2. `npm install -g gulp` to let you use the `gulp` CLI directly.
+3. `bundle install` to install Jekyll.
 
-And run the site with Jekyll:
+##### Running the app
 
-```
-bundle exec jekyll serve --watch
-```
+If you'll be editing the Sass/CSS:
 
-If all goes well, visit the site at `http://localhost:4000`.
+* `gulp watch`
+
+To run the app:
+
+* `bundle exec jekyll serve`
 
 ### Public domain
 

Makefile

@@ -1,4 +1,17 @@
-# markdown
+# Site metadata
+title: The HTTPS-Only Standard
+description: "Resources, best practices, and case studies for deploying HTTPS in the federal government."
+url: https://https.cio.gov
+
+# DAP, GA, and GitHub
+dap_agency: GSA
+google_analytics_ua: UA-48605964-20
+repo: https://github.com/GSA/https
+
+# Standard
+uswds_path: assets/vendor/uswds
+
+# TODO: get rid of this
 highlighter: rouge
 markdown: redcarpet
 redcarpet:
@@ -7,53 +20,17 @@ redcarpet:
   - with_toc_data
 
 exclude:
+- compliance
+- resources
 - ".ruby-version"
 - ".jekyll-metadata"
 - ".gitignore"
-- ".travis.yml"
 - todo.txt
-- resources
+- Staticfile
 - Gemfile
 - Gemfile.lock
-- Makefile
 - vendor
 - README.md
 - CONTRIBUTING.md
 - LICENSE.md
-- compliance
-
-# Site metadata
-name: The HTTPS-Only Standard
-description: "Resources, best practices, and case studies for deploying HTTPS in the federal government."
-url: https://https.cio.gov
-
-# GitHub information
-org_name: GSA
-repo_name: https
-branch: master
-
-# Navigation
-# List links that should appear in the site sidebar here
-navigation:
-- text: Home
-  url: /
-- text: Why Everything?
-  url: /everything/
-- text: Compliance Guide
-  url: /guide/
-- text: Introduction to HTTPS
-  url: /faq/
-- text: Certificates
-  url: /certificates/
-- text: HTTP Strict Transport Security
-  url: /hsts/
-- text: Migrating APIs
-  url: /apis/
-- text: Server Name Indication
-  url: /sni/
-- text: Technical Guidelines
-  url: /technical-guidelines/
-- text: Mixed Content
-  url: /mixed-content/
-- text: Resources
-  url: /resources/
+- .nvmrc

README.md

@@ -0,0 +1,48 @@
+
+primary:
+- text: Home
+  href: /
+- text: Why Everything?
+  href: /everything/
+- text: Compliance Guide
+  href: /guide/
+- text: Introduction to HTTPS
+  href: /faq/
+- text: Certificates
+  href: /certificates/
+- text: HTTP Strict Transport Security
+  href: /hsts/
+- text: Migrating APIs
+  href: /apis/
+- text: Server Name Indication
+  href: /sni/
+- text: Technical Guidelines
+  href: /technical-guidelines/
+- text: Mixed Content
+  href: /mixed-content/
+- text: Resources
+  href: /resources/
+
+mobile:
+- text: Home
+  href: /
+- text: Why Everything?
+  href: /everything/
+- text: Compliance Guide
+  href: /guide/
+- text: Introduction to HTTPS
+  href: /faq/
+- text: Certificates
+  href: /certificates/
+- text: HTTP Strict Transport Security
+  href: /hsts/
+- text: Migrating APIs
+  href: /apis/
+- text: Server Name Indication
+  href: /sni/
+- text: Technical Guidelines
+  href: /technical-guidelines/
+- text: Mixed Content
+  href: /mixed-content/
+- text: Resources
+  href: /resources/

_config.yml

@@ -0,0 +1,10 @@
+<div class="usa-banner">
+  <div class="usa-accordion">
+    <header class="usa-banner-header">
+      <div class="usa-grid usa-banner-inner">
+        <img src="{{ site.baseurl }}/{{ site.uswds_path }}/img/favicons/favicon-57.png" alt="U.S. flag">
+        <p>An official website of the United States government</p>
+      </div>
+    </header>
+  </div>
+</div>