diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..fcb2476
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+_site
+.sass-cache
+.jekyll-metadata
+.jekyll-cache
diff --git a/0-prep.md b/0-prep.md
new file mode 100644
index 0000000..88ae30f
--- /dev/null
+++ b/0-prep.md
@@ -0,0 +1,76 @@
+---
+title: Prep
+nav: true
+---
+
+# Workshop Prep
+
+To create your own materials using `workshop-template`, please create a free [GitHub account](https://github.com/join) if you do not have one already.
+Basic familiarity with the GitHub web interface will be helpful.
+
+For a quick introduction check out GitHub's [Hello World guide](https://guides.github.com/activities/hello-world/) and [Try Git](https://try.github.io/).
+
+It is possible to create a website with this template using only GitHub's web interface--it works great!
+However, for more advanced uses you will want Git, Ruby, and Jekyll installed on your computer to do local development.
+
+1. Have a [GitHub](https://github.com) account.
+2. Fork or import this [repository](https://github.com/evanwill/workshop-template).
+3. Optional: have [Git](https://git-scm.com/), [Jekyll](https://jekyllrb.com/), and a nice [text editor](https://code.visualstudio.com/) installed.
+
+# Local Jekyll Setup [optional]
+
+## Install Git
+
+[Git](https://git-scm.com/) is a [free](https://www.gnu.org/philosophy/free-sw.en.html), [distributed](https://en.wikipedia.org/wiki/Distributed_version_control) version control system. [GitHub](https://github.com/) is a Git repository hosting service, a place to store and sync your work in the cloud--your Jekyll and GitHub Pages projects will be under Git version control, so you need the software on your machine. 
+
+- Windows: install [Git for Windows](https://git-for-windows.github.io/) using the default options. This will give you Git, Git Bash, and Git GUI. Git Bash is a great terminal that lets you use UNIX style commands on Windows.
+- Mac: check if Git is already installed by opening terminal and typing `git --version`. If you do not have it, download the official [Mac installer](https://git-scm.com/downloads).
+- Linux: check if Git is already installed by opening terminal and typing `git --version`. If you do not have it, install from your distribution's software center or package manager (for Ubuntu `sudo apt install git`).
+
+If you are interested in using a visual GUI application integrated with GitHub, Windows and Mac users should also install [GitHub Desktop](https://desktop.github.com/) using the default options.
+You can install GitHub Desktop in addition to other versions of Git.
+
+There are other [GUI apps available](https://git-scm.com/downloads/guis) for managing and visualizing Git repositories, including Linux options.
+
+## Install Ruby
+
+[Ruby](https://www.ruby-lang.org/en/) is a fairly young and developing programming language with some unique features. 
+To use Jekyll, you do not need to know anything about Ruby, but if you are curious, check out [Ruby in 20 minutes](https://www.ruby-lang.org/en/documentation/quickstart/).
+Frustratingly, different versions have many dependency and incompatibility problems.
+Because of these issues, many use Ruby Managers, such as [RVM](http://rvm.io/), to switch between versions.
+However, if you are just interested in working with Jekyll, using an installer for your OS should be sufficient.
+Jekyll requires a Ruby version > 2.2.5.
+
+- **Windows:** Use [RubyInstaller for Windows](https://rubyinstaller.org/). 
+    - First, [download](https://rubyinstaller.org/downloads/) the suggested stable version "WITH DEVKIT" (as of this writing, Ruby+Devkit 2.4.X (x64)) and double click to install. Use the install defaults, but make sure "Add Ruby executables to your PATH" is checked. On the final step, ensure the box to start the MSYS2 DevKit is checked.
+    - Second, the installer will open a terminal window with options to install MSYS2 DevKit components. Choose option 3, "MSYS2 and MINGW development toolchain", or simply press ENTER to install all the necessary dependencies. (This installer can be restarted by typing `ridk install` into a command prompt)
+- **Mac:** OS X has a version of Ruby installed by default. Check the version with `ruby -v`. If it is > 2.2.5 you can use the system Ruby. However, a newer version can be installed using [Homebrew](https://brew.sh/), `brew install ruby`, or a manager such as [rbenv](https://github.com/rbenv/rbenv) or [RVM](http://rvm.io/). Check the official Jekyll [Mac install docs](https://jekyllrb.com/docs/installation/#macOS) for tips.
+- **Linux:** Even though the version will not be the most up-to-date, the simplest method is to use your distro's repositories. For example on Ubuntu, `sudo apt install ruby-full`. Make sure the repository version is > 2.2.5. You will also need the build tools Make and GCC, on Ubuntu get them with `sudo apt install build-essential`. For a more up-to-date version, use a manager such as [RVM](http://rvm.io/).
+
+## Install Jekyll
+
+> Note: Jekyll does not officially support Windows, however it is cross platform (they just don’t officially write windows documentation or check for bugs). 
+> There is a [Jekyll on Windows](https://jekyllrb.com/docs/windows/#installation) page, but it can be out of date and inaccurate.
+
+Jekyll is a Gem, a software package installed via Ruby's management system called RubyGems (similar to Python's Pip). 
+Open a terminal and type:
+`gem install jekyll bundler`
+
+This will take a minute as Gem installs all the dependencies and builds extensions. 
+
+> Note: Linux users may need to `sudo`, to avoid this install Ruby using [RVM](http://rvm.io/).
+> On Windows, if `gem` returns an error about secure connections, it may be necessary to update to a newer version of RubyGems as some versions have out of date SSL certificates.
+> Manually install the newer version by downloading the [RubyGems zip package](https://rubygems.org/pages/download#formats).
+> Unzip the package, then run `ruby setup.rb` in the directory.
+
+# Text Editor
+
+When working with code you should have a good text editor.
+Windows notepad does not handle UTF-8 encoding or UNIX line endings that are standard for cross platform applications. 
+For basic editing, Windows [Notepad++](https://notepad-plus-plus.org/), Mac TextEdit, or Linux Gedit are sufficient.
+However, a more complete code editor will be helpful for managing Jekyll projects.
+
+Open-source cross platform suggestions:
+
+- [Visual Studio Code](https://code.visualstudio.com/)
+- [Atom](https://atom.io/)
diff --git a/1-intro.md b/1-intro.md
new file mode 100644
index 0000000..99344be
--- /dev/null
+++ b/1-intro.md
@@ -0,0 +1,38 @@
+---
+title: Intro
+nav: true
+---
+
+# Introduction
+
+One amazingly useful GitHub feature is [GitHub Pages](https://guides.github.com/features/pages/){:target='_blank'}.
+It provides free static web hosting from any repository.
+Gh-pages is intended to host relatively simple sites for your GitHub portfolio, project, or documentation.
+Because it is free and a valuable transferable skill, this is a great option for teaching and learning.
+
+Many organizations are using GitHub to collaboratively create and publish instructional websites. 
+For example: 
+
+- [Programming Historian](http://programminghistorian.org/)
+- [Software Carpentry](https://software-carpentry.org/), [Data Carpentry](http://www.datacarpentry.org/), [Library Carpentry](https://librarycarpentry.org/)
+- this site!
+
+> Note:
+> There are *soft* limits and guidelines for gh-pages usage: sites should be < 1GB, use < 100GB bandwidth per month, and make < 10 builds per hour.
+> If your site exceeds these quotas, GitHub will send you a notice asking you to modify the repository.
+> All content must follow the [community guidelines](https://help.github.com/articles/github-community-guidelines/), e.g. no violence, obscene sex, or illegal stuff.
+
+# workshop-template
+
+`workshop-template` is a Jekyll project to create a simple workshop website, based on the [Minima theme](https://github.com/jekyll/minima){:target='_blank'}, designed for hosting on [gh-pages](https://pages.github.com/){:target='_blank'}.
+
+It works best for about 5 pages of instructions, plus index, all written in Markdown. 
+The navigation to the main pages is exposed at top and bottom of each page for easy stepping through the lessons.
+
+## Why?
+
+Rather than making slides for a workshop, why not make a website? 
+It's easier to write, access, share, and reuse. 
+GitHub and gh-pages makes this super easy.
+
+It is a better [Open Educational Resource](https://en.wikipedia.org/wiki/Open_educational_resources){:target='_blank'} since anyone can easily fork and adapt!
diff --git a/2-lesson.md b/2-lesson.md
new file mode 100644
index 0000000..87ecb7e
--- /dev/null
+++ b/2-lesson.md
@@ -0,0 +1,47 @@
+---
+title: Start
+nav: true
+---
+
+# Get Started
+
+The `workshop-template` [repository](https://github.com/evanwill/workshop-template) is a template project--to get started quickly, make a copy and fill in your own content and customizations.
+This [site](https://evanwill.github.io/workshop-template/) demonstrates the output on gh-pages, and the content pages serve as examples.
+
+Overview:
+
+1. Copy the code to your own repository by clicking the green "Use this template" button on [workshop-template](https://github.com/evanwill/workshop-template) (alternatively, import the [repository](https://github.com/evanwill/workshop-template) on GitHub or manually copy the files into a new repo).
+2. Clone to your local machine, or work on the GitHub web interface to edit files.
+3. Edit the `_config.yml` with your info.
+4. Edit the content pages in markdown.
+5. Add images to the "images" folder.
+5. Push to GitHub (or commit on the web interface).
+6. In your repo's settings, activate gh-pages, using main branch.
+
+## Config
+
+Edit the `_config.yml` to get your workshop website set up.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+Pellentesque eu velit felis. 
+Duis fermentum est nec mollis scelerisque. Vivamus interdum efficitur mauris, et dignissim velit egestas vitae. 
+Cras dignissim sagittis varius. Pellentesque eu laoreet dui.
+
+```
+Praesent congue:
+    eros = eget
+    accumsan euismod
+```
+
+Praesent congue, eros eget accumsan euismod, lorem dui vulputate leo, tincidunt efficitur risus metus ut risus. 
+Sed pharetra ipsum orci, eu cursus turpis semper egestas. 
+
+> Pellentesque sodales, felis auctor auctor rutrum, velit quam interdum erat, sit amet placerat urna nisl at justo.
+
+## Substep
+
+Nam maximus eget orci id pretium. Pellentesque feugiat mauris eu nulla viverra consectetur. Nullam rutrum augue eget mauris accumsan, ac elementum tellus lacinia. Sed pretium aliquet tortor in ornare. Sed eget aliquet metus. Integer sed arcu turpis. Duis auctor sollicitudin semper. Cras posuere, neque nec varius cursus, massa libero sodales elit, sed tempor nibh ex sit amet nisi. Quisque consequat ante quis diam malesuada, in imperdiet tortor mattis. Aliquam erat volutpat. Morbi tortor elit, sagittis quis nibh ut, gravida cursus arcu.
+
+{% include figure.html img="uidaho-workshop.jpg" alt="workshop scene" caption="Be sure to replace all the example values!" width="75%" %}
+
+Ut dapibus lectus tristique efficitur dictum. Quisque efficitur ornare sagittis. Donec ex sem, volutpat quis scelerisque quis, scelerisque non neque. Vivamus convallis felis vel eros pulvinar faucibus. Aliquam finibus pretium odio a pharetra. Nullam ac commodo magna. Fusce et feugiat sem. Nunc vitae scelerisque metus. Aenean sodales placerat mi in aliquet. Curabitur pulvinar auctor mauris quis faucibus. Ut commodo imperdiet ante, at dignissim tellus ultricies ut. Donec at lacus ultrices sem vulputate semper. Donec commodo porta nunc, non tristique mi interdum quis. Phasellus rhoncus bibendum ipsum, ac malesuada augue pulvinar et. Etiam finibus lacus massa, sit amet faucibus lorem consequat sit amet. 
diff --git a/3-lesson.md b/3-lesson.md
new file mode 100644
index 0000000..01dfa7c
--- /dev/null
+++ b/3-lesson.md
@@ -0,0 +1,47 @@
+---
+title: Content
+nav: true
+---
+
+# Create Lesson Content
+
+Edit the lesson Markdown files to create content pages.
+
+[Markdown](https://daringfireball.net/projects/markdown/) is a standard to [simplify writing](https://evanwill.github.io/_drafts/notes/writing-markdown.html) content for the web. 
+[GitHub markdown flavor](https://help.github.com/articles/basic-writing-and-formatting-syntax/) can be used any where on GitHub and in Jekyll.
+The basics are intuitive, you can learn in about a minute!
+See [Markdown in a Minute](https://evanwill.github.io/_drafts/notes/markdown-minute.html) to get started.
+
+When creating content pages:
+
+- to include a page in the nav, add `nav: true` to the file's yml front matter.
+- the `title:` value will appear in the nav, sorted in the order of filenames. For simplicity use leading numbers in the lesson page filenames to create correct order.
+- the default layout does not add `title` to the page, so it can be a short for the nav. So add a title in the Markdown content.
+
+## Add Figures 
+
+Using figure include:
+
+- put all images in the `images` directory.
+- figures will be centered, and can optionally be given a caption and percentage width.
+- in a markdown file where you want the image to appear, use the `figure.html` include on its own line.
+- pattern: `{% raw %}{% include figure.html img="my-cat.jpg" alt="cat" caption="My cat" width="50%" %}{% endraw %}`
+
+## Additionally 
+
+Lorem ipsum `dolor sit amet`, consectetur adipiscing elit. Pellentesque eu velit felis. 
+Duis *fermentum est nec* mollis scelerisque. 
+Vivamus interdum **efficitur mauris**, et dignissim velit egestas vitae. Cras dignissim sagittis varius.
+Pellentesque eu laoreet dui.
+Praesent congue, eros eget accumsan euismod, lorem dui vulputate leo, tincidunt efficitur risus metus ut risus.
+
+{% include figure.html img="uidaho-workshop.jpg" alt="workshop scene" caption="Make sure participants are on the same page!" width="75%" %}
+
+> Sed pharetra ipsum orci, eu cursus turpis semper egestas. 
+> Pellentesque sodales, felis auctor auctor rutrum, velit quam interdum erat, sit amet placerat urna nisl at justo.
+
+## Furthermore... 
+
+Nam maximus eget orci id pretium. Pellentesque feugiat mauris eu nulla viverra consectetur. Nullam rutrum augue eget mauris accumsan, ac elementum tellus lacinia. Sed pretium aliquet tortor in ornare. Sed eget aliquet metus. Integer sed arcu turpis. Duis auctor sollicitudin semper. Cras posuere, neque nec varius cursus, massa libero sodales elit, sed tempor nibh ex sit amet nisi. Quisque consequat ante quis diam malesuada, in imperdiet tortor mattis. Aliquam erat volutpat. Morbi tortor elit, sagittis quis nibh ut, gravida cursus arcu.
+
+Ut dapibus lectus tristique efficitur dictum. Quisque efficitur ornare sagittis. Donec ex sem, volutpat quis scelerisque quis, scelerisque non neque. Vivamus convallis felis vel eros pulvinar faucibus. Aliquam finibus pretium odio a pharetra. Nullam ac commodo magna. Fusce et feugiat sem. Nunc vitae scelerisque metus. Aenean sodales placerat mi in aliquet. Curabitur pulvinar auctor mauris quis faucibus. Ut commodo imperdiet ante, at dignissim tellus ultricies ut. Donec at lacus ultrices sem vulputate semper. Donec commodo porta nunc, non tristique mi interdum quis. Phasellus rhoncus bibendum ipsum, ac malesuada augue pulvinar et. Etiam finibus lacus massa, sit amet faucibus lorem consequat sit amet. 
diff --git a/4-resources.md b/4-resources.md
new file mode 100644
index 0000000..172b44b
--- /dev/null
+++ b/4-resources.md
@@ -0,0 +1,53 @@
+---
+title: Resources
+nav: true
+---
+
+# Resources
+
+To learn how to use `workshop-template`, the [Readme](https://github.com/evanwill/workshop-template/blob/main/README.md) and content pages have some documentation.
+
+Other workshop sites using this template:
+
+- [get-git](https://evanwill.github.io/get-git/)
+- [hello-arduino](https://evanwill.github.io/hello-arduino/)
+- [clean-your-data](https://evanwill.github.io/clean-your-data/)
+- [go-go gh-pages](https://evanwill.github.io/go-go-ghpages/)
+- [Make @ the MILL](https://uidaholib.github.io/make-at-the-mill/)
+
+# Reference
+
+### Git & GitHub
+
+[GitHub](https://github.com/){:target="_blank"} is a popular web service for hosting Git repositories--with benefits!
+It provides a handy web interface for editing and collaborating on repos, as well as, built in project management features and static web hosting.
+Accounts are free for public repositories--private repositories are available on a subscription pricing model.
+To learn more check out Hellow World on [GitHub Guides](https://guides.github.com/){:target="_blank"} or [GitHub Training](https://services.github.com/on-demand/){:target="_blank"}.
+
+### Markdown
+
+[Markdown](https://daringfireball.net/projects/markdown/) is a standard to simplify writing content for the web. 
+[GitHub markdown flavor](https://help.github.com/articles/basic-writing-and-formatting-syntax/) can be used any where on GitHub and in Jekyll.
+
+- [Markdown in a Minute](https://evanwill.github.io/_drafts/notes/markdown-minute.html)
+- GitHub Guide [Mastering Markdown](https://guides.github.com/features/mastering-markdown/)
+
+### YAML
+
+[YAML](http://www.yaml.org/) is a human readable plain text data format.
+It is used in Jekyll for configuration, site data, and front matter.
+Jekyll projects are [configured](https://jekyllrb.com/docs/configuration/) using the `_config.yml` file.
+
+### Liquid
+
+[Liquid](http://shopify.github.io/liquid/) is a flexible template language.
+[In Jekyll](https://jekyllrb.com/docs/templates/) it allows you to layout pages built from modular components and data, using the `_includes`, `_layouts`, and `_data` directories.
+Liquid includes features such as operators, loops, and filters to manipulate raw content. 
+Liquid statements are enclosed by {% raw %}`{%  %}`{% endraw %} and variables in {% raw %}`{{  }}`{% endraw %}.
+
+### Sass  
+
+[Sass](http://sass-lang.com/) is a CSS extension / preprocessor. 
+All normal CSS is valid SCSS, but Sass adds many powerful functions and programatic features. 
+Writing SCSS is often easier and more sensible, for example by supporting nesting, variables, and operators. 
+Jekyll lets you write SASS in modular chucks called partials, in the `_sass` directory, that will be combined and compiled into normal CSS files when the site is built.
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..2c58e97
--- /dev/null
+++ b/404.html
@@ -0,0 +1,22 @@
+---
+title: "404"
+# this creates a 404 page automatically handled by gh-pages
+layout: default
+permalink: /404.html
+---
+
+<div class="page">
+  <h1 class="page-title">404?</h1>
+  <span>Sorry, but the page you were trying to view does not exist.</span>
+<pre><code>
+ ____________
+< Sorry, 404 >
+ ------------
+        \   ^__^
+         \  (oo)\_______
+            (__)\       )\/\
+                ||----w |
+                ||     ||
+
+</code></pre>
+</div>
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..17eb450
--- /dev/null
+++ b/README.md
@@ -0,0 +1,70 @@
+# workshop-template
+
+A Jekyll template for a simple workshop website, based on the [Minima theme](https://github.com/jekyll/minima), designed for hosting on [gh-pages](https://pages.github.com/).
+
+Works best for about 5 pages of instructions, plus index, all written in Markdown. 
+The navigation to the main pages is exposed at top and bottom of each page for easy stepping through the lessons.
+
+> p.s. this is the minimal template--for a slightly more refined look, try the Bootstrap version [workshop-template-b](https://github.com/evanwill/workshop-template-b)
+
+## Why?
+
+Rather than making slides for a workshop, why not make a website? 
+It's easier to write, access, share, and reuse. 
+GitHub and gh-pages makes this super easy.
+
+It is a better Open Educational Resource since anyone can fork and adapt!
+
+## Details
+
+The `workshop-template` [repository](https://github.com/evanwill/workshop-template) is a template project--to get started quickly, make a copy and fill in your own content and customizations.
+The [site](https://evanwill.github.io/workshop-template/) demonstrates the output on gh-pages, and the content pages serve as examples.
+
+Overview:
+
+1. Copy the code to your own repository by clicking the green "Use this template" button (alternatively, import the [repository](https://github.com/evanwill/workshop-template) on GitHub or manually copy the files into a new repo).
+2. Clone to your local machine, or work on the GitHub web interface to edit files.
+3. Edit the `_config.yml` with your info.
+4. Edit the content pages in markdown.
+5. Add images to the "images" folder.
+5. Push to GitHub (or commit on the web interface).
+6. In your repo's settings, activate gh-pages, using main branch.
+
+When creating content pages:
+
+- to include a page in the nav, add `nav: true` to the file's yml front matter.
+- the `title:` value will appear in the nav, sorted in the order of filenames. For simplicity use leading numbers in the lesson page filenames to create correct order.
+- the default layout does not add `title` to the page, so it can be a short for the nav. 
+Add a title in the Markdown content.
+
+Using figure include:
+
+- put all images in the `images` directory.
+- figures will be centered, and can optionally be given a caption and percentage width.
+- in a markdown file where you want the image to appear, use the `figure.html` include on its own line.
+- pattern: `{% include figure.html file="my-cat.jpg" alt="cat" caption="My cat" width="50%" %}`
+
+Basic style customization:
+
+- the `main.scss` in the `css` folder exposes variables that can customize the basic style of website.
+- Give a tiny splash of color on the header and footer borders by tweaking the `$border-color` 
+- `$link-color` colors links
+
+Using optional google analytics:
+
+- add your analytics id to `_config.yml` in `google-analytics-id:` 
+- if `google-analytics-id:` is blank, the ga code will not added
+- analytics code will only be added when using "production" environment. This happens automatically on gh-pages. To build locally, use `JEKYLL_ENV=production jekyll build`
+
+> Repository does not include a Gemfile because it is a very simple project. 
+> Originally built using Ruby 2.3+ and Jekyll 3.4+; most recently used Jekyll 3.8.1.
+
+## Demos
+
+My workshop sites using versions of this template:
+
+- [get-git](https://evanwill.github.io/get-git/)
+- [hello-arduino](https://evanwill.github.io/hello-arduino/)
+- [clean-your-data](https://evanwill.github.io/clean-your-data/)
+- [go-go gh-pages](https://evanwill.github.io/go-go-ghpages/)
+- [Make @ the MILL](https://uidaholib.github.io/make-at-the-mill/)
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..8f01a57
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,48 @@
+# Jekyll workshop-template evanwill
+# https://github.com/evanwill/workshop-template
+# based on minima theme https://github.com/jekyll/minima
+
+# Notes: 
+# - pages with "nav: true" in front matter will be in header nav
+# - figure include for centered images, put file in images directory and use: {% include figure.html img="my-cat.jpg" alt="cat" caption="My cat" width="50%" %}
+
+# Site settings
+# title appears in the header
+title: workshop-template
+# description and keywords for meta tags
+description: "Create an OER workshop website quick and easy!"
+keywords: "workshops, OER, Open Education, websites, gh-pages, jekyll"
+
+# author settings for cc-by, appears in the footer
+author: evan will
+pub_year: 2018
+github_username: evanwill
+
+# add the full url for the github repository
+repo: "https://github.com/evanwill/workshop-template"
+
+# site urls
+# Optional if using GitHub Pages! If building manually, these must be set correctly.
+# When using github pages just leave these blank!
+#
+# add the url for the domain,
+# on gh-pages follow the pattern: https://username.github.io 
+url: 
+# add subsection of the domain,
+# on gh-pages this is a / followed by the name of the repository
+baseurl: 
+
+# add google analytics if desired (optional)
+# if blank, it will be ignored
+# use JEKYLL_ENV=production on build command
+google-analytics-id: 
+
+# defaults (to simplify front matter)
+defaults:
+  - scope:
+      path: ""
+    values:
+      layout: default
+
+# Build settings
+markdown: kramdown
diff --git a/_includes/analytics.html b/_includes/analytics.html
new file mode 100644
index 0000000..65be9e1
--- /dev/null
+++ b/_includes/analytics.html
@@ -0,0 +1,19 @@
+{% comment %}
+    Paste Analytics code snippet here (for example from Matomo) or set google-analytics-id in config.yml
+{% endcomment %}
+<!-- Analytics -->
+{% if jekyll.environment == "production" %}
+
+{% if site.google-analytics-id %}
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google-analytics-id }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', '{{ site.google-analytics-id }}', {
+    'anonymize_ip': true
+  });
+</script>
+{%- endif -%}
+{%- endif -%}
\ No newline at end of file
diff --git a/_includes/figure.html b/_includes/figure.html
new file mode 100644
index 0000000..116607a
--- /dev/null
+++ b/_includes/figure.html
@@ -0,0 +1,4 @@
+<figure>
+  <img src="{{ include.img | prepend: '/images/' | relative_url }}" alt="{{ include.alt }}" {% if include.width %}style="width:{{ include.width }};"{% endif %}>
+  {% if include.caption %}<figcaption>{{ include.caption }}</figcaption>{% endif %}
+</figure>
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..3981573
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,14 @@
+<footer class="site-footer">
+  <div class="wrapper">
+    <div class="footer-col-wrapper" >
+    <div class="footer-nav">
+        {% for lesson in site.pages %}
+          {% if lesson.nav == true %}
+          <a class="page-link{% if page.url == lesson.url %} active{% endif %}" href="{{ lesson.url | relative_url }}">{{ lesson.title | escape }}</a>
+          {% endif %}
+        {% endfor %}
+    </div>
+    </div>
+      <h2 class="footer-heading"><a href="{{ '/' | relative_url }}">{{ site.title | escape }}</a> - <a href="https://creativecommons.org/licenses/by-sa/4.0/">cc-by-sa</a> <a href="https://github.com/{{ site.github_username }}">{{ site.author }}</a> - {{ site.pub_year }}.</h2> 
+  </div>
+</footer>
diff --git a/_includes/head.html b/_includes/head.html
new file mode 100644
index 0000000..b57b10d
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,23 @@
+<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>{% if page.title %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }}</title>
+  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+  <meta name="keywords" content="{{ site.keywords }}">
+  <meta name="author" content="{{ site.author }}">
+  <link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
+
+  <meta property="og:title" content="{% if page.title %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }}" />
+  <meta property="og:description" content="{{ site.description }}" />
+  <meta property="og:type" content="article" />
+  <meta property="article:author" content="{{ site.author }}" />
+  <meta property="og:site_name" content="{{ site.title }}" />
+  <meta property="og:url" content="{{ page.url | absolute_url }}" />
+  <meta property="og:locale" content="en_US" />
+  <script type="application/ld+json">{"@context":"http://schema.org","@type":"WebPage","headline":"{% if page.title %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }}","author":{"@type":"Person","name":"{{ site.author }}"},"description":"{{ site.description }}","url":"{{ page.url | absolute_url }}"}</script>
+
+  <link rel="stylesheet" href="{{ '/css/main.css' | relative_url }}">
+  
+  {% include analytics.html %}
+</head>
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..0a0d96f
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,27 @@
+<header class="site-header" role="banner">
+
+  <div class="wrapper">
+
+    <a class="site-title" href="{{ '/' | relative_url }}">{{ site.title | escape }}</a>
+
+    <nav class="site-nav">
+      <span class="menu-icon">
+        <svg viewBox="0 0 18 15" width="18px" height="15px">
+          <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+          <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+          <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+        </svg>
+      </span>
+
+      <div class="trigger">
+        {% for lesson in site.pages %}
+          {% if lesson.nav == true %}
+          <a class="page-link{% if page.url == lesson.url %} active{% endif %}" href="{{ lesson.url | relative_url }}">{{ lesson.title | escape }}</a>
+          {% endif %}
+        {% endfor %}
+      </div>
+    </nav>
+
+  </div>
+
+</header>
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..ecbece2
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: 'en' }}">
+
+  {% include head.html %}
+
+  <body>
+    
+    {% include header.html %}
+
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    {% include footer.html %}
+
+  </body>
+
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..01e4b2a
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<article class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+
+</article>
diff --git a/_sass/_base.scss b/_sass/_base.scss
new file mode 100644
index 0000000..fc2ede2
--- /dev/null
+++ b/_sass/_base.scss
@@ -0,0 +1,177 @@
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Basic styling
+ */
+body {
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+  color: $text-color;
+  background-color: $background-color;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-feature-settings: "kern" 1;
+     -moz-font-feature-settings: "kern" 1;
+       -o-font-feature-settings: "kern" 1;
+          font-feature-settings: "kern" 1;
+  font-kerning: normal;
+}
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure,
+%vertical-rhythm {
+  margin-bottom: $spacing-unit / 2;
+}
+
+/**
+ * Images
+ */
+img {
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+/**
+ * Figures
+ */
+figure > img {
+  display: block;
+  margin: 0 auto;  
+}
+figcaption {
+  font-size: $small-font-size;
+  color: $grey-color;
+  text-align: center;  
+}
+
+/**
+ * Lists
+ */
+ul, ol {
+  margin-left: $spacing-unit;
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+/**
+ * Headings
+ */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: $base-font-weight;
+  color: $headings-color;
+}
+
+/**
+ * Links
+ */
+a {
+  color: $link-color;
+  text-decoration: none;
+
+  &:visited {
+    color: darken($link-color, 15%);
+  }
+
+  &:hover {
+    color: $text-color;
+    text-decoration: underline;
+  }
+}
+
+/**
+ * Blockquotes
+ */
+blockquote {
+  color: $grey-color;
+  border-left: 4px solid $grey-color-light;
+  padding-left: $spacing-unit / 2;
+  font-size: 18px;
+  letter-spacing: -1px;
+  font-style: italic;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+}
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+  font-size: 15px;
+  border: 1px solid $grey-color-light;
+  border-radius: 3px;
+  background-color: #eef;
+}
+
+code {
+  padding: 1px 5px;
+}
+
+pre {
+  padding: 8px 12px;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+/**
+ * Wrapper
+ */
+.wrapper {
+  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
+  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: $spacing-unit;
+  padding-left: $spacing-unit;
+  @extend %clearfix;
+
+  @include media-query($on-laptop) {
+    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
+    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
+    padding-right: $spacing-unit / 2;
+    padding-left: $spacing-unit / 2;
+  }
+}
+
+/**
+ * Clearfix
+ */
+%clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/**
+ * Icons
+ */
+.icon > svg {
+  display: inline-block;
+  vertical-align: middle;
+
+  path {
+    fill: $grey-color;
+  }
+}
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
new file mode 100644
index 0000000..56bb17e
--- /dev/null
+++ b/_sass/_custom.scss
@@ -0,0 +1,10 @@
+.toc {
+    padding: 10px;
+    margin: 15px;
+    border: solid 1px $grey-color-light;
+    border-radius: 5px;
+}
+.site-nav .active, .site-footer .active {
+    text-decoration: underline;
+    color: $active-color;
+}
\ No newline at end of file
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
new file mode 100644
index 0000000..ebd73a5
--- /dev/null
+++ b/_sass/_layout.scss
@@ -0,0 +1,244 @@
+/**
+ * Site header
+ */
+.site-header {
+  border-top: 5px solid $border-color;
+  border-bottom: 1px solid lighten($border-color, 20%);
+  min-height: 56px;
+
+  // Positioning context for the mobile navigation icon
+  position: relative;
+}
+
+.site-title {
+  font-size: 26px;
+  font-weight: 300;
+  line-height: 56px;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+  float: left;
+
+  &,
+  &:visited {
+    color: $grey-color-dark;
+  }
+}
+
+.site-nav {
+  float: right;
+  line-height: 56px;
+
+  .menu-icon {
+    display: none;
+  }
+
+  .page-link {
+    color: $text-color;
+    line-height: $base-line-height;
+
+    // Gaps between nav items, but not on the last one
+    &:not(:last-child) {
+      margin-right: 20px;
+    }
+  }
+
+  @include media-query($on-palm) {
+    position: absolute;
+    top: 9px;
+    right: $spacing-unit / 2;
+    background-color: $background-color;
+    border: 1px solid $grey-color-light;
+    border-radius: 5px;
+    text-align: right;
+
+    .menu-icon {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 26px;
+      line-height: 0;
+      padding-top: 10px;
+      text-align: center;
+
+      > svg path {
+        fill: $grey-color-dark;
+      }
+    }
+
+    .trigger {
+      clear: both;
+      display: none;
+    }
+
+    &:hover .trigger {
+      display: block;
+      padding-bottom: 5px;
+    }
+
+    .page-link {
+      display: block;
+      padding: 5px 10px;
+
+      &:not(:last-child) {
+        margin-right: 0;
+      }
+      margin-left: 20px;
+    }
+  }
+}
+
+
+
+/**
+ * Site footer
+ */
+.site-footer {
+  border-top: 1px solid lighten($border-color, 20%);
+  padding: $spacing-unit 0;
+}
+
+.footer-heading {
+  font-size: 18px;
+  margin-bottom: $spacing-unit / 2;
+  color: $grey-color;
+  a, a:visited { color: $grey-color;}
+}
+
+.footer-nav {
+  float: right;
+  a {
+    color: $grey-color-dark;
+    line-height: $base-line-height;
+    &:not(:last-child) {
+      margin-right: 20px;
+    }
+  }
+
+}
+.footer-col-wrapper {
+  /*font-size: 15px;*/
+  color: $grey-color;
+  /*margin-left: -$spacing-unit / 2;*/
+  @extend %clearfix;
+}
+
+.footer-col {
+  float: left;
+  margin-bottom: $spacing-unit / 2;
+  padding-left: $spacing-unit / 2;
+}
+
+.footer-col-1 {
+  width: -webkit-calc(35% - (#{$spacing-unit} / 2));
+  width:         calc(35% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-2 {
+  width: -webkit-calc(20% - (#{$spacing-unit} / 2));
+  width:         calc(20% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-3 {
+  width: -webkit-calc(45% - (#{$spacing-unit} / 2));
+  width:         calc(45% - (#{$spacing-unit} / 2));
+}
+
+@include media-query($on-laptop) {
+  .footer-col-1,
+  .footer-col-2 {
+    width: -webkit-calc(50% - (#{$spacing-unit} / 2));
+    width:         calc(50% - (#{$spacing-unit} / 2));
+  }
+
+  .footer-col-3 {
+    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+    width:         calc(100% - (#{$spacing-unit} / 2));
+  }
+}
+
+@include media-query($on-palm) {
+  .footer-col {
+    float: none;
+    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+    width:         calc(100% - (#{$spacing-unit} / 2));
+  }
+}
+
+
+
+/**
+ * Page content
+ */
+.page-content {
+  padding: $spacing-unit 0;
+}
+
+.page-heading {
+  font-size: 20px;
+}
+
+.post-list {
+  margin-left: 0;
+  list-style: none;
+
+  > li {
+    margin-bottom: $spacing-unit;
+  }
+}
+
+.post-meta {
+  font-size: $small-font-size;
+  color: $grey-color;
+}
+
+.post-link {
+  display: block;
+  font-size: 24px;
+}
+
+
+
+/**
+ * Posts
+ */
+.post-header {
+  margin-bottom: $spacing-unit;
+}
+
+.post-title {
+  font-size: 42px;
+  letter-spacing: -1px;
+  line-height: 1;
+
+  @include media-query($on-laptop) {
+    font-size: 36px;
+  }
+}
+
+.post-content {
+  margin-bottom: $spacing-unit;
+
+  h2 {
+    font-size: 32px;
+
+    @include media-query($on-laptop) {
+      font-size: 28px;
+    }
+  }
+
+  h3 {
+    font-size: 26px;
+
+    @include media-query($on-laptop) {
+      font-size: 22px;
+    }
+  }
+
+  h4 {
+    font-size: 20px;
+
+    @include media-query($on-laptop) {
+      font-size: 18px;
+    }
+  }
+}
diff --git a/_sass/_syntax-highlighting.scss b/_sass/_syntax-highlighting.scss
new file mode 100644
index 0000000..bccdb89
--- /dev/null
+++ b/_sass/_syntax-highlighting.scss
@@ -0,0 +1,71 @@
+/**
+ * Syntax highlighting styles
+ */
+.highlight {
+  background: #fff;
+  @extend %vertical-rhythm;
+
+  .highlighter-rouge & {
+    background: #eef;
+  }
+
+  .c     { color: #998; font-style: italic } // Comment
+  .err   { color: #a61717; background-color: #e3d2d2 } // Error
+  .k     { font-weight: bold } // Keyword
+  .o     { font-weight: bold } // Operator
+  .cm    { color: #998; font-style: italic } // Comment.Multiline
+  .cp    { color: #999; font-weight: bold } // Comment.Preproc
+  .c1    { color: #998; font-style: italic } // Comment.Single
+  .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+  .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+  .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+  .ge    { font-style: italic } // Generic.Emph
+  .gr    { color: #a00 } // Generic.Error
+  .gh    { color: #999 } // Generic.Heading
+  .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+  .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+  .go    { color: #888 } // Generic.Output
+  .gp    { color: #555 } // Generic.Prompt
+  .gs    { font-weight: bold } // Generic.Strong
+  .gu    { color: #aaa } // Generic.Subheading
+  .gt    { color: #a00 } // Generic.Traceback
+  .kc    { font-weight: bold } // Keyword.Constant
+  .kd    { font-weight: bold } // Keyword.Declaration
+  .kp    { font-weight: bold } // Keyword.Pseudo
+  .kr    { font-weight: bold } // Keyword.Reserved
+  .kt    { color: #458; font-weight: bold } // Keyword.Type
+  .m     { color: #099 } // Literal.Number
+  .s     { color: #d14 } // Literal.String
+  .na    { color: #008080 } // Name.Attribute
+  .nb    { color: #0086B3 } // Name.Builtin
+  .nc    { color: #458; font-weight: bold } // Name.Class
+  .no    { color: #008080 } // Name.Constant
+  .ni    { color: #800080 } // Name.Entity
+  .ne    { color: #900; font-weight: bold } // Name.Exception
+  .nf    { color: #900; font-weight: bold } // Name.Function
+  .nn    { color: #555 } // Name.Namespace
+  .nt    { color: #000080 } // Name.Tag
+  .nv    { color: #008080 } // Name.Variable
+  .ow    { font-weight: bold } // Operator.Word
+  .w     { color: #bbb } // Text.Whitespace
+  .mf    { color: #099 } // Literal.Number.Float
+  .mh    { color: #099 } // Literal.Number.Hex
+  .mi    { color: #099 } // Literal.Number.Integer
+  .mo    { color: #099 } // Literal.Number.Oct
+  .sb    { color: #d14 } // Literal.String.Backtick
+  .sc    { color: #d14 } // Literal.String.Char
+  .sd    { color: #d14 } // Literal.String.Doc
+  .s2    { color: #d14 } // Literal.String.Double
+  .se    { color: #d14 } // Literal.String.Escape
+  .sh    { color: #d14 } // Literal.String.Heredoc
+  .si    { color: #d14 } // Literal.String.Interpol
+  .sx    { color: #d14 } // Literal.String.Other
+  .sr    { color: #009926 } // Literal.String.Regex
+  .s1    { color: #d14 } // Literal.String.Single
+  .ss    { color: #990073 } // Literal.String.Symbol
+  .bp    { color: #999 } // Name.Builtin.Pseudo
+  .vc    { color: #008080 } // Name.Variable.Class
+  .vg    { color: #008080 } // Name.Variable.Global
+  .vi    { color: #008080 } // Name.Variable.Instance
+  .il    { color: #099 } // Literal.Number.Integer.Long
+}
diff --git a/css/fonts/notosans-SIL Open Font License.txt b/css/fonts/notosans-SIL Open Font License.txt
new file mode 100644
index 0000000..b424dc4
--- /dev/null
+++ b/css/fonts/notosans-SIL Open Font License.txt	
@@ -0,0 +1,43 @@
+Copyright 2012 Google Inc. All Rights Reserved.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
+
+5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
\ No newline at end of file
diff --git a/css/fonts/notosans-regular-webfont.woff b/css/fonts/notosans-regular-webfont.woff
new file mode 100644
index 0000000..ec94d08
Binary files /dev/null and b/css/fonts/notosans-regular-webfont.woff differ
diff --git a/css/fonts/sourcecodepro-OFL.txt b/css/fonts/sourcecodepro-OFL.txt
new file mode 100644
index 0000000..6f4c937
--- /dev/null
+++ b/css/fonts/sourcecodepro-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/css/fonts/sourcecodepro-regular-webfont.woff b/css/fonts/sourcecodepro-regular-webfont.woff
new file mode 100644
index 0000000..addb4c2
Binary files /dev/null and b/css/fonts/sourcecodepro-regular-webfont.woff differ
diff --git a/css/main.scss b/css/main.scss
new file mode 100644
index 0000000..7c6d0da
--- /dev/null
+++ b/css/main.scss
@@ -0,0 +1,62 @@
+---
+# front matter
+---
+
+/* basic color customizations */
+$border-color: #424242;
+$link-color: #2a7ae2 !default;
+$active-color: #2a7ae2;
+$text-color:#111 !default;
+$headings-color: #111;
+$background-color: #fdfdfd !default;
+
+/* font base */ 
+@font-face {
+  font-family: 'Noto Sans';
+  src:  url('fonts/notosans-regular-webfont.woff') format('woff');
+}
+@font-face {
+  font-family: 'Source Code Pro';
+  src:  url('fonts/sourcecodepro-regular-webfont.woff') format('woff');
+}
+$base-font-family: 'Noto Sans', Helvetica, Arial, sans-serif !default;
+$code-font-family: 'Source Code Pro', monospace;
+
+/* layout base */
+$base-font-size:   16px !default;
+$base-font-weight: 400 !default;
+$small-font-size:  $base-font-size * 0.875 !default;
+$base-line-height: 1.5 !default;
+
+$spacing-unit:     30px !default;
+
+
+$grey-color:       #828282 !default;
+$grey-color-light: lighten($grey-color, 40%) !default;
+$grey-color-dark:  darken($grey-color, 25%) !default;
+
+// Width of the content area
+$content-width:    800px !default;
+
+$on-palm:          600px !default;
+$on-laptop:        800px !default;
+
+// Use media queries like this:
+// @include media-query($on-palm) {
+//   .wrapper {
+//     padding-right: $spacing-unit / 2;
+//     padding-left: $spacing-unit / 2;
+//   }
+// }
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
+// Import partials.
+@import
+  "base",
+  "layout",
+  "custom"
+;
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..8b6bb53
Binary files /dev/null and b/favicon.ico differ
diff --git a/images/uidaho-workshop.jpg b/images/uidaho-workshop.jpg
new file mode 100644
index 0000000..0f296f2
Binary files /dev/null and b/images/uidaho-workshop.jpg differ
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..069cc37
--- /dev/null
+++ b/index.md
@@ -0,0 +1,34 @@
+---
+title: Home
+---
+
+# Workshop Template!
+
+{% include figure.html img="uidaho-workshop.jpg" alt="intro image here" caption="Library workshop" width="75%" %}
+
+A minimal Jekyll theme for creating workshop websites.
+
+*Add your workshop abstract here!*
+
+Learn how to create a super quick easy website for a workshop by writing a few markdown files! 
+Host it for free on GitHub with gh-pages, and share!
+Fun!
+
+*See also:* [workshop-template-b](https://evanwill.github.io/workshop-template-b/), Bootstrap version.
+
+<div class="toc" markdown="1">
+## Contents:
+
+{% for lesson in site.pages %}
+{% if lesson.nav == true %}- [{{ lesson.title }}]({{ lesson.url | relative_url }}){% endif %}
+{% endfor %}
+</div>
+
+Hosted by [University of Idaho Library](http://www.lib.uidaho.edu/), {{ site.pub_year }}.
+ 
+> built using [Jekyll](https://jekyllrb.com/) and [GitHub Pages](https://pages.github.com/)
+>
+> images and content: cc-by-sa <a href="https://github.com/{{ site.github_username }}">{{ site.author }}</a> {{ site.pub_year}} (get [source code]({{ site.repo }})).
+> Last build date: {{ site.time | date: "%Y-%m-%d" }}.
+>
+> <a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license"><img style="border-width: 0;" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" alt="Creative Commons License" /></a>