Compare revisions

45e4e908 · c1ed53bd · 96a95773 · 58ccb448 · 34870f1d · f161ced7
--- a/.gitignore
+++ b/.gitignore
@@ -59,3 +59,9 @@ flycheck_*.el
 .ds_store
 .DS_Store
 .vscode
+index.md
+assignments/index.md
+assignments/project-proposals.md
+schedule.md
+slides/introduction.html
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
-image: timbru31/ruby-node:2.6-fermium
+image: timbru31/ruby-node:3.2
 stages:
  - build
@@ -18,23 +18,29 @@ before_script:
  - export LANG=en_US.UTF-8
  - export LANGUAGE=en_US:en
  - export LC_ALL=en_US.UTF-8
+  - export BUNDLE_PATH=~
+  - mv index-ugrad.md index.md
+  - mv assignments/index-ugrad.md assignments/index.md
+  - mv assignments/project-proposals-ugrad.md assignments/project-proposals.md
+  - mv slides/introduction-quals.html slides/introduction.html
+  - bundle config set --local path ~
 build_production:
    stage: build
    tags:
        - build
    script:
-        - bundle install --path vendor
+        - bundle install
        - mkdir public
        - cp _config_production.yml _config.yml
        - cp _layouts/presentation_production.html _layouts/presentation.html
-        - bundle exec jekyll build -d public
+        - bundle exec jekyll build -d public 
    variables:
-        quarter: 23wi
+        quarter: ##xx
-        course: csep590b
+        course: cse###
        source_path: public
    only:
-        - CSE590b-23WI
+        - XACCESS-##xx
    artifacts:
        paths:
            - public/
@@ -48,11 +54,11 @@ pre_deploy_production:
    script:
        - /www/utils/deploycourseweb.sh
    variables:
-        quarter: 23wi
+        quarter: ##xx
-        course: csep590b
+        course: cse###
        source_path: public
    only:
-         - CSE590b-23WI
+        - XACCESS-##xx
 generate_pdf:
    stage: generatepdf
@@ -65,11 +71,11 @@ generate_pdf:
        - bundle install --path vendor
        - script/deployslidepdf
    variables:
-        quarter: 23wi
+        quarter: ##xx
-        course: csep590b
+        course: cse###
        source_path: public
    only:
-        - CSE590b-23WI
+        - XACCESS-##xx
    artifacts:
        paths:
            - public/
@@ -83,8 +89,8 @@ after_deploy_production:
    script:
        - /www/utils/deploycourseweb.sh
    variables:
-        quarter: 23wi
+        quarter: ##xx
-        course: csep590b
+        course: cse###
        source_path: public
    only:
-        - CSE590b-23WI
+        - XACCESS-##xx
\ No newline at end of file
--- a/404.html
+++ b/404.html
@@ -19,6 +19,6 @@ layout: default
 <div class="container">
  <h1>404</h1>
-  <p><strong>Page not found :(</strong></p>
+  <p><strong>Page not found</strong></p>
  <p>The requested page could not be found.</p>
 </div>
--- a/Gemfile
+++ b/Gemfile
@@ -10,25 +10,24 @@ source "https://rubygems.org"
 # Happy Jekylling!
-gem "jekyll", "< 4.0"
+gem "jekyll", "~> 4.2.2"
-gem 'sassc', '~> 2.0'
+gem 'execjs'
+gem 'sassc', '~> 2.4'
+gem 'mini_racer', platforms: :ruby
 # If you have any plugins, put them here!
 group :jekyll_plugins do
-  gem 'execjs'
  gem 'jekyll-redirect-from'
  gem 'jekyll-target-blank'
  gem "jekyll-feed"
  gem "jekyll-paginate"
  gem "jekyll-contentblocks"
-  gem "jekyll-assets"
-  gem 'jekyll-font-awesome-sass'
-  gem "font-awesome-sass"
-  gem "sprockets", "~> 3.7"
  gem "kramdown-parser-gfm"
-  gem 'remark'
+  gem "jekyll-assets"
+  gem "sprockets"
  gem 'jekyll-mermaid'
  gem 'uglifier'
+  gem 'jekyll-seo-tag'
 end
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
@@ -38,4 +37,4 @@ gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
 gem "wdm", "~> 0.1.0" if Gem.win_platform?
-gemspec
+gem "webrick", "~> 1.8"
--- a/README.md
+++ b/README.md
@@ -7,10 +7,16 @@ To use this website, the following steps are necessary:
 2. Update the folowing variables and files:
   * in .gitlab-ci.yml 
        ```variables:
-            quarter: eg21wi
+            quarter: eg24au
-            course: egcse340
+            course: egcse493e
          refs:
-            - egCSE340-WI21```
+            - egUACCESS-24fa```
+   * For files which have multiple versions, link to the right one for local deployments
+     (full list is in .gitlab-ci.yml before_script and should be kept up to date)
+     * ln -s index-ugrad.md index.md
+     * ln -s assignments/index-ugrad.md assignments/index.md
+	 * ln -s assignments/project-proposals-ugrad.md assignments/project-proposals.md
+	 * ln -s slides/introduction-quals.html slides/introduction.html
 3. If at UW, 
    * Create a directory in /courses/[your class] for this quarter
    * ask CSE support to enable your repo for the courseweb runner
@@ -27,14 +33,46 @@ To use this website, the following steps are necessary:
   * quarter
   * author
 # Basic use:
-rvm use ruby 2.6 # on M1 install with rvm install 2.6.6 --with-gcc=clang
+rbenv global ruby 3.2.3 
 bundle install # if needed
 bundle exec jekyll build
 bundle exec jekyll serve  &
+# To set up a runner
+1. on gitlab.cs.washington.edu, goto the project you want add a runner for.
+2. Go to settings -> CI/CD -> Runners and press the new runner button
+3. Follow the prompts and it will give you a code snippet
+4.  ssh to gitlab04 and gitlab05 and run the following command:
+sudo gitlab-runner register and use the information from step 3 for the prompts
+for the name, use cseNNN-QQYY-gitlab0[4|5] and "shell" for the executor.
+# Updates
+There are generic names and XXX and such in 
+- _config.yml
+- _config_production.yml
+- _data/navigation.yml
+You'll need to update them once you merge this in
+# Merges
+- Merge the branch from the relevant class website into an equivalent branch in accessibility-website
+- remove all references to a specific quarter or class
+- Decide whether to make a copy of assignments that are significantly different
+- merge into main
+# Setting up a class
+- Set up this website
+- Update all the polleverywhere links 
+- Update the canvas
+  - In settings, upload an image for the course
+  - update to match last offering
+  - import outcomes and assignments
+  - change home page to show the syllabus
+  - 
--- a/_config.yml
+++ b/_config.yml
@@ -4,32 +4,30 @@
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
-title: The Future of Access Technology
+title: Accessibility
-description: Learn about app accessibility; how accessibility can be incorporated into cutting edge computer science topics like machine learning; VR/AR and fabrication; and the interaction of accessibilty technology and society
+description: Learn about app accessibility; how accessibility can be incorporated into cutting edge computer science topics like machine learning and fabrication; and the interaction of accessibilty technology and society
-baseurl: "/courses/csep590b/23wi"
+baseurl: "/courses/classnum/yyqq"
 url: https://courses.cs.washington.edu # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: jcmankoff
 git_username:  jmankoff
-git_url: https://gitlab.cs.washington.edu/pmp-accessibility
+staff_email: tbd@cs.washington.edu
-git_branch: CSE590b-23WI
+canvas_course: 1746643
-discussion: https://edstem.org/us/courses/31170/discussion/
+git_url: https://gitlab.cs.washington.edu/teaching-materials/tbd
-staff_email: pmp-accessibility-staff@u.washington.edu
+git_branch: CLASS-yyqq
-canvas: https://canvas.uw.edu/courses/1619674
+discussion: https://edstem.org/us/courses/tbd/discussion
-canvas_course: 1619674
+canvas: https://canvas.uw.edu/courses/tbd
-gitlab: NA
+submit: https://canvas.uw.edu/courses/tbd/assignments/
-gitgrade: https://gitlab.cs.washington.edu/students-group-for-assignments
+outcomes: https://canvas.uw.edu/courses/tbd/outcomes/
-gradescope: https://www.gradescope.com/courses/tbd
+closed:
-paginate:            5
+warning: draft
-quarter: "Winter 2023"
-classnum: "CSEP 590b"
+paginate:   5
-copydate: "01/03/23"
+room: TBD
-status: draft
+time: TBD
-warning: 
+classnum: classnum
-hcibook: "No HCI Textbook, just readings"
+quarter: "Quarter Year"
-androidbook: "No Android Textbook, just readings"
+copydate: "7/4/24"
-paginate:            5
 author:
    name: Jennifer Mankoff
    url: "https://make4all.org/jennifer-mankoff/"
@@ -42,18 +40,18 @@ reveal_theme: black.css
 # Build settings
 markdown: kramdown
-theme: jekyll-theme-cayman
+# theme: jekyll-theme-cayman
 plugins:
  - jekyll-feed
  - jekyll-seo-tag
-  - jekyll-font-awesome-sass
  - jekyll-paginate
  - jekyll-redirect-from
  - jekyll-assets
  - uglifier
  - jekyll-mermaid
  - jekyll-target-blank
+  - jekyll-seo-tag
 highlighter: rouge
@@ -68,12 +66,12 @@ assets:
 sass:
  sass_dir: "./_scss"
-#  style: compressed
+  style: compressed
 kramdown:
  toc_levels: '1'
-mermaid: 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js'
+mermaid: 'https://cdn.jsdelivr.net/npm/mermaid@10.5.0/dist/mermaid.min.js'
 remarkConfig:
  # possible highlight options:
@@ -106,5 +104,3 @@ exclude:
 font-awesome:
  assets: true
-captioning:
-  link: https://webcaptioner.com/s/e3meZZyQ?broadcast
--- a/_config_production.yml
+++ b/_config_production.yml
@@ -4,28 +4,30 @@
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
-title: The Future of Access Technology
+title: Accessibility
-description: Learn about app accessibility; how accessibility can be incorporated into cutting edge computer science topics like machine learning; VR/AR and fabrication; and the interaction of accessibilty technology and society
+description: Learn about app accessibility; how accessibility can be incorporated into cutting edge computer science topics like machine learning and fabrication; and the interaction of accessibilty technology and society
-baseurl: "/courses/csep590b/23wi"
+baseurl: "/courses/classnum/yyqq"
 url: https://courses.cs.washington.edu # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: jcmankoff
 git_username:  jmankoff
-git_url: https://gitlab.cs.washington.edu/pmp-accessibility/website
+staff_email: tbd@cs.washington.edu
-git_branch: CSE590b-23WI
+canvas_course: 1746643
-discussion: https://us.edstem.org/courses/31170/discussion/
+git_url: https://gitlab.cs.washington.edu/teaching-materials/tbd
-staff_email: mailto:pmp-accessibility-staff@u.washington.edu
+git_branch: CLASS-yyqq
-canvas: https://canvas.uw.edu/courses/1619674
+discussion: https://edstem.org/us/courses/tbd/discussion
-canvas_course: 1619674
+canvas: https://canvas.uw.edu/courses/tbd
-gitlab: NA
+submit: https://canvas.uw.edu/courses/tbd/assignments/
-gitgrade: https://gitlab.cs.washington.edu/students-group-for-assignments
+outcomes: https://canvas.uw.edu/courses/tbd/outcomes/
-paginate:            5
+closed:
-quarter: "Winter 2023"
+warning: draft
-classnum: "CSEP 590b"
-copydate: "9/30/22"
+paginate:   5
-status: published
+room: TBD
-warning: 
+time: TBD
+classnum: classnum
+quarter: "Quarter Year"
+copydate: "7/4/24"
 author:
    name: Jennifer Mankoff
    url: "https://make4all.org/jennifer-mankoff/"
@@ -38,18 +40,18 @@ reveal_theme: black.css
 # Build settings
 markdown: kramdown
-theme: jekyll-theme-cayman
+# theme: jekyll-theme-cayman
 plugins:
  - jekyll-feed
  - jekyll-seo-tag
-  - jekyll-font-awesome-sass
  - jekyll-paginate
  - jekyll-redirect-from
  - jekyll-assets
  - uglifier
  - jekyll-mermaid
  - jekyll-target-blank
+  - jekyll-seo-tag
 highlighter: rouge
@@ -64,12 +66,12 @@ assets:
 sass:
  sass_dir: "./_scss"
-#  style: compressed
+  style: compressed
 kramdown:
  toc_levels: '1'
-mermaid: 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js'
+mermaid: 'https://cdn.jsdelivr.net/npm/mermaid@10.5.0/dist/mermaid.min.js'
 remarkConfig:
  # possible highlight options:
@@ -83,7 +85,7 @@ remarkConfig:
 # Custom vars
-version:             1.1.0
+version:             3.1.0
 # Exclude from processing.
 # The following items will not be processed, by default. Create a custom list
@@ -102,5 +104,3 @@ exclude:
 font-awesome:
  assets: true
-captioning:
-  link: https://webcaptioner.com/s/e3meZZyQ?broadcast
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
-nav_list_title: CSE P590A
+nav_list_title: CSE classnum
 nav_list:
 - title: Syllabus
  url: /
@@ -6,11 +6,7 @@ nav_list:
  url: /schedule.html
 - title: Assignments
  url: /assignments/
- title: Canvas
+- title: Projects
-  url: canvas
+  url: /projects/
- title: Ed
-  url: discussion
- title: COVID-19
-  url: /docs/covid/index.html
 - title: Academic Conduct
  url: /academic-conduct.html
\ No newline at end of file
--- a/_includes/footer.html
+++ b/_includes/footer.html
  <footer class="site-footer h-card">
  <data class="u-url" href="{{ "/" | relative_url }}"></data>
  <div class="wrapper">
-    <h2 class="footer-heading">{{ site.title | escape }}</h2>
    <p>The University of Washington acknowledges the Coast Salish peoples of this land, the land which touches the shared waters of all tribes and bands within the Suquamish, Tulalip and Muckleshoot nations. </p>
    <span class="site-footer-owner"><a href="{{ site.url }}">{{ site.title }}</a> is maintained by
@@ -15,28 +12,8 @@
            {%- endif -%}
    </span>
-  {% if site.github.is_project_page %}
-  <span class="site-footer-owner"><a href="{{
-  site.github.repository_url }}">{{ site.github.repository_name }}'s
-  github repository </a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>@github.</span>
-  {% endif %}
-      <!-- <div class="footer-col footer-col-2"> -->
-      <!--   {%- include social.html -%} -->
-      <!-- </div> -->
    </div>
  </div>
 </footer>
-{% if site.google_analytics %}
-      <script>
-        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-        ga('create', '{{ site.google_analytics }}', 'auto');
-        ga('send', 'pageview');
-      </script>
-{% endif %}
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -5,12 +5,11 @@
  <meta name="theme-color" content="#157878">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+<link rel="stylesheet" href="{{site.baseurl}}/assets/css/rouge.css">
+<link rel="stylesheet" href="{{site.baseurl}}/assets/css/scrolling-nav.css">
+<link rel="stylesheet" href="{{site.baseurl}}/assets/css/mermaid.css">
 <link rel="stylesheet" href="{{site.baseurl}}/assets/css/site.css">
 <link rel="stylesheet" href="{{site.baseurl}}/assets/css/style.css">
-  <link rel="stylesheet" href="{{site.baseurl}}/assets/css/rouge.css">
-  <link rel="stylesheet" href="{{site.baseurl}}/assets/css/scrolling-nav.css">
-  <link rel="stylesheet" href="{{site.baseurl}}/assets/css/mermaid.css">
  {%- feed_meta -%}
  {%- if jekyll.environment == 'production' and site.google_analytics -%}

--- a/_includes/header.html
+++ b/_includes/header.html
 <header class="page-header" role="banner">
  {% include navigation.html %}
  <br>  <br>  <br>  <br>
-  <h1 class="project-name">{{ site.title | default: site.github.repository_name }}</h1>
+  <h1 class="project-name">{{site.title}} ({{site.classnum}}) | <strong>{{ page.title | default: site.title }}</strong></h1>
-  <h2 class="project-tagline">{{ site.description | default: site.github.project_tagline }}</h2>
+  <h2 class="project-tagline">{{ page.description | default: site.description }}</h2>
 <script type="text/javascript">
  var menubar = new Menubar(document.getElementById('menubar1'));

--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -21,8 +21,11 @@
  <div class="container">
    <a class="navbar-brand js-scroll-trigg"
       href="https://www.cs.washington.edu" aria-label="{{site.data.navigation.nav_list_title}}">
-       <img src="{{site.baseurl}}/assets/img/Allen-School-white-RGB-sm.png" alt="Allen School Logo" align=left style="max-width: 100%; height: auto;">
+      <img src="{{site.baseurl}}/assets/img/Allen-School-white-RGB-sm.png" alt="Allen School Logo" align=left style="max-width: 100%; height: auto;">
-	  </a>
+  <a class="navbar-brand js-scroll-trigg"
+       href="{{site.baseurl}}/" aria-label="{{site.data.navigation.nav_list_title}}"
+    <img src="{{site.baseurl}}/assets/img/favicon.png" alt="Make4all/class Logo" align=left style="max-width: 10%; height: auto;"> </a>
  </div>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>

--- a/_includes/slide.html
+++ b/_includes/slide.html
 <a href="{{site.baseurl}}/slides/{{include.loc}}" target="_blank" rel="noopener noreferrer">{{include.title}}</a> 
-<div class="marknav"><a href="{{site.git_url}}/website/raw/{{site.git_branch}}/slides/{{include.loc}}"  >Accessible Markdown for {{include.title}}</a>  </div>
+<div class="marknav"><a href="{{site.git_url}}/-/raw/{{site.git_branch}}/slides/{{include.loc}}"  >Accessible Markdown for {{include.title}}</a>  </div>
--- a/_layouts/assignment.html
+++ b/_layouts/assignment.html
@@ -13,42 +13,16 @@
 {% if page.published != true %}
      <div id="unpublished-warning">
-        This assignment has not yet been released. Its requirements and code base are subject to change.
+        This assignment has not yet been released. Its requirements  are subject to change.
      </div>
      {% endif %}
      <div id="assignment-name">
-        <h1>{{ page.code }}: {{ page.title }}</h1>
+        <h1>{{ page.title }}</h1>
        <span>Last revised: {{ page.revised }}</span>
      </div>
-<div class="learning-goals">
-<div id="android-goals">
-<strong>Assigned</strong>:
-<ul>
-{% for day in  page.assigned %}
-  <li>{{day}}</li>
-{% endfor %}
-</ul>
-</div>
-<div id="hci-goals">    <strong>Due</strong>:
-<ul>
-{% for day in  page.due %}
-  <li>{{day}}</li>
-{% endfor %}
-</ul>
-</div>
-</div>
-<br>
-<div class="learning-goals">
-          <ul>
-            {% for goal in page.hci_goals %}
-              <li>{{goal}}</li>
-            {% endfor %}
-          </ul>
-      </div>
      {{ content }}

--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -11,11 +11,25 @@
  <main id="content" class="main-content" role="main">
-    {% if site.warning != none %}
+{% if site.closed != none %}
-    <div id="unpublished-warning">
+      <div id="published-final">
-      This is the {{site.quarter}} {{site.status}} website.
+	This is the {{site.quarter}} {{site.status}} final website.
-    </div>
+      </div>
-    {% endif %}
+{% elsif page.closed != none %}
+      <div id="published-final">
+	This is the {{site.quarter}} {{site.status}} final website.
+      </div>
+{% endif %}
+{% if site.warning != none %}
+      <div id="unpublished-warning">
+	This is the {{site.quarter}} draft website.
+      </div>
+{% elsif page.warning != none %}
+      <div id="unpublished-warning">
+	This page is still a draft.
+      </div>
+{% endif %}
    {{ content }}

--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -2,4 +2,21 @@
 layout: default
 ---
+{% if site.status contains 'published' %}
+      <div id="published-final">
+	This is the {{site.quarter}} final website.
+      </div>
+{% elsif site.warning contains 'draft' %}
+      <div id="unpublished-warning">
+	This is the {{site.quarter}} draft website.
+      </div>
+{% elsif page.warning != none %}
+      <div id="unpublished-warning">
+	This page is still a draft.
+      </div>
+{% endif %}
+      <h2>{{ page.title }}</h2>
+<p class="meta">{{ page.date | date_to_string }}</p>
 {{ content }}
--- a/_sass/cayman.scss
+++ b/_sass/cayman.scss
+// Placeholder file. If your site uses
+//     @import "{{ site.theme }}";
+// Then using this theme with jekyll-remote-theme will work fine.
+@import "jekyll-theme-cayman";
--- a/_sass/jekyll-theme-cayman.scss
+++ b/_sass/jekyll-theme-cayman.scss
+@import "normalize";
+@import "rouge-github";
+@import "variables";
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
+@mixin large {
+  @media screen and (min-width: #{$large-breakpoint}) {
+    @content;
+  }
+}
+@mixin medium {
+  @media screen and (min-width: #{$medium-breakpoint}) and (max-width: #{$large-breakpoint}) {
+    @content;
+  }
+}
+@mixin small {
+  @media screen and (max-width: #{$medium-breakpoint}) {
+    @content;
+  }
+}
+* {
+  box-sizing: border-box;
+}
+body {
+  padding: 0;
+  margin: 0;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  color: $body-text-color;
+}
+#skip-to-content {
+  height: 1px;
+  width: 1px;
+  position: absolute;
+  overflow: hidden;
+  top: -10px;
+  &:focus {
+    position: fixed;
+    top: 10px;
+    left: 10px;
+    height: auto;
+    width: auto;
+    background: invert($body-link-color);
+    outline: thick solid invert($body-link-color);
+  }
+}
+a {
+  color: $body-link-color;
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+  }
+}
+.btn {
+  display: inline-block;
+  margin-bottom: 1rem;
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.08);
+  border-color: rgba(255, 255, 255, 0.2);
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 0.3rem;
+  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
+  &:hover {
+    color: rgba(255, 255, 255, 0.8);
+    text-decoration: none;
+    background-color: rgba(255, 255, 255, 0.2);
+    border-color: rgba(255, 255, 255, 0.3);
+  }
+  + .btn {
+    margin-left: 1rem;
+  }
+  @include large {
+    padding: 0.75rem 1rem;
+  }
+  @include medium {
+    padding: 0.6rem 0.9rem;
+    font-size: 0.9rem;
+  }
+  @include small {
+    display: block;
+    width: 100%;
+    padding: 0.75rem;
+    font-size: 0.9rem;
+    + .btn {
+      margin-top: 1rem;
+      margin-left: 0;
+    }
+  }
+}
+.page-header {
+  color: $header-heading-color;
+  text-align: center;
+  background-color: $header-bg-color;
+  background-image: linear-gradient(120deg, $header-bg-color-secondary, $header-bg-color);
+  @include large {
+    padding: 5rem 6rem;
+  }
+  @include medium {
+    padding: 3rem 4rem;
+  }
+  @include small {
+    padding: 2rem 1rem;
+  }
+}
+.project-name {
+  margin-top: 0;
+  margin-bottom: 0.1rem;
+  @include large {
+    font-size: 3.25rem;
+  }
+  @include medium {
+    font-size: 2.25rem;
+  }
+  @include small {
+    font-size: 1.75rem;
+  }
+}
+.project-tagline {
+  margin-bottom: 2rem;
+  font-weight: normal;
+  opacity: 0.7;
+  @include large {
+    font-size: 1.25rem;
+  }
+  @include medium {
+    font-size: 1.15rem;
+  }
+  @include small {
+    font-size: 1rem;
+  }
+}
+.main-content {
+  word-wrap: break-word;
+  :first-child {
+    margin-top: 0;
+  }
+  @include large {
+    max-width: 64rem;
+    padding: 2rem 6rem;
+    margin: 0 auto;
+    font-size: 1.1rem;
+  }
+  @include medium {
+    padding: 2rem 4rem;
+    font-size: 1.1rem;
+  }
+  @include small {
+    padding: 2rem 1rem;
+    font-size: 1rem;
+  }
+  kbd {
+    background-color: #fafbfc;
+    border: 1px solid #c6cbd1;
+    border-bottom-color: #959da5;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #959da5;
+    color: #444d56;
+    display: inline-block;
+    font-size: 11px;
+    line-height: 10px;
+    padding: 3px 5px;
+    vertical-align: middle;
+  }
+  img {
+    max-width: 100%;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    font-weight: normal;
+    color: $section-headings-color;
+  }
+  p {
+    margin-bottom: 1em;
+  }
+  code {
+    padding: 2px 4px;
+    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    font-size: 0.9rem;
+    color: $code-text-color;
+    background-color: $code-bg-color;
+    border-radius: 0.3rem;
+  }
+  pre {
+    padding: 0.8rem;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    color: $code-text-color;
+    word-wrap: normal;
+    background-color: $code-bg-color;
+    border: solid 1px $border-color;
+    border-radius: 0.3rem;
+    > code {
+      padding: 0;
+      margin: 0;
+      font-size: 0.9rem;
+      color: $code-text-color;
+      word-break: normal;
+      white-space: pre;
+      background: transparent;
+      border: 0;
+    }
+  }
+  .highlight {
+    margin-bottom: 1rem;
+    pre {
+      margin-bottom: 0;
+      word-break: normal;
+    }
+  }
+  .highlight pre,
+  pre {
+    padding: 0.8rem;
+    overflow: auto;
+    font-size: 0.9rem;
+    line-height: 1.45;
+    border-radius: 0.3rem;
+    -webkit-overflow-scrolling: touch;
+  }
+  pre code,
+  pre tt {
+    display: inline;
+    max-width: initial;
+    padding: 0;
+    margin: 0;
+    overflow: initial;
+    line-height: inherit;
+    word-wrap: normal;
+    background-color: transparent;
+    border: 0;
+    &:before,
+    &:after {
+      content: normal;
+    }
+  }
+  ul,
+  ol {
+    margin-top: 0;
+  }
+  blockquote {
+    padding: 0 1rem;
+    margin-left: 0;
+    color: $blockquote-text-color;
+    border-left: 0.3rem solid $border-color;
+    > :first-child {
+      margin-top: 0;
+    }
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+  table {
+    display: block;
+    width: 100%;
+    overflow: auto;
+    word-break: normal;
+    word-break: keep-all; // For Firefox to horizontally scroll wider tables.
+    -webkit-overflow-scrolling: touch;
+    th {
+      font-weight: bold;
+    }
+    th,
+    td {
+      padding: 0.5rem 1rem;
+      border: 1px solid $table-border-color;
+    }
+  }
+  dl {
+    padding: 0;
+    dt {
+      padding: 0;
+      margin-top: 1rem;
+      font-size: 1rem;
+      font-weight: bold;
+    }
+    dd {
+      padding: 0;
+      margin-bottom: 1rem;
+    }
+  }
+  hr {
+    height: 2px;
+    padding: 0;
+    margin: 1rem 0;
+    background-color: $hr-border-color;
+    border: 0;
+  }
+}
+.site-footer {
+  padding-top: 2rem;
+  margin-top: 2rem;
+  border-top: solid 1px $hr-border-color;
+  @include large {
+    font-size: 1rem;
+  }
+  @include medium {
+    font-size: 1rem;
+  }
+  @include small {
+    font-size: 0.9rem;
+  }
+}
+.site-footer-owner {
+  display: block;
+  font-weight: bold;
+}
+.site-footer-credits {
+  color: $blockquote-text-color;
+}
--- a/_sass/normalize.scss
+++ b/_sass/normalize.scss
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0;
+}
+/* HTML5 display definitions
+   ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none;
+}
+/* Links
+   ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent;
+}
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+  outline: 0;
+}
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold;
+}
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic;
+}
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000;
+}
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0;
+}
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden;
+}
+/* Grouping content
+   ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px;
+}
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0;
+}
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto;
+}
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+/* Forms
+   ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible;
+}
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none;
+}
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal;
+}
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */ /* 2 */
+  box-sizing: content-box;
+}
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto;
+}
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold;
+}
+/* Tables
+   ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+td,
+th {
+  padding: 0;
+}
--- a/_sass/rouge-github.scss
+++ b/_sass/rouge-github.scss
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight .cm {
+  color: #999988;
+  font-style: italic;
+}
+.highlight .cp {
+  color: #999999;
+  font-weight: bold;
+}
+.highlight .c1 {
+  color: #999988;
+  font-style: italic;
+}
+.highlight .cs {
+  color: #999999;
+  font-weight: bold;
+  font-style: italic;
+}
+.highlight .c, .highlight .cd {
+  color: #999988;
+  font-style: italic;
+}
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2;
+}
+.highlight .gd {
+  color: #000000;
+  background-color: #ffdddd;
+}
+.highlight .ge {
+  color: #000000;
+  font-style: italic;
+}
+.highlight .gr {
+  color: #aa0000;
+}
+.highlight .gh {
+  color: #999999;
+}
+.highlight .gi {
+  color: #000000;
+  background-color: #ddffdd;
+}
+.highlight .go {
+  color: #888888;
+}
+.highlight .gp {
+  color: #555555;
+}
+.highlight .gs {
+  font-weight: bold;
+}
+.highlight .gu {
+  color: #aaaaaa;
+}
+.highlight .gt {
+  color: #aa0000;
+}
+.highlight .kc {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kd {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kn {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kp {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kr {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .kt {
+  color: #445588;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kv {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .mf {
+  color: #009999;
+}
+.highlight .mh {
+  color: #009999;
+}
+.highlight .il {
+  color: #009999;
+}
+.highlight .mi {
+  color: #009999;
+}
+.highlight .mo {
+  color: #009999;
+}
+.highlight .m, .highlight .mb, .highlight .mx {
+  color: #009999;
+}
+.highlight .sb {
+  color: #d14;
+}
+.highlight .sc {
+  color: #d14;
+}
+.highlight .sd {
+  color: #d14;
+}
+.highlight .s2 {
+  color: #d14;
+}
+.highlight .se {
+  color: #d14;
+}
+.highlight .sh {
+  color: #d14;
+}
+.highlight .si {
+  color: #d14;
+}
+.highlight .sx {
+  color: #d14;
+}
+.highlight .sr {
+  color: #009926;
+}
+.highlight .s1 {
+  color: #d14;
+}
+.highlight .ss {
+  color: #990073;
+}
+.highlight .s {
+  color: #d14;
+}
+.highlight .na {
+  color: #008080;
+}
+.highlight .bp {
+  color: #999999;
+}
+.highlight .nb {
+  color: #0086B3;
+}
+.highlight .nc {
+  color: #445588;
+  font-weight: bold;
+}
+.highlight .no {
+  color: #008080;
+}
+.highlight .nd {
+  color: #3c5d5d;
+  font-weight: bold;
+}
+.highlight .ni {
+  color: #800080;
+}
+.highlight .ne {
+  color: #990000;
+  font-weight: bold;
+}
+.highlight .nf {
+  color: #990000;
+  font-weight: bold;
+}
+.highlight .nl {
+  color: #990000;
+  font-weight: bold;
+}
+.highlight .nn {
+  color: #555555;
+}
+.highlight .nt {
+  color: #000080;
+}
+.highlight .vc {
+  color: #008080;
+}
+.highlight .vg {
+  color: #008080;
+}
+.highlight .vi {
+  color: #008080;
+}
+.highlight .nv {
+  color: #008080;
+}
+.highlight .ow {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .o {
+  color: #000000;
+  font-weight: bold;
+}
+.highlight .w {
+  color: #bbbbbb;
+}
+.highlight {
+  background-color: #f8f8f8;
+}
No results found