Fix typo.

Additional re-wording after proofing
Merge branch 'first-blog-post'
2017-10-04 14:24:01 +02:00 · 2017-10-04 12:38:40 +01:00 · 2017-10-04 12:22:52 +01:00 · 2017-10-04 01:46:48 +01:00 · 2017-10-04 01:30:52 +01:00 · 2017-10-04 01:26:06 +01:00
96 changed files with 8498 additions and 6148 deletions
@@ -0,0 +1,8 @@
+root=true
+
+[*]
+charset=utf-8
+indent_style=space
+
+[Makefile]
+indent_style=tab
@@ -0,0 +1,5 @@
+dist/
+.sass-cache/
+.jekyll-metadata
+Gemfile.lock
+*.gem
@@ -0,0 +1,14 @@
+image: ruby:2.4.2
+
+pages:
+  stage: build
+  script:
+  - gem install jekyll
+  - jekyll build -d public
+  - gem build autonomic.gemspec
+  artifacts:
+    paths:
+    - public
+    - "autonomic-*.gem"
+  only:
+  - master
@@ -1,98 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-  <title>Autonomic Co-operative</title>
-  <meta charset="utf-8" />
-  <link rel="shortcut icon" href="/assets/images/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <!--[if lte IE 8]><script src="/assets/js/ie/html5shiv.js"></script><![endif]-->
-  <link rel="stylesheet" href="/assets/styles/main.css" />
-  <!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endif]-->
-  <!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![endif]-->
-</head>
-
-
-<body>
-    <div id="page-wrapper">
-  <header id="header" >
-    <h1><a href="/">Autonomic</a></h1>
-    <nav id="nav">
-      <ul>
-        <li class="special">
-          <a href="#menu" class="menuToggle"><span>Menu</span></a>
-          <div id="menu">
-            <ul>
-              <li><a href="/">Home</a></li>
-              <li><a href="/#core-values">Our Core Values</a></li>
-              <li><a href="/blog">Blog</a></li>
-              <li><a href="/#services">Services We Offer</a></li>
-              <li><a href="/#contact">Get In Touch</a></li>
-            </ul>
-          </div>
-        </li>
-      </ul>
-    </nav>
-  </header>
-
-
-    <div id="main">
-        <header>
-            
-            <h2>Oops, Page Missing :|</h2>
-            <p></p>
-        </header>
-    </div>
-
-    <section class="wrapper alt style2">
-        
-
-        
-    </section>
-
-    <!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-    <li><a href="https://twitter.com/autonomiccoop" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
-      
-    <li><a href="https://gitlab.com/autonomic-cooperative" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
-     
-  </ul>
-  <ul class="copyright">
-    <li class="icon fa-creative-commons">&nbsp;Autonomic Co-operative</li>
-  </ul>
-</footer>
-
-</div>
-
-<!-- Scripts -->
-<script src="/assets/js/jquery.min.js"></script>
-<script src="/assets/js/jquery.scrollex.min.js"></script>
-<script src="/assets/js/jquery.scrolly.min.js"></script>
-<script src="/assets/js/skel.min.js"></script>
-<script src="/assets/js/util.js"></script>
-<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
-<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
-<script src="/assets/js/main.js"></script>
-
-</body>
-
-</html>
-
-    <!-- Piwik -->
-<script type="text/javascript">
-  var _paq = _paq || [];
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    _paq.push(['setTrackerUrl',  'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
-    _paq.push(['setSiteId', 1]);
-    _paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Piwik Code -->
-
-</body>
-</html>
@@ -0,0 +1,3 @@
+source "https://rubygems.org"
+ruby '2.4.2'
+gemspec
@@ -0,0 +1,61 @@
+[![pipeline status](https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/badges/master/pipeline.svg)](https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/commits/master)
+
+# autonomic-cooperative.gitlab.io
+
+A [Jekyll] based site for the Autonomic Cooperative.
+
+The template is based on the [spectral-jekyll-theme].
+
+[Jekyll]: https://jekyllrb.com/
+[spectral-jekyll-theme]: https://github.com/andrewbanchich/spectral-jekyll-theme
+
+# Quick Start
+
+For those unfamiliar with how Jekyll works, check out [jekyll.rb] for all the
+details, or read up on the basics of [front matter], [writing posts] and
+[creating pages].
+
+[jekyll.rb]: https://jekyllrb.com/
+[front matter]: https://jekyllrb.com/docs/frontmatter/
+[writing posts]: https://jekyllrb.com/docs/posts/
+[creating pages]: https://jekyllrb.com/docs/pages/
+
+In order to not blow up your computer handling a system wide Ruby installation, it is
+advised that you use [RVM](https://rvm.io/rvm/install).
+
+Once you've got that installed and configured, get the latest version of Ruby with:
+
+```bash
+$ rvm install 2.4.2
+```
+
+Select that version and then create an isolated [gemset](https://rvm.io/gemsets/basics) with:
+
+```bash
+$ rvm use 2.4.2
+$ rvm gemset create autonomic
+$ rvm gemset use autonomic
+```
+
+Then you can get your Ruby dependencies installed with:
+
+``` bash
+$ gem install jekyll bundler
+```
+
+And serve the website locally with:
+
+``` bash
+$ jekyll serve
+```
+
+You can edit content in the `.md` files under `src` and `src/_posts`.
+
+When you're hacking later on (or in a new shell), you'll need to run:
+
+``` bash
+$ rvm use 2.4.2
+$ rvm gemset use autonomic
+```
+
+And then you'll have access to the environment.
@@ -0,0 +1,22 @@
+title: Autonomic Co-operative
+email: autonomic@posteo.net
+description: Sustainability, Transparency, Privacy
+baseurl: ""
+url: ""
+source: src
+destination: dist
+sass:
+    sass_dir: ./assets/styles
+featured-image-source:
+500px_url:
+github_url:
+gitlab_url: https://gitlab.com/autonomic-cooperative
+twitter_url: https://twitter.com/autonomiccoop
+markdown: kramdown
+permalink: pretty
+collections:
+  posts:
+    output: true
+    permalink: /blog/:title/
+  clients:
+    output: false
@@ -1,66 +0,0 @@
-/*
-  Spectral by HTML5 UP
-  html5up.net | @ajlkn
-  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-/* Icon */
-.icon.major {
-  border: none; }
-  .icon.major:before {
-    font-size: 3em; }
-
-/* Form */
-label {
-  color: #2E3842; }
-
-input[type="text"],
-input[type="password"],
-input[type="email"],
-select,
-textarea {
-  border: solid 1px #dfdfdf; }
-
-/* Button */
-input[type="submit"],
-input[type="reset"],
-input[type="button"],
-button,
-.button {
-  border: solid 2px #dfdfdf; }
-  input[type="submit"].special,
-  input[type="reset"].special,
-  input[type="button"].special,
-  button.special,
-  .button.special {
-    border: 0 !important; }
-
-/* Page Wrapper + Menu */
-#menu {
-  display: none; }
-
-body.is-menu-visible #menu {
-  display: block; }
-
-/* Header */
-#header nav > ul > li > a.menuToggle:after {
-  display: none; }
-
-/* Banner + Wrapper (style4) */
-#banner,
-.wrapper.style4 {
-  -ms-behavior: url("assets/js/ie/backgroundsize.min.htc"); }
-  #banner:before,
-  .wrapper.style4:before {
-    display: none; }
-
-/* Banner */
-#banner .more {
-  height: 4em; }
-  #banner .more:after {
-    display: none; }
-
-/* Main */
-#main > header {
-  -ms-behavior: url("assets/js/ie/backgroundsize.min.htc"); }
-  #main > header:before {
-    display: none; }
@@ -1,88 +0,0 @@
-/*
-  Spectral by HTML5 UP
-  html5up.net | @ajlkn
-  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-/* Spotlight */
-.spotlight {
-  display: block; }
-  .spotlight .image {
-    display: inline-block;
-    vertical-align: top; }
-  .spotlight .content {
-    padding: 4em 4em 2em 4em ;
-    display: inline-block; }
-  .spotlight:after {
-    clear: both;
-    content: '';
-    display: block; }
-
-/* Features */
-.features {
-  display: block; }
-  .features li {
-    float: left; }
-  .features:after {
-    content: '';
-    display: block;
-    clear: both; }
-
-/* Banner + Wrapper (style4) */
-#banner,
-.wrapper.style4 {
-  background-image: url("../../assets/images/banner.jpg");
-  background-position: center center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  position: relative; }
-  #banner:before,
-  .wrapper.style4:before {
-    background: #000000;
-    content: '';
-    height: 100%;
-    left: 0;
-    opacity: 0.5;
-    position: absolute;
-    top: 0;
-    width: 100%; }
-  #banner .inner,
-  .wrapper.style4 .inner {
-    position: relative;
-    z-index: 1; }
-
-/* Banner */
-#banner {
-  padding: 14em 0 12em 0 ;
-  height: auto; }
-  #banner:after {
-    display: none; }
-
-/* CTA */
-#cta .inner header {
-  float: left; }
-#cta .inner .actions {
-  float: left; }
-#cta .inner:after {
-  clear: both;
-  content: '';
-  display: block; }
-
-/* Main */
-#main > header {
-  background-image: url("../../assets/images/banner.jpg");
-  background-position: center center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  position: relative; }
-  #main > header:before {
-    background: #000000;
-    content: '';
-    height: 100%;
-    left: 0;
-    opacity: 0.5;
-    position: absolute;
-    top: 0;
-    width: 100%; }
-  #main > header > * {
-    position: relative;
-    z-index: 1; }
@@ -0,0 +1,15 @@
+# coding: utf-8
+
+Gem::Specification.new do |spec|
+  spec.name     = "autonomic"
+  spec.version     = '0.0.0'
+  spec.date        = '2017-09-24'
+  spec.summary     = ""
+  spec.description = ""
+  spec.authors     = ['autonomic co-operative']
+  spec.email       = 'autonomic.posteo.net'
+  spec.files         = `git ls-files -z`.split("\x0").select { |f| f.match(%r{^(assets|_layouts|_includes|_sass|LICENSE|README)}i) }
+
+  spec.add_development_dependency "jekyll", "~> 3.3"
+  spec.add_development_dependency "bundler", "~> 1.12"
+end
@@ -1,111 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-  <title>Autonomic Co-operative</title>
-  <meta charset="utf-8" />
-  <link rel="shortcut icon" href="/assets/images/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <!--[if lte IE 8]><script src="/assets/js/ie/html5shiv.js"></script><![endif]-->
-  <link rel="stylesheet" href="/assets/styles/main.css" />
-  <!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endif]-->
-  <!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![endif]-->
-</head>
-
-
-<body>
-    <div id="page-wrapper">
-  <header id="header" >
-    <h1><a href="/">Autonomic</a></h1>
-    <nav id="nav">
-      <ul>
-        <li class="special">
-          <a href="#menu" class="menuToggle"><span>Menu</span></a>
-          <div id="menu">
-            <ul>
-              <li><a href="/">Home</a></li>
-              <li><a href="/#core-values">Our Core Values</a></li>
-              <li><a href="/blog">Blog</a></li>
-              <li><a href="/#services">Services We Offer</a></li>
-              <li><a href="/#contact">Get In Touch</a></li>
-            </ul>
-          </div>
-        </li>
-      </ul>
-    </nav>
-  </header>
-
-
-    <div id="main">
-        <header>
-            
-            <h2>Blog</h2>
-            <p></p>
-        </header>
-    </div>
-
-    <section class="wrapper alt style2">
-        
-
-        
-            <section class="spotlight">
-                <div class="image"><img src="/assets/images/pic01.jpg" alt="" /></div>
-                <div class="content">
-                    <h2>
-                    <a href="/blog/our-founding-principles/" class="link">
-                    Our Founding Principles
-                    </a>
-                    </h2>
-                    <p class="h5">October 03, 2017</p>
-                    <p>Autonomic Co-operative And Our Core Values</p>
-                </div>
-            </section>
-        
-    </section>
-
-    <!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-    <li><a href="https://twitter.com/autonomiccoop" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
-      
-    <li><a href="https://gitlab.com/autonomic-cooperative" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
-     
-  </ul>
-  <ul class="copyright">
-    <li class="icon fa-creative-commons">&nbsp;Autonomic Co-operative</li>
-  </ul>
-</footer>
-
-</div>
-
-<!-- Scripts -->
-<script src="/assets/js/jquery.min.js"></script>
-<script src="/assets/js/jquery.scrollex.min.js"></script>
-<script src="/assets/js/jquery.scrolly.min.js"></script>
-<script src="/assets/js/skel.min.js"></script>
-<script src="/assets/js/util.js"></script>
-<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
-<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
-<script src="/assets/js/main.js"></script>
-
-</body>
-
-</html>
-
-    <!-- Piwik -->
-<script type="text/javascript">
-  var _paq = _paq || [];
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    _paq.push(['setTrackerUrl',  'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
-    _paq.push(['setSiteId', 1]);
-    _paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Piwik Code -->
-
-</body>
-</html>
@@ -1,186 +0,0 @@
-<!DOCTYPE HTML>
-<!--
-  Spectral by HTML5 UP
-  html5up.net | @ajlkn
-  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
-<html>
-
-<head>
-  <title>Autonomic Co-operative</title>
-  <meta charset="utf-8" />
-  <link rel="shortcut icon" href="/assets/images/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <!--[if lte IE 8]><script src="/assets/js/ie/html5shiv.js"></script><![endif]-->
-  <link rel="stylesheet" href="/assets/styles/main.css" />
-  <!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endif]-->
-  <!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![endif]-->
-</head>
-
-
-<body>
-
-    <div id="page-wrapper">
-  <header id="header" >
-    <h1><a href="/">Autonomic</a></h1>
-    <nav id="nav">
-      <ul>
-        <li class="special">
-          <a href="#menu" class="menuToggle"><span>Menu</span></a>
-          <div id="menu">
-            <ul>
-              <li><a href="/">Home</a></li>
-              <li><a href="/#core-values">Our Core Values</a></li>
-              <li><a href="/blog">Blog</a></li>
-              <li><a href="/#services">Services We Offer</a></li>
-              <li><a href="/#contact">Get In Touch</a></li>
-            </ul>
-          </div>
-        </li>
-      </ul>
-    </nav>
-  </header>
-
-
-    <!-- Main -->
-    <article id="main">
-        <header>
-            
-            <div
-                class="header-image"
-                style="background-image: url('/assets/images/pic01.jpg');"></div>
-            
-            <h2>Our Founding Principles</h2>
-            <p>Autonomic Co-operative And Our Core Values</p>
-            <p><em>October 03, 2017</em></p>
-        </header>
-        <section class="wrapper style5">
-            <div class="inner">
-
-                <p>Autonomic is a worker co-operative. That means we are owned and run by our
-workers and not by bosses or investors. We make our decisions collectively
-using consensus. We are committed to a set of basic principles of working on
-projects for social good. We reject destructive and unsustainable practices
-within the tech industry.</p>
-
-<p>As individuals, we have become increasingly concerned with the levels of
-surveillance carried by nation states and corporations.  Everyone deserves the
-fundamental right to privacy and safety online as well as in the physical
-world. We seem to be moving ever closer to a total reliance upon centralised
-services that mine our data for profit and are run in anything but our best
-interest as users.</p>
-
-<p>There is another way. The philosophy of <a href="https://fsfe.org/about/basics/freesoftware.en.html">free software</a> allows for development
-guided not by profit alone, but instead by the desires and inspiration of the
-developers and users. Rather than subjugating users, it aims to empower users
-by making software source code available for anyone to examine, modify or
-share. We are committed to building the software commons by making as much of
-our code available under free software licences as possible.</p>
-
-<p>As the internet becomes ubiquitous in our everyday lives, we must consider the
-technologies that we utilise in order to communicate. We must all have the
-ability to discuss and collaborate without being spied upon or our personal
-information sold to the highest bidder. Autonomic are committed to providing a
-platform for progressive projects and ideas that require accessible and modern
-infrastructure to thrive and grow, whilst preserving our client’s privacy and
-protecting their data.</p>
-
-<h2 id="privacy">Privacy</h2>
-
-<p>We seek to minimise data collection and retention wherever possible. If you
-don’t need it, don’t collect it.</p>
-
-<p>We will utilise and recommend encryption wherever possible, especially if it is
-end to end encryption and has been well tested in real life scenarios by
-non-technical users.</p>
-
-<p>We believe that unrestricted and uncensored access to the internet is a human
-right and we should all resist any attempts to censor the sharing of knowledge
-and experiences that helps build greater cooperation between peoples around the
-world.</p>
-
-<h2 id="transparency">Transparency</h2>
-
-<p>We don’t give you any crap. If something goes wrong, we’ll let you know and
-seek to communicate with our clients and the public in an effective manner.</p>
-
-<p>We are committed to using free (as in freedom) software wherever possible and
-seek to contribute back to the upstream projects we rely on where practical.</p>
-
-<p>We engage in ethical processes to avoid working with any organisations that are
-racist, homophobic, transphobic, misogynist or otherwise engage in oppressive
-behaviour.</p>
-
-<h2 id="sustainability">Sustainability</h2>
-
-<p>As a worker co-operative, we aim to grow in a sustainable way. This means not
-taking venture capital or risky loans. We build this the smart way, through
-hard work. We are always learning and studying as we go.</p>
-
-<p>We are committed to learning more about about the ecological impact of
-technology. Whether that be the energy used by data centres or the components
-in our computing devices.</p>
-
-<p>We will engage with the wider co-operative movement and work together to grow
-our sector and begin to build a new world in the ashes of the old.</p>
-
-<hr />
-
-<p>We hope this basic statement of principles has given you an idea of where we
-are coming from and perhaps where we will be heading. The plan is to revisit
-these ideas as we grow and access the impact of this project. We hope you will
-be a part of this adventure.</p>
-
-
-            </div>
-        </section>
-    </article>
-
-    <!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-    <li><a href="https://twitter.com/autonomiccoop" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
-      
-    <li><a href="https://gitlab.com/autonomic-cooperative" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
-     
-  </ul>
-  <ul class="copyright">
-    <li class="icon fa-creative-commons">&nbsp;Autonomic Co-operative</li>
-  </ul>
-</footer>
-
-</div>
-
-<!-- Scripts -->
-<script src="/assets/js/jquery.min.js"></script>
-<script src="/assets/js/jquery.scrollex.min.js"></script>
-<script src="/assets/js/jquery.scrolly.min.js"></script>
-<script src="/assets/js/skel.min.js"></script>
-<script src="/assets/js/util.js"></script>
-<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
-<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
-<script src="/assets/js/main.js"></script>
-
-</body>
-
-</html>
-
-    <!-- Piwik -->
-<script type="text/javascript">
-  var _paq = _paq || [];
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    _paq.push(['setTrackerUrl',  'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
-    _paq.push(['setSiteId', 1]);
-    _paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Piwik Code -->
-
-</body>
-
-</html>
@@ -1,228 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-  <title>Autonomic Co-operative</title>
-  <meta charset="utf-8" />
-  <link rel="shortcut icon" href="/assets/images/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <!--[if lte IE 8]><script src="/assets/js/ie/html5shiv.js"></script><![endif]-->
-  <link rel="stylesheet" href="/assets/styles/main.css" />
-  <!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endif]-->
-  <!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![endif]-->
-</head>
-
-<body class="landing">
-  <div id="page-wrapper">
-  <header id="header"  class="alt" >
-    <h1><a href="/">Autonomic</a></h1>
-    <nav id="nav">
-      <ul>
-        <li class="special">
-          <a href="#menu" class="menuToggle"><span>Menu</span></a>
-          <div id="menu">
-            <ul>
-              <li><a href="/">Home</a></li>
-              <li><a href="/#core-values">Our Core Values</a></li>
-              <li><a href="/blog">Blog</a></li>
-              <li><a href="/#services">Services We Offer</a></li>
-              <li><a href="/#contact">Get In Touch</a></li>
-            </ul>
-          </div>
-        </li>
-      </ul>
-    </nav>
-  </header>
-
-  <!-- Banner -->
-<div class="particle">
-  <section id="banner">
-    <div class="inner content">
-      <h2>/Auto|nomic\</h2>
-    </div>
-  </section>
-</div>
-
-  <a class="named-anchor" name="core-values"></a>
-<section id="one" class="wrapper style5 special">
-  <div class="inner">
-    <header class="major">
-      <h2>
-          Autonomic is a co-operative<br/>that is owned and run by its workers
-      </h2>
-      <p>
-        We build technologies and infrastructure to empower users to make a positive</br>
-        impact on the world. All of our services reflect our commitment to our core values:
-      </p>
-    </header>
-    <ul class="icons major icons--flex">
-      <li>
-        <span class="icon fa-leaf major style1"></span>
-        <span class="icons__title">Sustainability</span>
-      </li>
-      <li>
-        <span class="icon fa-eye major style1"></span>
-        <span class="icons__title">Transparency</span>
-      </li>
-      <li>
-        <span class="icon fa-lock major style1"></span>
-        <span class="icons__title">Privacy</span>
-      </li>
-    </ul>
-  </div>
-</section>
-
-  <section id="two" class="wrapper alt style2">
-
-  
-
-  <section class="spotlight">
-    <div class="image"><img src="/assets/images/pic01.jpg" alt="" /></div>
-    <div class="content">
-      <h2><a href="/blog/our-founding-principles/" class="link">Our Founding Principles</a></h2>
-      <p class="h5">October 03, 2017</p>
-      <p>Autonomic Co-operative And Our Core Values</p>
-    </div>
-  </section>
-  
-
-</section>
-
-  <a class="named-anchor" name="services"></a>
-<section id="three" class="wrapper style6 special">
-  <div class="inner">
-    <header class="major">
-      <h2>Services we offer</h2>
-      <p>
-        We design integrated infrastructure tailored to your needs utilising
-        technologies from <br/> the best free and open source software projects
-        available. Your data under your control.<br/> Here are some examples of
-        the applications we have deployed for our clients.
-      </p>
-    </header>
-    <ul class="features">
-      <li class="icon fa-paper-plane-o">
-        <h3>Encrypted Email</h3>
-        <p>
-          Secure your email communications with state of the art transport
-          encryption and <a href="https://0xacab.org/riseuplabs/trees">TREES</a>
-          encrypted mailbox storage.
-        </p>
-      </li>
-      <li class="icon fa-rocket2">
-        <h3>Text and Video Chat</h3>
-        <p>
-          Mobile friendly multi-channel team chat using <a href="https://rocket.chat/">Rocket.Chat</a>,
-          with no artificial limits on features. Vital for remote project coordination.
-        </p>
-      </li>
-      <li class="icon fa-cloud-o">
-        <h3>Cloud Storage and Collaboration</h3>
-        <p>
-          <a href="https://sandstorm.io/">Sandstorm</a> is a personal "cloud
-          in a box" , designed with the upmost security in mind. It allows you to
-          deploy apps for file-storage, collaborative document editing,
-          calendars, to-do lists and much more.
-        </p>
-      </li>
-      <li class="icon fa-headphones">
-        <h3>Voice Conferencing</h3>
-        <p>
-          Stable and low latency voice communications using <a href="https://wiki.mumble.info/wiki/Main_Page">Mumble</a>.
-          Perfect for meetings, even with large groups, on mobile, or with low bandwidth.
-        </p>
-      </li>
-      <li class="icon fa-comments-o">
-        <h3>Forum and Mailing Lists</h3>
-        <p>
-          Build your online community with a modern and responsive forum with
-          <a href="https://www.discourse.org/">Discourse</a>. An accessible
-          replacement for traditional mailing lists.
-        </p>
-      </li>
-      <li class="icon fa-map-o">
-        <h3>Interactive Data and Mapping</h3>
-        <p>
-          Got some data? We can provide a variety of interactive data
-          visualisations, including mapping using <a href="https://www.openstreetmap.org">OpenStreetMap</a>,
-          and charts using <a href="https://d3js.org/">D3.js</a>. Get the most out of your
-          data by presenting it in a bespoke web app.
-        </p>
-      </li>
-      <li class="icon fa-code">
-        <h3>Bespoke Development</h3>
-        <p>
-          For some problems, there may not be a pre-existing free software solution. Let
-          us guide you through the full development cycle to deliver your bespoke solution.
-        </p>
-      </li>
-      <li class="icon fa-lock">
-        <h3>Cybersecurity Training</h3>
-        <p>
-          A grounded and principled understanding of the cybersecurity domain can ensure
-          your organisation is not liable to any unwanted security threats. We provide
-          structured training taliored to your threat model.
-        </p>
-      </li>
-    </ul>
-  </div>
-</section>
-
-  <a class="named-anchor" name="contact"></a>
-<section id="contact" class="wrapper style5 special">
-  <header class="major">
-    <h2>Get in Touch</h2>
-    <p>Contact us to discuss your project's needs and arrange a consultation.</p>
-    <p><a href="mailto:autonomic-coop@posteo.net">autonomic-coop@posteo.net</a></p>
-    <p>
-      If you use encrypted email, here is our <a href="/assets/pgp/autonomic-key.asc">PGP key</a>.
-      Our key fingerprint is: <br/><code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
-    </p>
-  </header>
-</section>
-
-  <!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-    <li><a href="https://twitter.com/autonomiccoop" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
-      
-    <li><a href="https://gitlab.com/autonomic-cooperative" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
-     
-  </ul>
-  <ul class="copyright">
-    <li class="icon fa-creative-commons">&nbsp;Autonomic Co-operative</li>
-  </ul>
-</footer>
-
-</div>
-
-<!-- Scripts -->
-<script src="/assets/js/jquery.min.js"></script>
-<script src="/assets/js/jquery.scrollex.min.js"></script>
-<script src="/assets/js/jquery.scrolly.min.js"></script>
-<script src="/assets/js/skel.min.js"></script>
-<script src="/assets/js/util.js"></script>
-<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
-<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
-<script src="/assets/js/main.js"></script>
-
-</body>
-
-</html>
-
-  <!-- Piwik -->
-<script type="text/javascript">
-  var _paq = _paq || [];
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    _paq.push(['setTrackerUrl',  'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
-    _paq.push(['setSiteId', 1]);
-    _paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Piwik Code -->
-</body>
-</html>
@@ -0,0 +1,5 @@
+---
+layout: spotlight
+title: Oops, Page Missing :|
+permalink: /404.html
+---
@@ -0,0 +1,8 @@
+<!-- Banner -->
+<div class="particle">
+  <section id="banner">
+    <div class="inner content">
+      <h2>/Auto|nomic\</h2>
+    </div>
+  </section>
+</div>
@@ -0,0 +1,14 @@
+<section id="two" class="wrapper alt style2">
+
+  {% for post in site.categories.values %}
+
+  <section class="spotlight">
+    <div class="image">{% if post.image %}<img src="{% if site.featured-image-source %}{{ post.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ post.image }}{% endif %}" alt="" />{% endif %}</div>
+    <div class="content">
+      <h2><a href="{{ post.url | relative_url }}" class="link">{{ post.title }}</a></h2>
+      <p>{{ post.description }}</p>
+    </div>
+  </section>
+  {% endfor %}
+
+</section>
@@ -0,0 +1,12 @@
+<a class="named-anchor" name="contact"></a>
+<section id="contact" class="wrapper style5 special">
+  <header class="major">
+    <h2>Get in Touch</h2>
+    <p>Contact us to discuss your project's needs and arrange a consultation.</p>
+    <p><a href="mailto:autonomic@posteo.net">autonomic@posteo.net</a></p>
+    <p>
+      If you use encrypted email, here is our <a href="{{ "/assets/pgp/autonomic-key.asc" | relative_url }}">PGP key</a>.
+      Our key fingerprint is: <br/><code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
+    </p>
+  </header>
+</section>
@@ -0,0 +1,28 @@
+<a class="named-anchor" name="core-values"></a>
+<section id="one" class="wrapper style5 special">
+  <div class="inner">
+    <header class="major">
+      <h2>
+          Autonomic is a co-operative<br/>that is owned and run by its workers
+      </h2>
+      <p>
+        We build technologies and infrastructure to empower users to make a positive</br>
+        impact on the world. All of our services reflect our commitment to our core values:
+      </p>
+    </header>
+    <ul class="icons major icons--flex">
+      <li>
+        <span class="icon fa-leaf major style1"></span>
+        <span class="icons__title">Sustainability</span>
+      </li>
+      <li>
+        <span class="icon fa-eye major style1"></span>
+        <span class="icons__title">Transparency</span>
+      </li>
+      <li>
+        <span class="icon fa-lock major style1"></span>
+        <span class="icons__title">Privacy</span>
+      </li>
+    </ul>
+  </div>
+</section>
@@ -0,0 +1,14 @@
+<!-- Piwik -->
+<script type="text/javascript">
+  var _paq = _paq || [];
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    _paq.push(['setTrackerUrl',  'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
+    _paq.push(['setSiteId', 1]);
+    _paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<!-- End Piwik Code -->
@@ -0,0 +1,33 @@
+<!-- Footer -->
+<footer id="footer">
+  <ul class="icons">
+    {% if site.twitter_url %}
+    <li><a href="{{ site.twitter_url }}" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
+    {% endif %} {% if site.500px_url %}
+    <li><a href="{{ site.500px_url }}" class="icon fa-500px" target="_blank"><span class="label">500px</span></a></li>
+    {% endif %} {% if site.gitlab_url %}
+    <li><a href="{{ site.gitlab_url }}" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
+    {% endif %} {% if site.github_url %}
+    <li><a href="{{ site.github_url }}" class="icon fa-github" target="_blank"><span class="label">GitHub</span></a></li>
+    {% endif %}
+  </ul>
+  <ul class="copyright">
+    <li class="icon fa-creative-commons">&nbsp;{{ site.title }}</li>
+  </ul>
+</footer>
+
+</div>
+
+<!-- Scripts -->
+<script src="{{ "/assets/js/jquery.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/jquery.scrollex.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/jquery.scrolly.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/skel.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/util.js" | absolute_url }}"></script>
+<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
+<!--[if lte IE 8]><script src="{{ "/assets/js/ie/respond.min.js" | absolute_url }}"></script><![endif]-->
+<script src="{{ "/assets/js/main.js" | absolute_url }}"></script>
+
+</body>
+
+</html>
@@ -0,0 +1,10 @@
+<head>
+  <title>{{ site.title }}</title>
+  <meta charset="utf-8" />
+  <link rel="shortcut icon" href="{{ "/assets/images/favicon.ico" | relative_url }}" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <!--[if lte IE 8]><script src="{{ "/assets/js/ie/html5shiv.js" | relative_url }}"></script><![endif]-->
+  <link rel="stylesheet" href="{{ "/assets/styles/main.css" | relative_url }}" />
+  <!--[if lte IE 8]><link rel="stylesheet" href="{{ "/assets/css/ie8.css" | relative_url }}" /><![endif]-->
+  <!--[if lte IE 9]><link rel="stylesheet" href="{{ "/assets/css/ie9.css" | relative_url }}" /><![endif]-->
+</head>
@@ -0,0 +1,20 @@
+<div id="page-wrapper">
+  <header id="header" {% if page.layout == 'default' %} class="alt" {% endif %}>
+    <h1><a href="{{ "/" | absolute_url }}">Autonomic</a></h1>
+    <nav id="nav">
+      <ul>
+        <li class="special">
+          <a href="#menu" class="menuToggle"><span>Menu</span></a>
+          <div id="menu">
+            <ul>
+              <li><a href="{{ "/" | relative_url }}">Home</a></li>
+              <li><a href="{{ "/#core-values" | relative_url }}">Our Core Values</a></li>
+              <li><a href="{{ "/blog" | relative_url }}">Blog</a></li>
+              <li><a href="{{ "/#services" | relative_url }}">Services We Offer</a></li>
+              <li><a href="{{ "/#contact" | relative_url }}">Get In Touch</a></li>
+            </ul>
+          </div>
+        </li>
+      </ul>
+    </nav>
+  </header>
@@ -0,0 +1,79 @@
+<a class="named-anchor" name="services"></a>
+<section id="three" class="wrapper style6 special">
+  <div class="inner">
+    <header class="major">
+      <h2>Services we offer</h2>
+      <p>
+        We design integrated infrastructure tailored to your needs utilising
+        technologies from <br/> the best free and open source software projects
+        available. Your data under your control.<br/> Here are some examples of
+        the applications we have deployed for our clients.
+      </p>
+    </header>
+    <ul class="features">
+      <li class="icon fa-paper-plane-o">
+        <h3>Encrypted Email</h3>
+        <p>
+          Secure your email communications with state of the art transport
+          encryption and <a href="https://0xacab.org/riseuplabs/trees">TREES</a>
+          encrypted mailbox storage.
+        </p>
+      </li>
+      <li class="icon fa-rocket2">
+        <h3>Text and Video Chat</h3>
+        <p>
+          Mobile friendly multi-channel team chat using <a href="https://rocket.chat/">Rocket.Chat</a>,
+          with no artificial limits on features. Vital for remote project coordination.
+        </p>
+      </li>
+      <li class="icon fa-cloud-o">
+        <h3>Cloud Storage and Collaboration</h3>
+        <p>
+          <a href="https://sandstorm.io/">Sandstorm</a> is a personal "cloud
+          in a box" , designed with the upmost security in mind. It allows you to
+          deploy apps for file-storage, collaborative document editing,
+          calendars, to-do lists and much more.
+        </p>
+      </li>
+      <li class="icon fa-headphones">
+        <h3>Voice Conferencing</h3>
+        <p>
+          Stable and low latency voice communications using <a href="https://wiki.mumble.info/wiki/Main_Page">Mumble</a>.
+          Perfect for meetings, even with large groups, on mobile, or with low bandwidth.
+        </p>
+      </li>
+      <li class="icon fa-comments-o">
+        <h3>Forum and Mailing Lists</h3>
+        <p>
+          Build your online community with a modern and responsive forum with
+          <a href="https://www.discourse.org/">Discourse</a>. An accessible
+          replacement for traditional mailing lists.
+        </p>
+      </li>
+      <li class="icon fa-map-o">
+        <h3>Interactive Data and Mapping</h3>
+        <p>
+          Got some data? We can provide a variety of interactive data
+          visualisations, including mapping using <a href="https://www.openstreetmap.org">OpenStreetMap</a>,
+          and charts using <a href="https://d3js.org/">D3.js</a>. Get the most out of your
+          data by presenting it in a bespoke web app.
+        </p>
+      </li>
+      <li class="icon fa-code">
+        <h3>Bespoke Development</h3>
+        <p>
+          For some problems, there may not be a pre-existing free software solution. Let
+          us guide you through the full development cycle to deliver your bespoke solution.
+        </p>
+      </li>
+      <li class="icon fa-lock">
+        <h3>Cybersecurity Training</h3>
+        <p>
+          A grounded and principled understanding of the cybersecurity domain can ensure
+          your organisation is not liable to any unwanted security threats. We provide
+          structured training.
+        </p>
+      </li>
+    </ul>
+  </div>
+</section>
@@ -0,0 +1,14 @@
+<!DOCTYPE HTML>
+<html>
+{% include head.html %}
+<body class="landing">
+  {% include header.html %}
+  {% include banner.html %}
+  {% include core-values.html %}
+  {% include blog.html %}
+  {% include services.html %}
+  {% include contact.html %}
+  {% include footer.html %}
+  {% include foot-scripts.html %}
+</body>
+</html>
@@ -0,0 +1,33 @@
+<!DOCTYPE HTML>
+<html>
+{% include head.html %}
+
+<body>
+    {% include header.html %}
+
+    <!-- Main -->
+    <article id="main">
+        <header>
+            {% if page.image %}
+            <div
+                class="header-image"
+                style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
+            {% endif %}
+            <h2>{{ page.title }}</h2>
+            <p>{{ page.description }}</p>
+        </header>
+        <section class="wrapper style5">
+            <div class="inner">
+
+                {{ content }}
+
+            </div>
+        </section>
+    </article>
+
+    {% include footer.html %}
+    {% include foot-scripts.html %}
+
+</body>
+
+</html>
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<!--
+  Spectral by HTML5 UP
+  html5up.net | @ajlkn
+  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+-->
+<html>
+
+{% include head.html %}
+
+<body>
+
+    {% include header.html %}
+
+    <!-- Main -->
+    <article id="main">
+        <header>
+            {% if page.image %}
+            <div
+                class="header-image"
+                style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
+            {% endif %}
+            <h2>{{ page.title }}</h2>
+            <p>{{ page.description }}</p>
+            <p><em>{{ page.date | date: '%B %d, %Y' }}</em></p>
+        </header>
+        <section class="wrapper style5">
+            <div class="inner">
+
+                {{ content }}
+
+            </div>
+        </section>
+    </article>
+
+    {% include footer.html %}
+    {% include foot-scripts.html %}
+
+</body>
+
+</html>
@@ -0,0 +1,48 @@
+<!DOCTYPE HTML>
+<html>
+{% include head.html %}
+
+<body>
+    {% include header.html %}
+
+    <div id="main">
+        <header>
+            {% if page.image %} 
+            <div 
+                class="header-image"
+                style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
+            {% endif %}
+            <h2>{{ page.title }}</h2>
+            <p>{{ page.description }}</p>
+        </header>
+    </div>
+
+    <section class="wrapper alt style2">
+        {% if page.tiles-source == 'posts' %}
+            {% assign items = site.posts %}
+        {% elsif page.tiles-source == 'pages' %}
+            {% assign items = site.pages %}
+        {% elsif page.tiles-source == 'clients' %}
+            {% assign items = site.clients %}
+        {% endif %}
+
+        {% for item in items limit:page.tiles-count %}
+            <section class="spotlight">
+                <div class="image">{% if item.image %}<img src="{% if site.featured-image-source %}{{ item.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ item.image }}{% endif %}" alt="" />{% endif %}</div>
+                <div class="content">
+                    <h2>
+                    {% if item.layout %}<a href="{{ item.url | relative_url }}" class="link">{% endif %}
+                    {{ item.title }}
+                    {% if item.layout %}</a>{% endif %}
+                    </h2>
+                    <p>{{ item.description }}</p>
+                </div>
+            </section>
+        {% endfor %}
+    </section>
+
+    {% include footer.html %}
+    {% include foot-scripts.html %}
+
+</body>
+</html>
@@ -0,0 +1,55 @@
+---
+layout: post
+title: Our Founding Principles
+description: Autonomic Co-operative And Our Core Values.
+image: pic01.jpg
+category: values
+date: 2017-10-03
+---
+
+Autonomic is a worker co-operative. That means we are owned and run by our workers and not by bosses or investors. We make our
+decisions collectively using consensus. We are committed to a set of basic principles of working on projects for social
+good. We reject destructive and unsustainable practices within the tech industry.
+
+As individuals, we have become increasingly concerned with the levels of surveillance carried by nation states and corporations.
+Everyone deserves the fundamental right to privacy and safety online as well as in the physical world. We seem to be moving ever
+closer to a total reliance upon centralised services that mine our data for profit and are run in anything but our best interest as
+users.
+
+There is another way. The philosophy of [free software](https://fsfe.org/about/basics/freesoftware.en.html) allows for development guided not by profit alone, but instead by the desires and inspiration of the developers and users. Rather than subjugating users, it aims to empower users by making software source code available for anyone to examine, modify or share. We are committed to building the software commons by making as much of our code available under free software licences as possible.
+
+As the internet becomes ubiquitous in our everyday lives, we must consider the technologies that we utilise in order to communicate. We must all have the ability to discuss and collaborate without being spied upon or our personal information sold to the highest bidder. Autonomic are committed to providing a platform for progressive projects and ideas that require accessible and modern infrastructure to thrive and grow, whilst preserving our client's privacy and protecting their data.
+
+## Privacy
+
+We seek to minimise data collection and retention wherever possible. If you don't need it, don't collect it.
+
+We will utilise and recommend encryption wherever possible, especially if it is end to end encryption and has been well tested in
+real life scenarios by non-technical users.
+
+We believe that unrestricted and uncensored access to the internet is a human right and we should all resist any attempts to censor
+the sharing of knowledge and experiences that helps build greater cooperation between peoples around the world.
+
+## Transparency
+We don't give you any crap. If something goes wrong, we'll let you know and seek to communicate with our clients and the public in
+an effective manner.
+
+We are committed to using free (as in freedom) software wherever possible and seek to contribute back to the upstream projects we rely on where practical.
+
+We engage in ethical processes to avoid working with any organisations that are racist, homophobic, transphobic, misogynist or otherwise engage in oppressive behaviour.
+
+## Sustainability
+As a worker co-operative, we aim to grow in a sustainable way. This means not taking venture capital or risky loans. We build this the
+smart way, through hard work. We are always learning and studying as we go.
+
+We are committed to learning more about about the ecological impact of technology. Whether that be the energy used by data centres
+or the components in our computing devices.
+
+We will engage with the wider co-operative movement and work together to grow our sector and begin to build a new world in the ashes
+of the old.
+
+<hr>
+
+We hope this basic statement of principles has given you an idea of where we are coming from and perhaps where we will be heading. The plan
+is to revisit these ideas as we grow and access the impact of this project. We hope you will be a part of this adventure.
+
@@ -0,0 +1,127 @@
+
+/* Banner */
+
+#banner {
+  @include vendor('display', 'flex');
+  @include vendor('flex-direction', 'column');
+  @include vendor('justify-content', 'center');
+  cursor: default;
+  height: 100vh;
+  min-height: 35em;
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+
+  h2 {
+    @include vendor('transform', 'scale(1)');
+    @include vendor('transition', ('transform 0.5s ease', 'opacity 0.5s ease'));
+    display: inline-block;
+    font-size: 1.75em;
+    opacity: 1;
+    padding: 0.35em 1em;
+    position: relative;
+    z-index: 1;
+
+    &:before, &:after {
+      @include vendor('transition', 'width 1s ease');
+      @include vendor('transition-delay', '0.25s');
+      background: _palette(fg-bold);
+      content: '';
+      display: block;
+      height: 2px;
+      position: absolute;
+      width: 100%;
+    }
+
+    &:before {
+      top: 0;
+      left: 0;
+    }
+
+    &:after {
+      bottom: 0;
+      right: 0;
+    }
+  }
+
+  h1 {
+    @include vendor('transition', 'opacity 0.5s ease');
+    @include vendor('transition-delay', '1s');
+    margin-bottom: 25px;
+    opacity: 1;
+
+    a {
+      color: inherit;
+    }
+  }
+
+  @include breakpoint(small) {
+    @include padding(7em, 3em);
+    height: auto;
+    min-height: 0;
+
+    .particles-js-canvas-el {
+      @include vendor('transition', 'opacity #{_duration(fadein)} ease-in-out');
+      @include vendor('transition-delay', '1s');
+      opacity: 1;
+
+      @include breakpoint(medium) {
+        display: none;
+      }
+    }
+
+    h2 {
+      font-size: 1.25em;
+    }
+
+    br {
+      display: none;
+    }
+  }
+}
+
+body.is-loading {
+  #banner {
+    h1 {
+      opacity: 0;
+    }
+
+    h2 {
+      @include vendor('transform', 'scale(0.95)');
+      opacity: 0;
+
+      &:before, &:after {
+        width: 0;
+      }
+    }
+
+    .particles-js-canvas-el {
+      opacity: 0;
+    }
+  }
+}
+
+.particle {
+  position: relative;
+  user-select: none;
+  background: _palette(accent3, bg);
+
+  @include breakpoint(medium) {
+    background: none;
+  }
+
+  .particles-js-canvas-el {
+    width: 100%;
+    height: 100%;
+  }
+
+  .content {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      -webkit-transform: translate(-50%, -50%);
+      transform: translate(-50%, -50%);
+      z-index: 1;
+      user-select: auto;
+    }
+}
@@ -0,0 +1,235 @@
+
+/* Basic */
+
+@-ms-viewport {
+  width: device-width;
+}
+
+body {
+  background: _palette(bg);
+
+  &.is-loading {
+    *, *:before, *:after {
+      @include vendor('animation', 'none !important');
+      @include vendor('transition', 'none !important');
+    }
+  }
+}
+
+body, input, select, textarea {
+  color: _palette(fg);
+  font-family: _font(family);
+  font-size: 15pt;
+  font-weight: _font(weight);
+  letter-spacing: _size(letter-spacing);
+  line-height: 1.65em;
+
+  @include breakpoint(xlarge) {
+    font-size: 13pt;
+  }
+
+  @include breakpoint(large) {
+    font-size: 12pt;
+  }
+
+  @include breakpoint(small) {
+    font-size: 11pt;
+    letter-spacing: _size(letter-spacing) * 0.5;
+  }
+}
+
+a {
+  @include vendor('transition', ('color #{_duration(transitions)} ease', 'border-bottom-color #{_duration(transitions)} ease'));
+  border-bottom: dotted 1px;
+  color: inherit;
+  text-decoration: none;
+
+  &:hover {
+    border-bottom-color: transparent;
+  }
+}
+
+strong, b {
+  color: _palette(fg-bold);
+  font-weight: _font(weight-bold);
+}
+
+em, i {
+  font-style: italic;
+}
+
+p {
+  margin: 0 0 _size(element-margin) 0;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6,
+h1, h2, h3, h4, h5, h6 {
+  color: _palette(fg-bold);
+  font-weight: _font(weight-extrabold);
+  letter-spacing: _size(letter-spacing-alt);
+  line-height: 1em;
+  margin: 0 0 (_size(element-margin) * 0.5) 0;
+  text-transform: uppercase;
+
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+h2,
+.h2 {
+  font-size: 1.35em;
+  line-height: 1.4;
+
+  @include breakpoint(small) {
+    font-size: 1.1em;
+  }
+}
+
+.h3,
+h3 {
+  font-size: 1.15em;
+  line-height: 1.4;
+
+  @include breakpoint(small) {
+    font-size: 1em;
+  }
+}
+
+.h4,
+h4 {
+  font-size: 1em;
+  line-height: 1.5em;
+}
+
+.h5,
+h5 {
+  font-size: 0.8em;
+  line-height: 1.5em;
+}
+
+.h6,
+h6 {
+  font-size: 0.7em;
+  line-height: 1.5em;
+}
+
+sub {
+  font-size: 0.8em;
+  position: relative;
+  top: 0.5em;
+}
+
+sup {
+  font-size: 0.8em;
+  position: relative;
+  top: -0.5em;
+}
+
+hr {
+  border: 0;
+  border-bottom: solid 2px _palette(border);
+  margin: (_size(element-margin) * 1.5) 0;
+
+  &.major {
+    margin: (_size(element-margin) * 2.25) 0;
+  }
+}
+
+blockquote {
+  border-left: solid 4px _palette(border);
+  font-style: italic;
+  margin: 0 0 _size(element-margin) 0;
+  padding: 0.5em 0 0.5em 2em;
+}
+
+code {
+  background: _palette(border-bg);
+  border-radius: 3px;
+  font-family: _font(family-fixed);
+  font-size: 0.9em;
+  letter-spacing: 0;
+  margin: 0 0.25em;
+  padding: 0.25em 0.65em;
+}
+
+pre {
+  -webkit-overflow-scrolling: touch;
+  font-family: _font(family-fixed);
+  font-size: 0.9em;
+  margin: 0 0 _size(element-margin) 0;
+
+  code {
+    display: block;
+    line-height: 1.75em;
+    padding: 1em 1.5em;
+    overflow-x: auto;
+  }
+}
+
+.align-left {
+  text-align: left;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-right {
+  text-align: right;
+}
+
+
+header {
+  p {
+    color: _palette(fg-light);
+    position: relative;
+    top: -0.25em;
+  }
+
+  h2 + p {
+  }
+
+  h3 + p {
+    font-size: 1.1em;
+  }
+
+  h4 + p,
+  h5 + p,
+  h6 + p {
+    font-size: 0.9em;
+  }
+
+  &.major {
+    margin: 0 0 (_size(element-margin) * 1.75) 0;
+
+    h2, h3, h4, h5, h6 {
+      border-bottom: solid 2px _palette(border);
+      display: inline-block;
+      padding-bottom: 1em;
+      position: relative;
+
+      &:after {
+        content: '';
+        display: block;
+        height: 1px;
+      }
+    }
+
+    p {
+      color: _palette(fg);
+      top: 0;
+    }
+
+    @include breakpoint(small) {
+      margin: 0 0 _size(element-margin) 0;
+    }
+  }
+
+  @include breakpoint(medium) {
+    br {
+      display: none;
+    }
+  }
+}
@@ -0,0 +1,71 @@
+
+/* Box */
+
+.box {
+  border-radius: 3px;
+  border: solid 2px _palette(border);
+  margin-bottom: _size(element-margin);
+  padding: 1.5em;
+
+  > :last-child,
+  > :last-child > :last-child,
+  > :last-child > :last-child > :last-child {
+    margin-bottom: 0;
+  }
+
+  &.alt {
+    border: 0;
+    border-radius: 0;
+    padding: 0;
+  }
+}
+
+/* Icon */
+
+.icon {
+  @include icon;
+  border-bottom: none;
+  position: relative;
+
+  > .label {
+    display: none;
+  }
+
+  &.major {
+    @include vendor('transform', 'rotate(-45deg)');
+    border-radius: 3px;
+    border: solid 2px _palette(border);
+    display: inline-block;
+    font-size: 1.35em;
+    height: calc(3em + 2px);
+    line-height: 3em;
+    text-align: center;
+    width: calc(3em + 2px);
+
+    &:before {
+      @include vendor('transform', 'rotate(45deg)');
+      display: inline-block;
+      font-size: 1.5em;
+    }
+
+    @include breakpoint(small) {
+      font-size: 1em;
+    }
+  }
+
+  &.style1 {
+    color: _palette(bg);
+  }
+
+  &.style2 {
+    color: _palette(accent2, bg);
+  }
+
+  &.style3 {
+    color: _palette(accent3, bg);
+  }
+  
+  &.style4 {
+    color: _palette(accent4, bg);
+  }
+}
@@ -0,0 +1,83 @@
+
+/* Button */
+
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+button,
+.button {
+  @include vendor('appearance', 'none');
+  @include vendor('transition', ('background-color #{_duration(transitions)} ease-in-out', 'color #{_duration(transitions)} ease-in-out'));
+  background-color: transparent;
+  border-radius: 3px;
+  border: 0;
+  box-shadow: inset 0 0 0 2px _palette(border);
+  color: _palette(fg-bold);
+  cursor: pointer;
+  display: inline-block;
+  font-size: 0.8em;
+  font-weight: _font(weight-bold);
+  height: 3.125em;
+  letter-spacing: _size(letter-spacing-alt);
+  line-height: 3.125em;
+  padding: 0 2.75em;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  &:hover {
+    background-color: _palette(border-bg);
+  }
+
+  &:active {
+    background-color: _palette(border2-bg);
+  }
+
+  &.icon {
+    &:before {
+      margin-right: 0.5em;
+    }
+  }
+
+  &.fit {
+    display: block;
+    margin: 0 0 (_size(element-margin) * 0.5) 0;
+    width: 100%;
+  }
+
+  &.small {
+    font-size: 0.8em;
+  }
+
+  &.big {
+    font-size: 1.35em;
+  }
+
+  &.special {
+    background-color: _palette(accent3, bg);
+    box-shadow: none !important;
+    color: _palette(accent3, fg-bold) !important;
+
+    &:hover {
+      background-color: lighten(_palette(accent3, bg), 5) !important;
+    }
+
+    &:active {
+      background-color: darken(_palette(accent3, bg), 5) !important;
+    }
+  }
+
+  &.disabled,
+  &:disabled {
+    @include vendor('pointer-events', 'none');
+    opacity: 0.25;
+  }
+
+  @include breakpoint(small) {
+    height: 3.75em;
+    line-height: 3.75em;
+  }
+}
@@ -0,0 +1,37 @@
+#contact {
+  header {
+    @include vendor('order', '1');
+
+    p {
+      color: inherit;
+    }
+  }
+
+  .actions {
+    @include vendor('order', '2');
+    width: 30%;
+  }
+
+  @include breakpoint(medium) {
+    display: block;
+    text-align: center;
+
+    header {
+      padding-right: 0;
+      width: 100%;
+    }
+
+    .actions {
+      margin-left: auto;
+      margin-right: auto;
+      max-width: 20em;
+      width: 100%;
+    }
+  }
+
+  @include breakpoint(small) {
+    .actions {
+      max-width: none;
+    }
+  }
+}
@@ -0,0 +1,75 @@
+
+/* Features */
+
+.features {
+  @include vendor('display', 'flex');
+  @include vendor('flex-wrap', 'wrap');
+  @include vendor('justify-content', 'center');
+  list-style: none;
+  padding: 0;
+  width: 100%;
+
+  li {
+    @include padding(4em, 4em, (0,0,0,2em));
+    display: block;
+    position: relative;
+    text-align: left;
+    width: 50%;
+
+    @for $i from 1 through _misc(max-features) {
+      $j: 0.035 * $i;
+
+      &:nth-child(#{$i}) {
+        background-color: rgba(0,0,0, $j);
+      }
+    }
+
+    &:before {
+      display: block;
+      color: _palette(accent1, bg);
+      position: absolute;
+      left: 1.75em;
+      top: 2.75em;
+      font-size: 1.5em;
+    }
+
+    &:nth-child(1) {
+      border-top-left-radius: 3px;
+    }
+
+    &:nth-child(2) {
+      border-top-right-radius: 3px;
+    }
+
+    &:nth-last-child(1) {
+      border-bottom-right-radius: 3px;
+    }
+
+    &:nth-last-child(2) {
+      border-bottom-left-radius: 3px;
+    }
+
+    @include breakpoint(medium) {
+      @include padding(3em, 2em);
+      text-align: center;
+
+      &:before {
+        left: 0;
+        margin: 0 0 (_size(element-margin) * 0.5) 0;
+        position: relative;
+        top: 0;
+      }
+    }
+
+    @include breakpoint(small) {
+      @include padding(3em, 0);
+      background-color: transparent !important;
+      border-top: solid 2px _palette(border);
+      width: 100%;
+
+      &:first-child {
+        border-top: 0;
+      }
+    }
+  }
+}
@@ -0,0 +1,166 @@
+
+/* Form */
+
+form {
+  margin: 0 0 _size(element-margin) 0;
+}
+
+label {
+  color: _palette(fg-bold);
+  display: block;
+  font-size: 0.9em;
+  font-weight: _font(weight-bold);
+  margin: 0 0 (_size(element-margin) * 0.5) 0;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+select,
+textarea {
+  @include vendor('appearance', 'none');
+  background: _palette(border-bg);
+  border-radius: 3px;
+  border: none;
+  color: inherit;
+  display: block;
+  outline: 0;
+  padding: 0 1em;
+  text-decoration: none;
+  width: 100%;
+
+  &:invalid {
+    box-shadow: none;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 2px _palette(accent1, bg);
+  }
+}
+
+.select-wrapper {
+  @include icon;
+  display: block;
+  position: relative;
+
+  &:before {
+    @include vendor('pointer-events', 'none');
+    color: _palette(border);
+    content: '\f078';
+    display: block;
+    height: _size(element-height);
+    line-height: _size(element-height);
+    position: absolute;
+    right: 0;
+    text-align: center;
+    top: 0;
+    width: _size(element-height);
+  }
+
+  select::-ms-expand {
+    display: none;
+  }
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+select {
+  height: _size(element-height);
+}
+
+textarea {
+  padding: 0.75em 1em;
+}
+
+input[type="checkbox"],
+input[type="radio"], {
+  @include vendor('appearance', 'none');
+  display: block;
+  float: left;
+  margin-right: -2em;
+  opacity: 0;
+  width: 1em;
+  z-index: -1;
+
+  & + label {
+    @include icon;
+    color: _palette(fg);
+    cursor: pointer;
+    display: inline-block;
+    font-size: 1em;
+    font-weight: _font(weight);
+    padding-left: (_size(element-height) * 0.6) + 0.75em;
+    padding-right: 0.75em;
+    position: relative;
+
+    &:before {
+      background: _palette(border-bg);
+      border-radius: 3px;
+      content: '';
+      display: inline-block;
+      height: (_size(element-height) * 0.6);
+      left: 0;
+      line-height: (_size(element-height) * 0.575);
+      position: absolute;
+      text-align: center;
+      top: 0;
+      width: (_size(element-height) * 0.6);
+    }
+  }
+
+  &:checked + label {
+    &:before {
+      background: _palette(bg);
+      color: _palette(fg-bold);
+      content: '\f00c';
+    }
+  }
+
+  &:focus + label {
+    &:before {
+      box-shadow: 0 0 0 2px _palette(accent1, bg);
+    }
+  }
+}
+
+input[type="checkbox"] {
+  & + label {
+    &:before {
+      border-radius: 3px;
+    }
+  }
+}
+
+input[type="radio"] {
+  & + label {
+    &:before {
+      border-radius: 100%;
+    }
+  }
+}
+
+::-webkit-input-placeholder {
+  color: _palette(fg-light) !important;
+  opacity: 1.0;
+}
+
+:-moz-placeholder {
+  color: _palette(fg-light) !important;
+  opacity: 1.0;
+}
+
+::-moz-placeholder {
+  color: _palette(fg-light) !important;
+  opacity: 1.0;
+}
+
+:-ms-input-placeholder {
+  color: _palette(fg-light) !important;
+  opacity: 1.0;
+}
+
+.formerize-placeholder {
+  color: _palette(fg-light) !important;
+  opacity: 1.0;
+}
@@ -0,0 +1,105 @@
+
+/* Header */
+
+#header {
+  @include vendor('transition', 'background-color #{_duration(transitions)} ease');
+  background: _palette(bg);
+  height: 3em;
+  left: 0;
+  line-height: 3em;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: _misc(z-index-base);
+
+  h1 {
+    @include vendor('transition', 'opacity #{_duration(transitions)} ease');
+    height: inherit;
+    left: 1.25em;
+    line-height: inherit;
+    position: absolute;
+    top: 0;
+
+    a {
+      border: 0;
+      display: block;
+      height: inherit;
+      line-height: inherit;
+
+      @include breakpoint(small) {
+        font-size: 0.8em;
+      }
+    }
+  }
+
+  nav {
+    height: inherit;
+    line-height: inherit;
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    > ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      white-space: nowrap;
+
+      > li {
+        display: inline-block;
+        padding: 0;
+
+        > a {
+          border: 0;
+          color: _palette(fg-bold);
+          display: block;
+          font-size: 0.8em;
+          letter-spacing: _size(letter-spacing-alt);
+          padding: 0 1.5em;
+          text-transform: uppercase;
+
+          &.menuToggle {
+            outline: 0;
+            position: relative;
+
+            &:after {
+              background-image: url('images/bars.svg');
+              background-position: right center;
+              background-repeat: no-repeat;
+              content: '';
+              display: inline-block;
+              height: 3.75em;
+              vertical-align: top;
+              width: 2em;
+            }
+
+            @include breakpoint(small) {
+              padding: 0 1.5em;
+
+              span {
+                display: none;
+              }
+            }
+          }
+
+          @include breakpoint(small) {
+            padding: 0 0 0 1.5em;
+          }
+        }
+
+        &:first-child {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+
+  &.alt {
+    background: transparent;
+
+    h1 {
+      @include vendor('pointer-events', 'none');
+      opacity: 0;
+    }
+  }
+}
@@ -0,0 +1,45 @@
+
+/* Image */
+
+.image {
+  border-radius: 3px;
+  border: 0;
+  display: inline-block;
+  position: relative;
+
+  img {
+    border-radius: 3px;
+    display: block;
+  }
+
+  &.left {
+    float: left;
+    margin: 0 2em 2em 0;
+    top: 0.25em;
+  }
+
+  &.right {
+    float: right;
+    margin: 0 0 2em 2em;
+    top: 0.25em;
+  }
+
+  &.left,
+  &.right {
+    max-width: 40%;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  &.fit {
+    display: block;
+    margin: 0 0 _size(element-margin) 0;
+    width: 100%;
+
+    img {
+      width: 100%;
+    }
+  }
+}
@@ -0,0 +1,219 @@
+
+/* List */
+
+ol {
+  list-style: decimal;
+  margin: 0 0 _size(element-margin) 0;
+  padding-left: 1.25em;
+
+  li {
+    padding-left: 0.25em;
+  }
+}
+
+ul {
+  list-style: disc;
+  margin: 0 0 _size(element-margin) 0;
+  padding-left: 1em;
+
+  li {
+    padding-left: 0.5em;
+  }
+
+  &.alt {
+    list-style: none;
+    padding-left: 0;
+
+    li {
+      border-top: solid 1px _palette(border);
+      padding: 0.5em 0;
+
+      &:first-child {
+        border-top: 0;
+        padding-top: 0;
+      }
+    }
+  }
+
+  &.icons {
+    cursor: default;
+    list-style: none;
+    padding-left: 0;
+
+    li {
+      display: inline-block;
+      padding: 0 1em 0 0;
+
+      &:last-child {
+        padding-right: 0;
+      }
+    }
+
+    &.major {
+      padding: 1em 0;
+
+      li {
+        padding-right: 3.5em;
+        
+        &:last-child {
+          padding-right: 0;
+        }
+
+        @include breakpoint(small) {
+          padding: 0 1em;
+        }
+      }
+    }
+
+
+    &.icons--flex {
+      display: flex;
+      justify-content: space-between;
+      max-width: 980px;
+      margin: auto;
+      padding-left: 16px;
+      
+      li {
+        flex-basis: 33.333%;
+        padding-right: 0;
+      }
+
+      @include breakpoint(small) {
+        display: block;
+        padding: 0;
+
+        li {
+          display: block;
+          margin: 40px 0;
+          padding: 0;
+        }
+      }
+      
+      .icon {
+        margin-right: 8px;
+      }
+    }
+
+    .icons__title {
+      display: block;
+      @extend .h3;
+      margin-top: 40px;
+
+      @include breakpoint(small) {
+        margin-top: 20px;
+      }
+    }
+  }
+
+  &.actions {
+    cursor: default;
+    list-style: none;
+    padding-left: 0;
+
+    li {
+      display: inline-block;
+      padding: 0 (_size(element-margin) * 0.75) 0 0;
+      vertical-align: middle;
+
+      &:last-child {
+        padding-right: 0;
+      }
+    }
+
+    &.small {
+      li {
+        padding: 0 (_size(element-margin) * 0.375) 0 0;
+      }
+    }
+
+    &.vertical {
+      li {
+        display: block;
+        padding: (_size(element-margin) * 0.75) 0 0 0;
+
+        &:first-child {
+          padding-top: 0;
+        }
+
+        > * {
+          margin-bottom: 0;
+        }
+      }
+
+      &.small {
+        li {
+          padding: (_size(element-margin) * 0.375) 0 0 0;
+
+          &:first-child {
+            padding-top: 0;
+          }
+        }
+      }
+    }
+
+    &.fit {
+      display: table;
+      margin-left: (_size(element-margin) * -0.75);
+      padding: 0;
+      table-layout: fixed;
+      width: calc(100% + #{(_size(element-margin) * 0.75)});
+
+      li {
+        display: table-cell;
+        padding: 0 0 0 (_size(element-margin) * 0.75);
+
+        > * {
+          margin-bottom: 0;
+        }
+      }
+
+      &.small {
+        margin-left: (_size(element-margin) * -0.375);
+        width: calc(100% + #{(_size(element-margin) * 0.375)});
+
+        li {
+          padding: 0 0 0 (_size(element-margin) * 0.375);
+        }
+      }
+    }
+
+    @include breakpoint(small) {
+      li {
+        display: block;
+        padding: (_size(element-margin) * 0.5) 0 0 0;
+        text-align: center;
+        width: 100%;
+
+        &:first-child {
+          padding-top: 0;
+        }
+
+        > * {
+          margin: 0 auto !important;
+          max-width: 30em;
+          width: 100%;
+
+          &.icon {
+            &:before {
+              margin-left: -1em;
+            }
+          }
+        }
+      }
+
+      &.small {
+        li {
+          padding: (_size(element-margin) * 0.25) 0 0 0;
+
+          &:first-child {
+            padding-top: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+dl {
+  margin: 0 0 _size(element-margin) 0;
+}
@@ -0,0 +1,104 @@
+
+/* Page Wrapper + Menu */
+
+#page-wrapper {
+  @include vendor('transition', 'opacity #{_duration(menu)} ease');
+  opacity: 1;
+  padding-top: 3em;
+
+  &:before {
+    background: rgba(0,0,0,0);
+    content: '';
+    display: block;
+    display: none;
+    height: 100%;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: _misc(z-index-base) + 1;
+  }
+}
+
+#menu {
+  display:none;
+  @include vendor('transform', 'translateX(20em)');
+  @include vendor('transition', 'transform #{_duration(menu)} ease');
+  -webkit-overflow-scrolling: touch;
+  background: _palette(accent1, bg);
+  color: _palette(accent1, fg-bold);
+  height: 100%;
+  max-width: 80%;
+  overflow-y: auto;
+  padding: 3em 2em;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 20em;
+  z-index: _misc(z-index-base) + 2;
+
+  ul {
+    list-style: none;
+    padding: 0;
+
+    > li {
+      border-top: solid 1px _palette(accent1, border);
+      margin: 0.5em 0 0 0;
+      padding: 0.5em 0 0 0;
+
+      &:first-child {
+        border-top: 0 !important;
+        margin-top: 0 !important;
+        padding-top: 0 !important;
+      }
+
+      > a {
+        border: 0;
+        color: inherit;
+        display: block;
+        font-size: 0.8em;
+        letter-spacing: _size(letter-spacing-alt);
+        outline: 0;
+        text-decoration: none;
+        text-transform: uppercase;
+
+        @include breakpoint(small) {
+          line-height: 3em;
+        }
+      }
+    }
+  }
+
+  .close {
+    background-image: url('images/close.svg');
+    background-position: 4.85em 1em;
+    background-repeat: no-repeat;
+    border: 0;
+    cursor: pointer;
+    display: block;
+    height: 3em;
+    position: absolute;
+    right: 0;
+    top: 0;
+    vertical-align: middle;
+    width: 7em;
+  }
+
+  @include breakpoint(small) {
+    padding: 3em 1.5em;
+  }
+}
+
+body.is-menu-visible {
+  #page-wrapper {
+    opacity: 0.35;
+
+    &:before {
+      display: block;
+    }
+  }
+
+  #menu {
+    @include vendor('transform', 'translateX(0)');
+  }
+}
@@ -0,0 +1,7 @@
+/* Section/Article */
+
+section, article {
+  &.special {
+    text-align: center;
+  }
+}
@@ -0,0 +1,72 @@
+
+/* Spotlight */
+
+.spotlight {
+  @include vendor('align-items', 'center');
+  @include vendor('display', 'flex');
+
+  .image {
+    @include vendor('order', '1');
+    border-radius: 0;
+    width: 40%;
+
+    img {
+      border-radius: 0;
+      width: 100%;
+    }
+  }
+
+  .content {
+    @include padding(2em, 4em);
+    @include vendor('order', '2');
+    max-width: 48em;
+    width: 60%;
+  }
+
+  &:nth-child(2n) {
+    @include vendor('flex-direction', 'row-reverse');
+  }
+
+  @for $i from 1 through _misc(max-spotlights) {
+    $j: 0.075 * $i;
+
+    &:nth-child(#{$i}) {
+      background-color: rgba(0,0,0, $j);
+    }
+  }
+
+  @include breakpoint(large) {
+    .image {
+      width: 45%;
+    }
+
+    .content {
+      width: 55%;
+    }
+  }
+
+  @include breakpoint(medium) {
+    display: block;
+
+    br {
+      display: none;
+    }
+
+    .image {
+      width: 100%;
+    }
+
+    .content {
+      @include padding(4em, 3em);
+      max-width: none;
+      text-align: center;
+      width: 100%;
+    }
+  }
+
+  @include breakpoint(small) {
+    .content {
+      @include padding(3em, 2em);
+    }
+  }
+}
@@ -0,0 +1,76 @@
+
+/* Table */
+
+.table-wrapper {
+  -webkit-overflow-scrolling: touch;
+  overflow-x: auto;
+}
+
+table {
+  margin: 0 0 _size(element-margin) 0;
+  width: 100%;
+
+  tbody {
+    tr {
+      border: solid 1px _palette(border);
+      border-left: 0;
+      border-right: 0;
+
+      &:nth-child(2n + 1) {
+        background-color: _palette(border-bg);
+      }
+    }
+  }
+
+  td {
+    padding: 0.75em 0.75em;
+  }
+
+  th {
+    color: _palette(fg-bold);
+    font-size: 0.9em;
+    font-weight: _font(weight-bold);
+    padding: 0 0.75em 0.75em 0.75em;
+    text-align: left;
+  }
+
+  thead {
+    border-bottom: solid 2px _palette(border);
+  }
+
+  tfoot {
+    border-top: solid 2px _palette(border);
+  }
+
+  &.alt {
+    border-collapse: separate;
+
+    tbody {
+      tr {
+        td {
+          border: solid 1px _palette(border);
+          border-left-width: 0;
+          border-top-width: 0;
+
+          &:first-child {
+            border-left-width: 1px;
+          }
+        }
+
+        &:first-child {
+          td {
+            border-top-width: 1px;
+          }
+        }
+      }
+    }
+
+    thead {
+      border-bottom: 0;
+    }
+
+    tfoot {
+      border-top: 0;
+    }
+  }
+}
@@ -0,0 +1,244 @@
+
+/* Wrapper */
+
+@mixin wrapper($p) {
+  background-color: _palette($p, bg);
+  color: _palette($p, fg);
+
+  // Basic
+
+    strong, b {
+      color: _palette($p, fg-bold);
+    }
+
+    
+    .h2, .h3, .h4, .h5, .h6,
+    h2, h3, h4, h5, h6 {
+      color: _palette($p, fg-bold);
+    }
+
+    hr {
+      border-color: _palette($p, border);
+    }
+
+    blockquote {
+      border-color: _palette($p, border);
+    }
+
+    code {
+      background: _palette($p, border-bg);
+    }
+
+  // Section/Article
+
+    header {
+      p {
+        color: _palette($p, fg-light);
+      }
+
+      &.major {
+        h2, h3, h4, h5, h6 {
+          border-color: _palette($p, border);
+        }
+
+        p {
+          color: _palette($p, fg);
+        }
+      }
+    }
+
+  // Form
+
+    label {
+      color: _palette($p, fg-bold);
+    }
+
+    input[type="text"],
+    input[type="password"],
+    input[type="email"],
+    select,
+    textarea {
+      background: _palette($p, border-bg);
+    }
+
+    .select-wrapper {
+      &:before {
+        color: _palette($p, border);
+      }
+    }
+
+    input[type="checkbox"],
+    input[type="radio"], {
+      & + label {
+        color: _palette($p, fg);
+
+        &:before {
+          background: _palette($p, border-bg);
+        }
+      }
+
+      &:checked + label {
+        &:before {
+          background: _palette($p, fg-bold);
+          color: _palette($p, bg);
+        }
+      }
+    }
+
+    ::-webkit-input-placeholder {
+      color: _palette($p, fg-light) !important;
+    }
+
+    :-moz-placeholder {
+      color: _palette($p, fg-light) !important;
+    }
+
+    ::-moz-placeholder {
+      color: _palette($p, fg-light) !important;
+    }
+
+    :-ms-input-placeholder {
+      color: _palette($p, fg-light) !important;
+    }
+
+    .formerize-placeholder {
+      color: _palette($p, fg-light) !important;
+    }
+
+  // Icon
+
+    .icon {
+      &.major {
+        border-color: _palette($p, border);
+      }
+    }
+
+  // List
+
+    ul {
+      &.alt {
+        li {
+          border-color: _palette($p, border);
+        }
+      }
+    }
+
+  // Table
+
+    table {
+      tbody {
+        tr {
+          border-color: _palette($p, border);
+
+          &:nth-child(2n + 1) {
+            background-color: _palette($p, border-bg);
+          }
+        }
+      }
+
+      th {
+        color: _palette($p, fg-bold);
+      }
+
+      thead {
+        border-color: _palette($p, border);
+      }
+
+      tfoot {
+        border-color: _palette($p, border);
+      }
+
+      &.alt {
+        tbody {
+          tr {
+            td {
+              border-color: _palette($p, border);
+            }
+          }
+        }
+      }
+    }
+
+  // Button
+
+    input[type="submit"],
+    input[type="reset"],
+    input[type="button"],
+    button,
+    .button {
+      box-shadow: inset 0 0 0 2px _palette($p, border);
+      color: _palette($p, fg-bold);
+
+      &:hover {
+        background-color: _palette($p, border-bg);
+      }
+
+      &:active {
+        background-color: _palette($p, border2-bg);
+      }
+    }
+
+  // Features
+
+    .features {
+      li {
+        @include breakpoint(small) {
+          border-top-color: _palette($p, border);
+        }
+      }
+    }
+
+}
+
+.wrapper {
+  @include padding(6em, 0);
+
+  > .inner {
+    width: 60em;
+    margin: 0 auto;
+
+    @include breakpoint(large) {
+      width: 90%;
+    }
+
+    @include breakpoint(medium) {
+      width: 100%;
+    }
+  }
+
+  &.alt {
+    padding: 0;
+  }
+
+  &.style1 {
+    @include wrapper(accent1);
+  }
+
+  &.style2 {
+    background-color: _palette(bg);
+  }
+
+  &.style3 {
+    @include wrapper(accent3);
+  }
+
+  &.style4 {
+    background-color: transparent;
+  }
+
+  &.style5 {
+    @include wrapper(accent2);
+  }
+  
+  &.style6 {
+    @include wrapper(accent4);
+  }
+
+  @include breakpoint(medium) {
+    @include padding(4em, 3em);
+  }
+
+  @include breakpoint(small) {
+    @include padding(3em, 2em);
+  }
+}
@@ -0,0 +1,117 @@
+---
+---
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+  Spectral by HTML5 UP
+  html5up.net | @ajlkn
+  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Icon */
+
+  .icon {
+    &.major {
+      border: none;
+
+      &:before {
+        font-size: 3em;
+      }
+    }
+  }
+
+/* Form */
+
+  label {
+    color: _palette(accent2, fg-bold);
+  }
+
+  input[type="text"],
+  input[type="password"],
+  input[type="email"],
+  select,
+  textarea {
+    border: solid 1px _palette(accent2, border);
+  }
+
+/* Button */
+
+  input[type="submit"],
+  input[type="reset"],
+  input[type="button"],
+  button,
+  .button {
+    border: solid 2px _palette(accent2, border);
+
+    &.special {
+      border: 0 !important;
+    }
+  }
+
+/* Page Wrapper + Menu */
+
+  #menu {
+    display: none;
+  }
+
+  body.is-menu-visible {
+    #menu {
+      display: block;
+    }
+  }
+
+/* Header */
+
+  #header {
+    nav {
+      > ul {
+        > li {
+          > a {
+            &.menuToggle {
+              &:after {
+                display: none;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+/* Banner + Wrapper (style4) */
+
+  #banner,
+  .wrapper.style4 {
+    -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+
+    &:before {
+      display: none;
+    }
+  }
+
+/* Banner */
+
+  #banner {
+    .more {
+      height: 4em;
+
+      &:after {
+        display: none;
+      }
+    }
+  }
+
+/* Main */
+
+  #main {
+    > header {
+      -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+
+      &:before {
+        display: none;
+      }
+    }
+  }
@@ -0,0 +1,136 @@
+---
+---
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+  Spectral by HTML5 UP
+  html5up.net | @ajlkn
+  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Spotlight */
+
+  .spotlight {
+    display: block;
+
+    .image {
+      display: inline-block;
+      vertical-align: top;
+    }
+
+    .content {
+      @include padding(4em, 4em);
+      display: inline-block;
+    }
+
+    &:after {
+      clear: both;
+      content: '';
+      display: block;
+    }
+  }
+
+/* Features */
+
+  .features {
+    display: block;
+
+    li {
+      float: left;
+    }
+
+    &:after {
+      content: '';
+      display: block;
+      clear: both;
+    }
+  }
+
+/* Banner + Wrapper (style4) */
+
+  #banner,
+  .wrapper.style4 {
+    background-image: url("../../assets/images/banner.jpg");
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    position: relative;
+
+    &:before {
+      background: #000000;
+      content: '';
+      height: 100%;
+      left: 0;
+      opacity: 0.5;
+      position: absolute;
+      top: 0;
+      width: 100%;
+    }
+
+    .inner {
+      position: relative;
+      z-index: 1;
+    }
+  }
+
+/* Banner */
+
+  #banner {
+    @include padding(14em, 0);
+    height: auto;
+
+    &:after {
+      display: none;
+    }
+  }
+
+/* CTA */
+
+  #cta {
+    .inner {
+      header {
+        float: left;
+      }
+
+      .actions {
+        float: left;
+      }
+
+      &:after {
+        clear: both;
+        content: '';
+        display: block;
+      }
+    }
+  }
+
+/* Main */
+
+  #main {
+    > header {
+      background-image: url("../../assets/images/banner.jpg");
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-size: cover;
+      position: relative;
+
+      &:before {
+        background: #000000;
+        content: '';
+        height: 100%;
+        left: 0;
+        opacity: 0.5;
+        position: absolute;
+        top: 0;
+        width: 100%;
+      }
+
+      > * {
+        position: relative;
+        z-index: 1;
+      }
+    }
+  }
@@ -0,0 +1,34 @@
+// Spinning Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+          animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+          animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
@@ -0,0 +1,25 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+  padding: .2em .25em .15em;
+  border: solid .08em $fa-border-color;
+  border-radius: .1em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix} {
+  &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+  &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$fa-css-prefix} {
+  &.pull-left { margin-right: .3em; }
+  &.pull-right { margin-left: .3em; }
+}
@@ -0,0 +1,12 @@
+// Base Class Definition
+// -------------------------
+
+.#{$fa-css-prefix} {
+  display: inline-block;
+  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}
@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+  width: (18em / 14);
+  text-align: center;
+}
@@ -0,0 +1,13 @@
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$fa-css-prefix}-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -15%;
+}
+.#{$fa-css-prefix}-2x { font-size: 2em; }
+.#{$fa-css-prefix}-3x { font-size: 3em; }
+.#{$fa-css-prefix}-4x { font-size: 4em; }
+.#{$fa-css-prefix}-5x { font-size: 5em; }
@@ -0,0 +1,19 @@
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+  padding-left: 0;
+  margin-left: $fa-li-width;
+  list-style-type: none;
+  > li { position: relative; }
+}
+.#{$fa-css-prefix}-li {
+  position: absolute;
+  left: -$fa-li-width;
+  width: $fa-li-width;
+  top: (2em / 14);
+  text-align: center;
+  &.#{$fa-css-prefix}-lg {
+    left: -$fa-li-width + (4em / 14);
+  }
+}
@@ -0,0 +1,60 @@
+// Mixins
+// --------------------------
+
+@mixin fa-icon() {
+  display: inline-block;
+  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}
+
+@mixin fa-icon-rotate($degrees, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
+  -webkit-transform: rotate($degrees);
+      -ms-transform: rotate($degrees);
+          transform: rotate($degrees);
+}
+
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
+  -webkit-transform: scale($horiz, $vert);
+      -ms-transform: scale($horiz, $vert);
+          transform: scale($horiz, $vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+@mixin sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}
@@ -0,0 +1,14 @@
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('#{$fa-font-path}/font-awesome.eot?v=#{$fa-version}');
+  src: url('#{$fa-font-path}/font-awesome.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+    url('#{$fa-font-path}/font-awesome.woff?v=#{$fa-version}') format('woff'),
+    url('#{$fa-font-path}/font-awesome.ttf?v=#{$fa-version}') format('truetype'),
+    url('#{$fa-font-path}/font-awesome.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+//  src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  font-weight: normal;
+  font-style: normal;
+}
@@ -0,0 +1,20 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .#{$fa-css-prefix}-rotate-90,
+:root .#{$fa-css-prefix}-rotate-180,
+:root .#{$fa-css-prefix}-rotate-270,
+:root .#{$fa-css-prefix}-flip-horizontal,
+:root .#{$fa-css-prefix}-flip-vertical {
+  filter: none;
+}
@@ -0,0 +1,5 @@
+// Screen Readers
+// -------------------------
+
+.sr-only { @include sr-only(); }
+.sr-only-focusable { @include sr-only-focusable(); }
@@ -0,0 +1,20 @@
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
+.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
@@ -0,0 +1,801 @@
+// Variables
+// --------------------------
+
+$fa-font-path:        "../fonts" !default;
+$fa-font-size-base:   14px !default;
+$fa-line-height-base: 1 !default;
+//$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix:       fa !default;
+$fa-version:          "4.7.0" !default;
+$fa-border-color:     #eee !default;
+$fa-inverse:          #fff !default;
+$fa-li-width:         (30em / 14) !default;
+
+$fa-var-cloud-o: "\e900";
+$fa-var-rocket2: "\e905";
+$fa-var-asterisk: "\f069";
+$fa-var-plus: "\f067";
+$fa-var-question: "\f128";
+$fa-var-minus: "\f068";
+$fa-var-glass: "\f000";
+$fa-var-music: "\f001";
+$fa-var-search: "\f002";
+$fa-var-envelope-o: "\f003";
+$fa-var-heart: "\f004";
+$fa-var-star: "\f005";
+$fa-var-star-o: "\f006";
+$fa-var-user: "\f007";
+$fa-var-film: "\f008";
+$fa-var-th-large: "\f009";
+$fa-var-th: "\f00a";
+$fa-var-th-list: "\f00b";
+$fa-var-check: "\f00c";
+$fa-var-close: "\f00d";
+$fa-var-remove: "\f00d";
+$fa-var-times: "\f00d";
+$fa-var-search-plus: "\f00e";
+$fa-var-search-minus: "\f010";
+$fa-var-power-off: "\f011";
+$fa-var-signal: "\f012";
+$fa-var-cog: "\f013";
+$fa-var-gear: "\f013";
+$fa-var-trash-o: "\f014";
+$fa-var-home: "\f015";
+$fa-var-file-o: "\f016";
+$fa-var-clock-o: "\f017";
+$fa-var-road: "\f018";
+$fa-var-download: "\f019";
+$fa-var-arrow-circle-o-down: "\f01a";
+$fa-var-arrow-circle-o-up: "\f01b";
+$fa-var-inbox: "\f01c";
+$fa-var-play-circle-o: "\f01d";
+$fa-var-repeat: "\f01e";
+$fa-var-rotate-right: "\f01e";
+$fa-var-refresh: "\f021";
+$fa-var-list-alt: "\f022";
+$fa-var-lock: "\f023";
+$fa-var-flag: "\f024";
+$fa-var-headphones: "\f025";
+$fa-var-volume-off: "\f026";
+$fa-var-volume-down: "\f027";
+$fa-var-volume-up: "\f028";
+$fa-var-qrcode: "\f029";
+$fa-var-barcode: "\f02a";
+$fa-var-tag: "\f02b";
+$fa-var-tags: "\f02c";
+$fa-var-book: "\f02d";
+$fa-var-bookmark: "\f02e";
+$fa-var-print: "\f02f";
+$fa-var-camera: "\f030";
+$fa-var-font: "\f031";
+$fa-var-bold: "\f032";
+$fa-var-italic: "\f033";
+$fa-var-text-height: "\f034";
+$fa-var-text-width: "\f035";
+$fa-var-align-left: "\f036";
+$fa-var-align-center: "\f037";
+$fa-var-align-right: "\f038";
+$fa-var-align-justify: "\f039";
+$fa-var-list: "\f03a";
+$fa-var-dedent: "\f03b";
+$fa-var-outdent: "\f03b";
+$fa-var-indent: "\f03c";
+$fa-var-video-camera: "\f03d";
+$fa-var-image: "\f03e";
+$fa-var-photo: "\f03e";
+$fa-var-picture-o: "\f03e";
+$fa-var-pencil: "\f040";
+$fa-var-map-marker: "\f041";
+$fa-var-adjust: "\f042";
+$fa-var-tint: "\f043";
+$fa-var-edit: "\f044";
+$fa-var-pencil-square-o: "\f044";
+$fa-var-share-square-o: "\f045";
+$fa-var-check-square-o: "\f046";
+$fa-var-arrows: "\f047";
+$fa-var-step-backward: "\f048";
+$fa-var-fast-backward: "\f049";
+$fa-var-backward: "\f04a";
+$fa-var-play: "\f04b";
+$fa-var-pause: "\f04c";
+$fa-var-stop: "\f04d";
+$fa-var-forward: "\f04e";
+$fa-var-fast-forward: "\f050";
+$fa-var-step-forward: "\f051";
+$fa-var-eject: "\f052";
+$fa-var-chevron-left: "\f053";
+$fa-var-chevron-right: "\f054";
+$fa-var-plus-circle: "\f055";
+$fa-var-minus-circle: "\f056";
+$fa-var-times-circle: "\f057";
+$fa-var-check-circle: "\f058";
+$fa-var-question-circle: "\f059";
+$fa-var-info-circle: "\f05a";
+$fa-var-crosshairs: "\f05b";
+$fa-var-times-circle-o: "\f05c";
+$fa-var-check-circle-o: "\f05d";
+$fa-var-ban: "\f05e";
+$fa-var-arrow-left: "\f060";
+$fa-var-arrow-right: "\f061";
+$fa-var-arrow-up: "\f062";
+$fa-var-arrow-down: "\f063";
+$fa-var-mail-forward: "\f064";
+$fa-var-share: "\f064";
+$fa-var-expand: "\f065";
+$fa-var-compress: "\f066";
+$fa-var-exclamation-circle: "\f06a";
+$fa-var-gift: "\f06b";
+$fa-var-leaf: "\f06c";
+$fa-var-fire: "\f06d";
+$fa-var-eye: "\f06e";
+$fa-var-eye-slash: "\f070";
+$fa-var-exclamation-triangle: "\f071";
+$fa-var-warning: "\f071";
+$fa-var-plane: "\f072";
+$fa-var-calendar: "\f073";
+$fa-var-random: "\f074";
+$fa-var-comment: "\f075";
+$fa-var-magnet: "\f076";
+$fa-var-chevron-up: "\f077";
+$fa-var-chevron-down: "\f078";
+$fa-var-retweet: "\f079";
+$fa-var-shopping-cart: "\f07a";
+$fa-var-folder: "\f07b";
+$fa-var-folder-open: "\f07c";
+$fa-var-arrows-v: "\f07d";
+$fa-var-arrows-h: "\f07e";
+$fa-var-bar-chart: "\f080";
+$fa-var-bar-chart-o: "\f080";
+$fa-var-twitter-square: "\f081";
+$fa-var-facebook-square: "\f082";
+$fa-var-camera-retro: "\f083";
+$fa-var-key: "\f084";
+$fa-var-cogs: "\f085";
+$fa-var-gears: "\f085";
+$fa-var-comments: "\f086";
+$fa-var-thumbs-o-up: "\f087";
+$fa-var-thumbs-o-down: "\f088";
+$fa-var-star-half: "\f089";
+$fa-var-heart-o: "\f08a";
+$fa-var-sign-out: "\f08b";
+$fa-var-linkedin-square: "\f08c";
+$fa-var-thumb-tack: "\f08d";
+$fa-var-external-link: "\f08e";
+$fa-var-sign-in: "\f090";
+$fa-var-trophy: "\f091";
+$fa-var-github-square: "\f092";
+$fa-var-upload: "\f093";
+$fa-var-lemon-o: "\f094";
+$fa-var-phone: "\f095";
+$fa-var-square-o: "\f096";
+$fa-var-bookmark-o: "\f097";
+$fa-var-phone-square: "\f098";
+$fa-var-twitter: "\f099";
+$fa-var-facebook: "\f09a";
+$fa-var-facebook-f: "\f09a";
+$fa-var-github: "\f09b";
+$fa-var-unlock: "\f09c";
+$fa-var-credit-card: "\f09d";
+$fa-var-feed: "\f09e";
+$fa-var-rss: "\f09e";
+$fa-var-hdd-o: "\f0a0";
+$fa-var-bullhorn: "\f0a1";
+$fa-var-bell-o: "\f0a2";
+$fa-var-certificate: "\f0a3";
+$fa-var-hand-o-right: "\f0a4";
+$fa-var-hand-o-left: "\f0a5";
+$fa-var-hand-o-up: "\f0a6";
+$fa-var-hand-o-down: "\f0a7";
+$fa-var-arrow-circle-left: "\f0a8";
+$fa-var-arrow-circle-right: "\f0a9";
+$fa-var-arrow-circle-up: "\f0aa";
+$fa-var-arrow-circle-down: "\f0ab";
+$fa-var-globe: "\f0ac";
+$fa-var-wrench: "\f0ad";
+$fa-var-tasks: "\f0ae";
+$fa-var-filter: "\f0b0";
+$fa-var-briefcase: "\f0b1";
+$fa-var-arrows-alt: "\f0b2";
+$fa-var-group: "\f0c0";
+$fa-var-users: "\f0c0";
+$fa-var-chain: "\f0c1";
+$fa-var-link: "\f0c1";
+$fa-var-cloud: "\f0c2";
+$fa-var-flask: "\f0c3";
+$fa-var-cut: "\f0c4";
+$fa-var-scissors: "\f0c4";
+$fa-var-copy: "\f0c5";
+$fa-var-files-o: "\f0c5";
+$fa-var-paperclip: "\f0c6";
+$fa-var-floppy-o: "\f0c7";
+$fa-var-save: "\f0c7";
+$fa-var-square: "\f0c8";
+$fa-var-bars: "\f0c9";
+$fa-var-navicon: "\f0c9";
+$fa-var-reorder: "\f0c9";
+$fa-var-list-ul: "\f0ca";
+$fa-var-list-ol: "\f0cb";
+$fa-var-strikethrough: "\f0cc";
+$fa-var-underline: "\f0cd";
+$fa-var-table: "\f0ce";
+$fa-var-magic: "\f0d0";
+$fa-var-truck: "\f0d1";
+$fa-var-pinterest: "\f0d2";
+$fa-var-pinterest-square: "\f0d3";
+$fa-var-google-plus-square: "\f0d4";
+$fa-var-google-plus: "\f0d5";
+$fa-var-money: "\f0d6";
+$fa-var-caret-down: "\f0d7";
+$fa-var-caret-up: "\f0d8";
+$fa-var-caret-left: "\f0d9";
+$fa-var-caret-right: "\f0da";
+$fa-var-columns: "\f0db";
+$fa-var-sort: "\f0dc";
+$fa-var-unsorted: "\f0dc";
+$fa-var-sort-desc: "\f0dd";
+$fa-var-sort-down: "\f0dd";
+$fa-var-sort-asc: "\f0de";
+$fa-var-sort-up: "\f0de";
+$fa-var-envelope: "\f0e0";
+$fa-var-linkedin: "\f0e1";
+$fa-var-rotate-left: "\f0e2";
+$fa-var-undo: "\f0e2";
+$fa-var-gavel: "\f0e3";
+$fa-var-legal: "\f0e3";
+$fa-var-dashboard: "\f0e4";
+$fa-var-tachometer: "\f0e4";
+$fa-var-comment-o: "\f0e5";
+$fa-var-comments-o: "\f0e6";
+$fa-var-bolt: "\f0e7";
+$fa-var-flash: "\f0e7";
+$fa-var-sitemap: "\f0e8";
+$fa-var-umbrella: "\f0e9";
+$fa-var-clipboard: "\f0ea";
+$fa-var-paste: "\f0ea";
+$fa-var-lightbulb-o: "\f0eb";
+$fa-var-exchange: "\f0ec";
+$fa-var-cloud-download: "\f0ed";
+$fa-var-cloud-upload: "\f0ee";
+$fa-var-user-md: "\f0f0";
+$fa-var-stethoscope: "\f0f1";
+$fa-var-suitcase: "\f0f2";
+$fa-var-bell: "\f0f3";
+$fa-var-coffee: "\f0f4";
+$fa-var-cutlery: "\f0f5";
+$fa-var-file-text-o: "\f0f6";
+$fa-var-building-o: "\f0f7";
+$fa-var-hospital-o: "\f0f8";
+$fa-var-ambulance: "\f0f9";
+$fa-var-medkit: "\f0fa";
+$fa-var-fighter-jet: "\f0fb";
+$fa-var-beer: "\f0fc";
+$fa-var-h-square: "\f0fd";
+$fa-var-plus-square: "\f0fe";
+$fa-var-angle-double-left: "\f100";
+$fa-var-angle-double-right: "\f101";
+$fa-var-angle-double-up: "\f102";
+$fa-var-angle-double-down: "\f103";
+$fa-var-angle-left: "\f104";
+$fa-var-angle-right: "\f105";
+$fa-var-angle-up: "\f106";
+$fa-var-angle-down: "\f107";
+$fa-var-desktop: "\f108";
+$fa-var-laptop: "\f109";
+$fa-var-tablet: "\f10a";
+$fa-var-mobile: "\f10b";
+$fa-var-mobile-phone: "\f10b";
+$fa-var-circle-o: "\f10c";
+$fa-var-quote-left: "\f10d";
+$fa-var-quote-right: "\f10e";
+$fa-var-spinner: "\f110";
+$fa-var-circle: "\f111";
+$fa-var-mail-reply: "\f112";
+$fa-var-reply: "\f112";
+$fa-var-github-alt: "\f113";
+$fa-var-folder-o: "\f114";
+$fa-var-folder-open-o: "\f115";
+$fa-var-smile-o: "\f118";
+$fa-var-frown-o: "\f119";
+$fa-var-meh-o: "\f11a";
+$fa-var-gamepad: "\f11b";
+$fa-var-keyboard-o: "\f11c";
+$fa-var-flag-o: "\f11d";
+$fa-var-flag-checkered: "\f11e";
+$fa-var-terminal: "\f120";
+$fa-var-code: "\f121";
+$fa-var-mail-reply-all: "\f122";
+$fa-var-reply-all: "\f122";
+$fa-var-star-half-empty: "\f123";
+$fa-var-star-half-full: "\f123";
+$fa-var-star-half-o: "\f123";
+$fa-var-location-arrow: "\f124";
+$fa-var-crop: "\f125";
+$fa-var-code-fork: "\f126";
+$fa-var-chain-broken: "\f127";
+$fa-var-unlink: "\f127";
+$fa-var-info: "\f129";
+$fa-var-exclamation: "\f12a";
+$fa-var-superscript: "\f12b";
+$fa-var-subscript: "\f12c";
+$fa-var-eraser: "\f12d";
+$fa-var-puzzle-piece: "\f12e";
+$fa-var-microphone: "\f130";
+$fa-var-microphone-slash: "\f131";
+$fa-var-shield: "\f132";
+$fa-var-calendar-o: "\f133";
+$fa-var-fire-extinguisher: "\f134";
+$fa-var-rocket: "\f135";
+$fa-var-maxcdn: "\f136";
+$fa-var-chevron-circle-left: "\f137";
+$fa-var-chevron-circle-right: "\f138";
+$fa-var-chevron-circle-up: "\f139";
+$fa-var-chevron-circle-down: "\f13a";
+$fa-var-html5: "\f13b";
+$fa-var-css3: "\f13c";
+$fa-var-anchor: "\f13d";
+$fa-var-unlock-alt: "\f13e";
+$fa-var-bullseye: "\f140";
+$fa-var-ellipsis-h: "\f141";
+$fa-var-ellipsis-v: "\f142";
+$fa-var-rss-square: "\f143";
+$fa-var-play-circle: "\f144";
+$fa-var-ticket: "\f145";
+$fa-var-minus-square: "\f146";
+$fa-var-minus-square-o: "\f147";
+$fa-var-level-up: "\f148";
+$fa-var-level-down: "\f149";
+$fa-var-check-square: "\f14a";
+$fa-var-pencil-square: "\f14b";
+$fa-var-external-link-square: "\f14c";
+$fa-var-share-square: "\f14d";
+$fa-var-compass: "\f14e";
+$fa-var-caret-square-o-down: "\f150";
+$fa-var-toggle-down: "\f150";
+$fa-var-caret-square-o-up: "\f151";
+$fa-var-toggle-up: "\f151";
+$fa-var-caret-square-o-right: "\f152";
+$fa-var-toggle-right: "\f152";
+$fa-var-eur: "\f153";
+$fa-var-euro: "\f153";
+$fa-var-gbp: "\f154";
+$fa-var-dollar: "\f155";
+$fa-var-usd: "\f155";
+$fa-var-inr: "\f156";
+$fa-var-rupee: "\f156";
+$fa-var-cny: "\f157";
+$fa-var-jpy: "\f157";
+$fa-var-rmb: "\f157";
+$fa-var-yen: "\f157";
+$fa-var-rouble: "\f158";
+$fa-var-rub: "\f158";
+$fa-var-ruble: "\f158";
+$fa-var-krw: "\f159";
+$fa-var-won: "\f159";
+$fa-var-bitcoin: "\f15a";
+$fa-var-btc: "\f15a";
+$fa-var-file: "\f15b";
+$fa-var-file-text: "\f15c";
+$fa-var-sort-alpha-asc: "\f15d";
+$fa-var-sort-alpha-desc: "\f15e";
+$fa-var-sort-amount-asc: "\f160";
+$fa-var-sort-amount-desc: "\f161";
+$fa-var-sort-numeric-asc: "\f162";
+$fa-var-sort-numeric-desc: "\f163";
+$fa-var-thumbs-up: "\f164";
+$fa-var-thumbs-down: "\f165";
+$fa-var-youtube-square: "\f166";
+$fa-var-youtube: "\f167";
+$fa-var-xing: "\f168";
+$fa-var-xing-square: "\f169";
+$fa-var-youtube-play: "\f16a";
+$fa-var-dropbox: "\f16b";
+$fa-var-stack-overflow: "\f16c";
+$fa-var-instagram: "\f16d";
+$fa-var-flickr: "\f16e";
+$fa-var-adn: "\f170";
+$fa-var-bitbucket: "\f171";
+$fa-var-bitbucket-square: "\f172";
+$fa-var-tumblr: "\f173";
+$fa-var-tumblr-square: "\f174";
+$fa-var-long-arrow-down: "\f175";
+$fa-var-long-arrow-up: "\f176";
+$fa-var-long-arrow-left: "\f177";
+$fa-var-long-arrow-right: "\f178";
+$fa-var-apple: "\f179";
+$fa-var-windows: "\f17a";
+$fa-var-android: "\f17b";
+$fa-var-linux: "\f17c";
+$fa-var-dribbble: "\f17d";
+$fa-var-skype: "\f17e";
+$fa-var-foursquare: "\f180";
+$fa-var-trello: "\f181";
+$fa-var-female: "\f182";
+$fa-var-male: "\f183";
+$fa-var-gittip: "\f184";
+$fa-var-gratipay: "\f184";
+$fa-var-sun-o: "\f185";
+$fa-var-moon-o: "\f186";
+$fa-var-archive: "\f187";
+$fa-var-bug: "\f188";
+$fa-var-vk: "\f189";
+$fa-var-weibo: "\f18a";
+$fa-var-renren: "\f18b";
+$fa-var-pagelines: "\f18c";
+$fa-var-stack-exchange: "\f18d";
+$fa-var-arrow-circle-o-right: "\f18e";
+$fa-var-arrow-circle-o-left: "\f190";
+$fa-var-caret-square-o-left: "\f191";
+$fa-var-toggle-left: "\f191";
+$fa-var-dot-circle-o: "\f192";
+$fa-var-wheelchair: "\f193";
+$fa-var-vimeo-square: "\f194";
+$fa-var-try: "\f195";
+$fa-var-turkish-lira: "\f195";
+$fa-var-plus-square-o: "\f196";
+$fa-var-space-shuttle: "\f197";
+$fa-var-slack: "\f198";
+$fa-var-envelope-square: "\f199";
+$fa-var-wordpress: "\f19a";
+$fa-var-openid: "\f19b";
+$fa-var-bank: "\f19c";
+$fa-var-institution: "\f19c";
+$fa-var-university: "\f19c";
+$fa-var-graduation-cap: "\f19d";
+$fa-var-mortar-board: "\f19d";
+$fa-var-yahoo: "\f19e";
+$fa-var-google: "\f1a0";
+$fa-var-reddit: "\f1a1";
+$fa-var-reddit-square: "\f1a2";
+$fa-var-stumbleupon-circle: "\f1a3";
+$fa-var-stumbleupon: "\f1a4";
+$fa-var-delicious: "\f1a5";
+$fa-var-digg: "\f1a6";
+$fa-var-pied-piper-pp: "\f1a7";
+$fa-var-pied-piper-alt: "\f1a8";
+$fa-var-drupal: "\f1a9";
+$fa-var-joomla: "\f1aa";
+$fa-var-language: "\f1ab";
+$fa-var-fax: "\f1ac";
+$fa-var-building: "\f1ad";
+$fa-var-child: "\f1ae";
+$fa-var-paw: "\f1b0";
+$fa-var-spoon: "\f1b1";
+$fa-var-cube: "\f1b2";
+$fa-var-cubes: "\f1b3";
+$fa-var-behance: "\f1b4";
+$fa-var-behance-square: "\f1b5";
+$fa-var-steam: "\f1b6";
+$fa-var-steam-square: "\f1b7";
+$fa-var-recycle: "\f1b8";
+$fa-var-automobile: "\f1b9";
+$fa-var-car: "\f1b9";
+$fa-var-cab: "\f1ba";
+$fa-var-taxi: "\f1ba";
+$fa-var-tree: "\f1bb";
+$fa-var-spotify: "\f1bc";
+$fa-var-deviantart: "\f1bd";
+$fa-var-soundcloud: "\f1be";
+$fa-var-database: "\f1c0";
+$fa-var-file-pdf-o: "\f1c1";
+$fa-var-file-word-o: "\f1c2";
+$fa-var-file-excel-o: "\f1c3";
+$fa-var-file-powerpoint-o: "\f1c4";
+$fa-var-file-image-o: "\f1c5";
+$fa-var-file-photo-o: "\f1c5";
+$fa-var-file-picture-o: "\f1c5";
+$fa-var-file-archive-o: "\f1c6";
+$fa-var-file-zip-o: "\f1c6";
+$fa-var-file-audio-o: "\f1c7";
+$fa-var-file-sound-o: "\f1c7";
+$fa-var-file-movie-o: "\f1c8";
+$fa-var-file-video-o: "\f1c8";
+$fa-var-file-code-o: "\f1c9";
+$fa-var-vine: "\f1ca";
+$fa-var-codepen: "\f1cb";
+$fa-var-jsfiddle: "\f1cc";
+$fa-var-life-bouy: "\f1cd";
+$fa-var-life-buoy: "\f1cd";
+$fa-var-life-ring: "\f1cd";
+$fa-var-life-saver: "\f1cd";
+$fa-var-support: "\f1cd";
+$fa-var-circle-o-notch: "\f1ce";
+$fa-var-ra: "\f1d0";
+$fa-var-rebel: "\f1d0";
+$fa-var-resistance: "\f1d0";
+$fa-var-empire: "\f1d1";
+$fa-var-ge: "\f1d1";
+$fa-var-git-square: "\f1d2";
+$fa-var-git: "\f1d3";
+$fa-var-hacker-news: "\f1d4";
+$fa-var-y-combinator-square: "\f1d4";
+$fa-var-yc-square: "\f1d4";
+$fa-var-tencent-weibo: "\f1d5";
+$fa-var-qq: "\f1d6";
+$fa-var-wechat: "\f1d7";
+$fa-var-weixin: "\f1d7";
+$fa-var-paper-plane: "\f1d8";
+$fa-var-send: "\f1d8";
+$fa-var-paper-plane-o: "\f1d9";
+$fa-var-send-o: "\f1d9";
+$fa-var-history: "\f1da";
+$fa-var-circle-thin: "\f1db";
+$fa-var-header: "\f1dc";
+$fa-var-paragraph: "\f1dd";
+$fa-var-sliders: "\f1de";
+$fa-var-share-alt: "\f1e0";
+$fa-var-share-alt-square: "\f1e1";
+$fa-var-bomb: "\f1e2";
+$fa-var-futbol-o: "\f1e3";
+$fa-var-soccer-ball-o: "\f1e3";
+$fa-var-tty: "\f1e4";
+$fa-var-binoculars: "\f1e5";
+$fa-var-plug: "\f1e6";
+$fa-var-slideshare: "\f1e7";
+$fa-var-twitch: "\f1e8";
+$fa-var-yelp: "\f1e9";
+$fa-var-newspaper-o: "\f1ea";
+$fa-var-wifi: "\f1eb";
+$fa-var-calculator: "\f1ec";
+$fa-var-paypal: "\f1ed";
+$fa-var-google-wallet: "\f1ee";
+$fa-var-cc-visa: "\f1f0";
+$fa-var-cc-mastercard: "\f1f1";
+$fa-var-cc-discover: "\f1f2";
+$fa-var-cc-amex: "\f1f3";
+$fa-var-cc-paypal: "\f1f4";
+$fa-var-cc-stripe: "\f1f5";
+$fa-var-bell-slash: "\f1f6";
+$fa-var-bell-slash-o: "\f1f7";
+$fa-var-trash: "\f1f8";
+$fa-var-copyright: "\f1f9";
+$fa-var-at: "\f1fa";
+$fa-var-eyedropper: "\f1fb";
+$fa-var-paint-brush: "\f1fc";
+$fa-var-birthday-cake: "\f1fd";
+$fa-var-area-chart: "\f1fe";
+$fa-var-pie-chart: "\f200";
+$fa-var-line-chart: "\f201";
+$fa-var-lastfm: "\f202";
+$fa-var-lastfm-square: "\f203";
+$fa-var-toggle-off: "\f204";
+$fa-var-toggle-on: "\f205";
+$fa-var-bicycle: "\f206";
+$fa-var-bus: "\f207";
+$fa-var-ioxhost: "\f208";
+$fa-var-angellist: "\f209";
+$fa-var-cc: "\f20a";
+$fa-var-ils: "\f20b";
+$fa-var-shekel: "\f20b";
+$fa-var-sheqel: "\f20b";
+$fa-var-meanpath: "\f20c";
+$fa-var-buysellads: "\f20d";
+$fa-var-connectdevelop: "\f20e";
+$fa-var-dashcube: "\f210";
+$fa-var-forumbee: "\f211";
+$fa-var-leanpub: "\f212";
+$fa-var-sellsy: "\f213";
+$fa-var-shirtsinbulk: "\f214";
+$fa-var-simplybuilt: "\f215";
+$fa-var-skyatlas: "\f216";
+$fa-var-cart-plus: "\f217";
+$fa-var-cart-arrow-down: "\f218";
+$fa-var-diamond: "\f219";
+$fa-var-ship: "\f21a";
+$fa-var-user-secret: "\f21b";
+$fa-var-motorcycle: "\f21c";
+$fa-var-street-view: "\f21d";
+$fa-var-heartbeat: "\f21e";
+$fa-var-venus: "\f221";
+$fa-var-mars: "\f222";
+$fa-var-mercury: "\f223";
+$fa-var-intersex: "\f224";
+$fa-var-transgender: "\f224";
+$fa-var-transgender-alt: "\f225";
+$fa-var-venus-double: "\f226";
+$fa-var-mars-double: "\f227";
+$fa-var-venus-mars: "\f228";
+$fa-var-mars-stroke: "\f229";
+$fa-var-mars-stroke-v: "\f22a";
+$fa-var-mars-stroke-h: "\f22b";
+$fa-var-neuter: "\f22c";
+$fa-var-genderless: "\f22d";
+$fa-var-facebook-official: "\f230";
+$fa-var-pinterest-p: "\f231";
+$fa-var-whatsapp: "\f232";
+$fa-var-server: "\f233";
+$fa-var-user-plus: "\f234";
+$fa-var-user-times: "\f235";
+$fa-var-bed: "\f236";
+$fa-var-hotel: "\f236";
+$fa-var-viacoin: "\f237";
+$fa-var-train: "\f238";
+$fa-var-subway: "\f239";
+$fa-var-medium: "\f23a";
+$fa-var-y-combinator: "\f23b";
+$fa-var-yc: "\f23b";
+$fa-var-optin-monster: "\f23c";
+$fa-var-opencart: "\f23d";
+$fa-var-expeditedssl: "\f23e";
+$fa-var-battery: "\f240";
+$fa-var-battery-4: "\f240";
+$fa-var-battery-full: "\f240";
+$fa-var-battery-3: "\f241";
+$fa-var-battery-three-quarters: "\f241";
+$fa-var-battery-2: "\f242";
+$fa-var-battery-half: "\f242";
+$fa-var-battery-1: "\f243";
+$fa-var-battery-quarter: "\f243";
+$fa-var-battery-0: "\f244";
+$fa-var-battery-empty: "\f244";
+$fa-var-mouse-pointer: "\f245";
+$fa-var-i-cursor: "\f246";
+$fa-var-object-group: "\f247";
+$fa-var-object-ungroup: "\f248";
+$fa-var-sticky-note: "\f249";
+$fa-var-sticky-note-o: "\f24a";
+$fa-var-cc-jcb: "\f24b";
+$fa-var-cc-diners-club: "\f24c";
+$fa-var-clone: "\f24d";
+$fa-var-balance-scale: "\f24e";
+$fa-var-hourglass-o: "\f250";
+$fa-var-hourglass-1: "\f251";
+$fa-var-hourglass-start: "\f251";
+$fa-var-hourglass-2: "\f252";
+$fa-var-hourglass-half: "\f252";
+$fa-var-hourglass-3: "\f253";
+$fa-var-hourglass-end: "\f253";
+$fa-var-hourglass: "\f254";
+$fa-var-hand-grab-o: "\f255";
+$fa-var-hand-rock-o: "\f255";
+$fa-var-hand-paper-o: "\f256";
+$fa-var-hand-stop-o: "\f256";
+$fa-var-hand-scissors-o: "\f257";
+$fa-var-hand-lizard-o: "\f258";
+$fa-var-hand-spock-o: "\f259";
+$fa-var-hand-pointer-o: "\f25a";
+$fa-var-hand-peace-o: "\f25b";
+$fa-var-trademark: "\f25c";
+$fa-var-registered: "\f25d";
+$fa-var-creative-commons: "\f25e";
+$fa-var-gg: "\f260";
+$fa-var-gg-circle: "\f261";
+$fa-var-tripadvisor: "\f262";
+$fa-var-odnoklassniki: "\f263";
+$fa-var-odnoklassniki-square: "\f264";
+$fa-var-get-pocket: "\f265";
+$fa-var-wikipedia-w: "\f266";
+$fa-var-safari: "\f267";
+$fa-var-chrome: "\f268";
+$fa-var-firefox: "\f269";
+$fa-var-opera: "\f26a";
+$fa-var-internet-explorer: "\f26b";
+$fa-var-television: "\f26c";
+$fa-var-tv: "\f26c";
+$fa-var-contao: "\f26d";
+$fa-var-500px: "\f26e";
+$fa-var-amazon: "\f270";
+$fa-var-calendar-plus-o: "\f271";
+$fa-var-calendar-minus-o: "\f272";
+$fa-var-calendar-times-o: "\f273";
+$fa-var-calendar-check-o: "\f274";
+$fa-var-industry: "\f275";
+$fa-var-map-pin: "\f276";
+$fa-var-map-signs: "\f277";
+$fa-var-map-o: "\f278";
+$fa-var-map: "\f279";
+$fa-var-commenting: "\f27a";
+$fa-var-commenting-o: "\f27b";
+$fa-var-houzz: "\f27c";
+$fa-var-vimeo: "\f27d";
+$fa-var-black-tie: "\f27e";
+$fa-var-fonticons: "\f280";
+$fa-var-reddit-alien: "\f281";
+$fa-var-edge: "\f282";
+$fa-var-credit-card-alt: "\f283";
+$fa-var-codiepie: "\f284";
+$fa-var-modx: "\f285";
+$fa-var-fort-awesome: "\f286";
+$fa-var-usb: "\f287";
+$fa-var-product-hunt: "\f288";
+$fa-var-mixcloud: "\f289";
+$fa-var-scribd: "\f28a";
+$fa-var-pause-circle: "\f28b";
+$fa-var-pause-circle-o: "\f28c";
+$fa-var-stop-circle: "\f28d";
+$fa-var-stop-circle-o: "\f28e";
+$fa-var-shopping-bag: "\f290";
+$fa-var-shopping-basket: "\f291";
+$fa-var-hashtag: "\f292";
+$fa-var-bluetooth: "\f293";
+$fa-var-bluetooth-b: "\f294";
+$fa-var-percent: "\f295";
+$fa-var-gitlab: "\f296";
+$fa-var-wpbeginner: "\f297";
+$fa-var-wpforms: "\f298";
+$fa-var-envira: "\f299";
+$fa-var-universal-access: "\f29a";
+$fa-var-wheelchair-alt: "\f29b";
+$fa-var-question-circle-o: "\f29c";
+$fa-var-blind: "\f29d";
+$fa-var-audio-description: "\f29e";
+$fa-var-volume-control-phone: "\f2a0";
+$fa-var-braille: "\f2a1";
+$fa-var-assistive-listening-systems: "\f2a2";
+$fa-var-american-sign-language-interpreting: "\f2a3";
+$fa-var-asl-interpreting: "\f2a3";
+$fa-var-deaf: "\f2a4";
+$fa-var-deafness: "\f2a4";
+$fa-var-hard-of-hearing: "\f2a4";
+$fa-var-glide: "\f2a5";
+$fa-var-glide-g: "\f2a6";
+$fa-var-sign-language: "\f2a7";
+$fa-var-signing: "\f2a7";
+$fa-var-low-vision: "\f2a8";
+$fa-var-viadeo: "\f2a9";
+$fa-var-viadeo-square: "\f2aa";
+$fa-var-snapchat: "\f2ab";
+$fa-var-snapchat-ghost: "\f2ac";
+$fa-var-snapchat-square: "\f2ad";
+$fa-var-pied-piper: "\f2ae";
+$fa-var-first-order: "\f2b0";
+$fa-var-yoast: "\f2b1";
+$fa-var-themeisle: "\f2b2";
+$fa-var-google-plus-circle: "\f2b3";
+$fa-var-google-plus-official: "\f2b3";
+$fa-var-fa: "\f2b4";
+$fa-var-font-awesome: "\f2b4";
+$fa-var-handshake-o: "\f2b5";
+$fa-var-envelope-open: "\f2b6";
+$fa-var-envelope-open-o: "\f2b7";
+$fa-var-linode: "\f2b8";
+$fa-var-address-book: "\f2b9";
+$fa-var-address-book-o: "\f2ba";
+$fa-var-address-card: "\f2bb";
+$fa-var-vcard: "\f2bb";
+$fa-var-address-card-o: "\f2bc";
+$fa-var-vcard-o: "\f2bc";
+$fa-var-user-circle: "\f2bd";
+$fa-var-user-circle-o: "\f2be";
+$fa-var-user-o: "\f2c0";
+$fa-var-id-badge: "\f2c1";
+$fa-var-drivers-license: "\f2c2";
+$fa-var-id-card: "\f2c2";
+$fa-var-drivers-license-o: "\f2c3";
+$fa-var-id-card-o: "\f2c3";
+$fa-var-quora: "\f2c4";
+$fa-var-free-code-camp: "\f2c5";
+$fa-var-telegram: "\f2c6";
+$fa-var-thermometer: "\f2c7";
+$fa-var-thermometer-4: "\f2c7";
+$fa-var-thermometer-full: "\f2c7";
+$fa-var-thermometer-3: "\f2c8";
+$fa-var-thermometer-three-quarters: "\f2c8";
+$fa-var-thermometer-2: "\f2c9";
+$fa-var-thermometer-half: "\f2c9";
+$fa-var-thermometer-1: "\f2ca";
+$fa-var-thermometer-quarter: "\f2ca";
+$fa-var-thermometer-0: "\f2cb";
+$fa-var-thermometer-empty: "\f2cb";
+$fa-var-shower: "\f2cc";
+$fa-var-bath: "\f2cd";
+$fa-var-bathtub: "\f2cd";
+$fa-var-s15: "\f2cd";
+$fa-var-podcast: "\f2ce";
+$fa-var-window-maximize: "\f2d0";
+$fa-var-window-minimize: "\f2d1";
+$fa-var-window-restore: "\f2d2";
+$fa-var-times-rectangle: "\f2d3";
+$fa-var-window-close: "\f2d3";
+$fa-var-times-rectangle-o: "\f2d4";
+$fa-var-window-close-o: "\f2d4";
+$fa-var-bandcamp: "\f2d5";
+$fa-var-grav: "\f2d6";
+$fa-var-etsy: "\f2d7";
+$fa-var-imdb: "\f2d8";
+$fa-var-ravelry: "\f2d9";
+$fa-var-eercast: "\f2da";
+$fa-var-microchip: "\f2db";
+$fa-var-snowflake-o: "\f2dc";
+$fa-var-superpowers: "\f2dd";
+$fa-var-wpexplorer: "\f2de";
+$fa-var-meetup: "\f2e0";
@@ -0,0 +1,18 @@
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "animated";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
+@import "screen-reader";
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+  @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+  @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+  @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+  @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+  @return val($size, $keys...);
+}
@@ -0,0 +1,43 @@
+$fontdir: "../fonts" !default;
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('#{$fontdir}/OpenSans-Italic.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 600;
+  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(#{$fontdir}/OpenSans-SemiBoldItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 800;
+  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(#{$fontdir}/OpenSans-ExtraBoldItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(#{$fontdir}/OpenSans-Regular.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(#{$fontdir}/OpenSans-SemiBold.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(#{$fontdir}/OpenSans-ExtraBold.ttf) format('truetype');
+}
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+  text-decoration: none;
+
+  &:#{$where} {
+
+    @if $content {
+      content: $content;
+    }
+
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-transform: none !important;
+
+  }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+  @if $important {
+    $important: '!important';
+  }
+
+  padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+  $svg: str-replace($svg, '"', '\'');
+  $svg: str-replace($svg, '<', '%3C');
+  $svg: str-replace($svg, '>', '%3E');
+  $svg: str-replace($svg, '&', '%26');
+  $svg: str-replace($svg, '#', '%23');
+  $svg: str-replace($svg, '{', '%7B');
+  $svg: str-replace($svg, '}', '%7D');
+  $svg: str-replace($svg, ';', '%3B');
+
+  @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+  /// Breakpoints.
+  /// @var {list}
+  $breakpoints: () !global;
+
+  /// Vendor prefixes.
+  /// @var {list}
+  $vendor-prefixes: (
+    '-moz-',
+    '-webkit-',
+    '-ms-',
+    ''
+  );
+
+  /// Properties that should be vendorized.
+  /// @var {list}
+  $vendor-properties: (
+    'align-content',
+    'align-items',
+    'align-self',
+    'animation',
+    'animation-delay',
+    'animation-direction',
+    'animation-duration',
+    'animation-fill-mode',
+    'animation-iteration-count',
+    'animation-name',
+    'animation-play-state',
+    'animation-timing-function',
+    'appearance',
+    'backface-visibility',
+    'box-sizing',
+    'filter',
+    'flex',
+    'flex-basis',
+    'flex-direction',
+    'flex-flow',
+    'flex-grow',
+    'flex-shrink',
+    'flex-wrap',
+    'justify-content',
+    'order',
+    'perspective',
+    'pointer-events',
+    'transform',
+    'transform-origin',
+    'transform-style',
+    'transition',
+    'transition-delay',
+    'transition-duration',
+    'transition-property',
+    'transition-timing-function',
+    'user-select'
+  );
+
+  /// Values that should be vendorized.
+  /// @var {list}
+  $vendor-values: (
+    'filter',
+    'flex',
+    'linear-gradient',
+    'radial-gradient',
+    'transform'
+  );
+
+// Functions.
+
+  /// Removes a specific item from a list.
+  /// @author Hugo Giraudel
+  /// @param {list} $list List.
+  /// @param {integer} $index Index.
+  /// @return {list} Updated list.
+  @function remove-nth($list, $index) {
+
+    $result: null;
+
+    @if type-of($index) != number {
+      @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+    }
+    @else if $index == 0 {
+      @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+    }
+    @else if abs($index) > length($list) {
+      @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+    }
+    @else {
+
+      $result: ();
+      $index: if($index < 0, length($list) + $index + 1, $index);
+
+      @for $i from 1 through length($list) {
+
+        @if $i != $index {
+          $result: append($result, nth($list, $i));
+        }
+
+      }
+
+    }
+
+    @return $result;
+
+  }
+
+  /// Replaces a substring within another string.
+  /// @author Hugo Giraudel
+  /// @param {string} $string String.
+  /// @param {string} $search Substring.
+  /// @param {string} $replace Replacement.
+  /// @return {string} Updated string.
+  @function str-replace($string, $search, $replace: '') {
+
+    $index: str-index($string, $search);
+
+    @if $index {
+      @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    }
+
+    @return $string;
+
+  }
+
+  /// Replaces a substring within each string in a list.
+  /// @param {list} $strings List of strings.
+  /// @param {string} $search Substring.
+  /// @param {string} $replace Replacement.
+  /// @return {list} Updated list of strings.
+  @function str-replace-all($strings, $search, $replace: '') {
+
+    @each $string in $strings {
+      $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+    }
+
+    @return $strings;
+
+  }
+
+  /// Gets a value from a map.
+  /// @author Hugo Giraudel
+  /// @param {map} $map Map.
+  /// @param {string} $keys Key(s).
+  /// @return {string} Value.
+  @function val($map, $keys...) {
+
+    @if nth($keys, 1) == null {
+      $keys: remove-nth($keys, 1);
+    }
+
+    @each $key in $keys {
+      $map: map-get($map, $key);
+    }
+
+    @return $map;
+
+  }
+
+// Mixins.
+
+  /// Sets the global box model.
+  /// @param {string} $model Model (default is content).
+  @mixin boxModel($model: 'content') {
+
+    $x: $model + '-box';
+
+    *, *:before, *:after {
+      -moz-box-sizing: #{$x};
+      -webkit-box-sizing: #{$x};
+      box-sizing: #{$x};
+    }
+
+  }
+
+  /// Wraps @content in a @media block using a given breakpoint.
+  /// @param {string} $breakpoint Breakpoint.
+  /// @param {map} $queries Additional queries.
+  @mixin breakpoint($breakpoint: null, $queries: null) {
+
+    $query: 'screen';
+
+    // Breakpoint.
+      @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+        $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+      }
+
+    // Queries.
+      @if $queries {
+        @each $k, $v in $queries {
+          $query: $query + ' and (' + $k + ':' + $v + ')';
+        }
+      }
+
+        @media #{$query} {
+            @content;
+        }
+
+  }
+
+  /// Wraps @content in a @media block targeting a specific orientation.
+  /// @param {string} $orientation Orientation.
+  @mixin orientation($orientation) {
+    @media screen and (orientation: #{$orientation}) {
+      @content;
+    }
+  }
+
+  /// Utility mixin for containers.
+  /// @param {mixed} $width Width.
+  @mixin containers($width) {
+
+    // Locked?
+      $lock: false;
+
+      @if length($width) == 2 {
+        $width: nth($width, 1);
+        $lock: true;
+      }
+
+    // Modifiers.
+      .container.\31 25\25    { width: 100%; max-width: $width * 1.25; min-width: $width; }
+      .container.\37 5\25     { width: $width * 0.75; }
+      .container.\35 0\25     { width: $width * 0.5; }
+      .container.\32 5\25     { width: $width * 0.25; }
+
+    // Main class.
+      .container {
+        @if $lock {
+          width: $width !important;
+        }
+        @else {
+          width: $width;
+        }
+      }
+
+  }
+
+  /// Utility mixin for grid.
+  /// @param {list} $gutters Column and row gutters (default is 40px).
+  /// @param {string} $breakpointName Optional breakpoint name.
+  @mixin grid($gutters: 40px, $breakpointName: null) {
+
+    // Gutters.
+      @include grid-gutters($gutters);
+      @include grid-gutters($gutters, \32 00\25, 2);
+      @include grid-gutters($gutters, \31 50\25, 1.5);
+      @include grid-gutters($gutters, \35 0\25, 0.5);
+      @include grid-gutters($gutters, \32 5\25, 0.25);
+
+    // Cells.
+      $x: '';
+
+      @if $breakpointName {
+        $x: '\\28' + $breakpointName + '\\29';
+      }
+
+      .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+      .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+      .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+      .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+      .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+      .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+      .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+      .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+      .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+      .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+      .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+      .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+      .\31 2u\24#{$x} + *,
+      .\31 1u\24#{$x} + *,
+      .\31 0u\24#{$x} + *,
+      .\39 u\24#{$x} + *,
+      .\38 u\24#{$x} + *,
+      .\37 u\24#{$x} + *,
+      .\36 u\24#{$x} + *,
+      .\35 u\24#{$x} + *,
+      .\34 u\24#{$x} + *,
+      .\33 u\24#{$x} + *,
+      .\32 u\24#{$x} + *,
+      .\31 u\24#{$x} + * {
+        clear: left;
+      }
+
+      .\-11u#{$x} { margin-left: 91.6666666667% }
+      .\-10u#{$x} { margin-left: 83.3333333333% }
+      .\-9u#{$x} { margin-left: 75% }
+      .\-8u#{$x} { margin-left: 66.6666666667% }
+      .\-7u#{$x} { margin-left: 58.3333333333% }
+      .\-6u#{$x} { margin-left: 50% }
+      .\-5u#{$x} { margin-left: 41.6666666667% }
+      .\-4u#{$x} { margin-left: 33.3333333333% }
+      .\-3u#{$x} { margin-left: 25% }
+      .\-2u#{$x} { margin-left: 16.6666666667% }
+      .\-1u#{$x} { margin-left: 8.3333333333% }
+
+  }
+
+  /// Utility mixin for grid.
+  /// @param {list} $gutters Gutters.
+  /// @param {string} $class Optional class name.
+  /// @param {integer} $multiplier Multiplier (default is 1).
+  @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+    // Expand gutters if it's not a list.
+      @if length($gutters) == 1 {
+        $gutters: ($gutters, 0);
+      }
+
+    // Get column and row gutter values.
+      $c: nth($gutters, 1);
+      $r: nth($gutters, 2);
+
+    // Get class (if provided).
+      $x: '';
+
+      @if $class {
+        $x: '.' + $class;
+      }
+
+    // Default.
+      .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+      .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+    // Uniform.
+      .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+      .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+  }
+
+  /// Wraps @content in vendorized keyframe blocks.
+  /// @param {string} $name Name.
+  @mixin keyframes($name) {
+
+    @-moz-keyframes #{$name} { @content; }
+    @-webkit-keyframes #{$name} { @content; }
+    @-ms-keyframes #{$name} { @content; }
+    @keyframes #{$name} { @content; }
+
+  }
+
+  ///
+  /// Sets breakpoints.
+  /// @param {map} $x Breakpoints.
+  ///
+  @mixin skel-breakpoints($x: ()) {
+    $breakpoints: $x !global;
+  }
+
+  ///
+  /// Initializes layout module.
+  /// @param {map} config Config.
+  ///
+  @mixin skel-layout($config: ()) {
+
+    // Config.
+      $configPerBreakpoint: ();
+
+      $z: map-get($config, 'breakpoints');
+
+      @if $z {
+        $configPerBreakpoint: $z;
+      }
+
+    // Reset.
+      $x: map-get($config, 'reset');
+
+      @if $x {
+
+        /* Reset */
+
+        @include reset($x);
+
+      }
+
+    // Box model.
+      $x: map-get($config, 'boxModel');
+
+      @if $x {
+
+        /* Box Model */
+
+        @include boxModel($x);
+
+      }
+
+    // Containers.
+      $containers: map-get($config, 'containers');
+
+      @if $containers {
+
+        /* Containers */
+
+        .container {
+          margin-left: auto;
+          margin-right: auto;
+        }
+
+        // Use default is $containers is just "true".
+          @if $containers == true {
+            $containers: 960px;
+          }
+
+        // Apply base.
+          @include containers($containers);
+
+        // Apply per-breakpoint.
+          @each $name in map-keys($breakpoints) {
+
+            // Get/use breakpoint setting if it exists.
+              $x: map-get($configPerBreakpoint, $name);
+
+              // Per-breakpoint config exists?
+                @if $x {
+                  $y: map-get($x, 'containers');
+
+                  // Setting exists? Use it.
+                    @if $y {
+                      $containers: $y;
+                    }
+
+                }
+
+            // Create @media block.
+              @media screen and #{map-get($breakpoints, $name)} {
+                @include containers($containers);
+              }
+
+          }
+
+      }
+
+    // Grid.
+      $grid: map-get($config, 'grid');
+
+      @if $grid {
+
+        /* Grid */
+
+        // Use defaults if $grid is just "true".
+          @if $grid == true {
+            $grid: ();
+          }
+
+        // Sub-setting: Gutters.
+          $grid-gutters: 40px;
+          $x: map-get($grid, 'gutters');
+
+          @if $x {
+            $grid-gutters: $x;
+          }
+
+        // Rows.
+          .row {
+            border-bottom: solid 1px transparent;
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+          }
+
+          .row > * {
+            float: left;
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+          }
+
+          .row:after, .row:before {
+            content: '';
+            display: block;
+            clear: both;
+            height: 0;
+          }
+
+          .row.uniform > * > :first-child {
+            margin-top: 0;
+          }
+
+          .row.uniform > * > :last-child {
+            margin-bottom: 0;
+          }
+
+        // Gutters (0%).
+          @include grid-gutters($grid-gutters, \30 \25, 0);
+
+        // Apply base.
+          @include grid($grid-gutters);
+
+        // Apply per-breakpoint.
+          @each $name in map-keys($breakpoints) {
+
+            // Get/use breakpoint setting if it exists.
+              $x: map-get($configPerBreakpoint, $name);
+
+              // Per-breakpoint config exists?
+                @if $x {
+                  $y: map-get($x, 'grid');
+
+                  // Setting exists?
+                    @if $y {
+
+                      // Sub-setting: Gutters.
+                        $x: map-get($y, 'gutters');
+
+                        @if $x {
+                          $grid-gutters: $x;
+                        }
+
+                    }
+
+                }
+
+            // Create @media block.
+              @media screen and #{map-get($breakpoints, $name)} {
+                @include grid($grid-gutters, $name);
+              }
+
+          }
+
+      }
+
+  }
+
+  /// Resets browser styles.
+  /// @param {string} $mode Mode (default is 'normalize').
+  @mixin reset($mode: 'normalize') {
+
+    @if $mode == 'normalize' {
+
+      // normalize.css v3.0.2 | MIT License | git.io/normalize
+        html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+    }
+    @else if $mode == 'full' {
+
+      // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+        html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+    }
+
+  }
+
+  /// Vendorizes a declaration's property and/or value(s).
+  /// @param {string} $property Property.
+  /// @param {mixed} $value String/list of value(s).
+  @mixin vendor($property, $value) {
+
+    // Determine if property should expand.
+      $expandProperty: index($vendor-properties, $property);
+
+    // Determine if value should expand (and if so, add '-prefix-' placeholder).
+      $expandValue: false;
+
+      @each $x in $value {
+        @each $y in $vendor-values {
+          @if $y == str-slice($x, 1, str-length($y)) {
+
+            $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+            $expandValue: true;
+
+          }
+        }
+      }
+
+    // Expand property?
+      @if $expandProperty {
+          @each $vendor in $vendor-prefixes {
+              #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+          }
+      }
+
+    // Expand just the value?
+      @elseif $expandValue {
+          @each $vendor in $vendor-prefixes {
+              #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+          }
+      }
+
+    // Neither? Treat them as a normal declaration.
+      @else {
+            #{$property}: #{$value};
+      }
+
+  }
@@ -0,0 +1,86 @@
+// Misc.
+  $misc: (
+    max-spotlights:   10,
+    max-features:   10,
+    z-index-base:   10000
+  );
+
+// Duration.
+  $duration: (
+    transitions:    0.2s,
+    menu:       0.5s,
+    fadein:       3s
+  );
+
+// Size.
+  $size: (
+    element-height:   2.75em,
+    element-margin:   2em,
+    letter-spacing:   0.075em,
+    letter-spacing-alt: 0.225em
+  );
+
+// Font.
+  $font: (
+    family:       ('Open Sans', Helvetica, sans-serif),
+    family-fixed:   ('Courier New', monospace),
+    weight:       400,
+    weight-bold:    600,
+    weight-extrabold: 800
+  );
+
+// Palette.
+  $palette: (
+    bg:         #29335C,
+    fg:         #fff,
+    fg-bold:      #fff,
+    fg-light:     rgba(255,255,255,0.5),
+    border:       #fff,
+    border-bg:      rgba(144,144,144,0.25),
+    border2:      #fff,
+    border2-bg:     rgba(144,144,144,0.5),
+
+    accent1: (
+      bg:       #F3A712,
+      fg-bold:    #ffffff,
+      fg:       mix(#F3A712, #ffffff, 25%),
+      fg-light:   mix(#F3A712, #ffffff, 40%),
+      border:     rgba(0,0,0,0.125),
+      border-bg:    rgba(255,255,255,0.075),
+      border2:    rgba(0,0,0,0.25),
+      border2-bg:   rgba(255,255,255,0.2)
+    ),
+    
+    accent2: (
+      bg:       #ffffff,
+      fg-bold:    #2E3842,
+      fg:       #4E4852,
+      fg-light:   #8E8892,
+      border:     #dfdfdf,
+      border-bg:    rgba(0,0,0,0.0375),
+      border2:    #bfbfbf,
+      border2-bg:   rgba(0,0,0,0.1)
+    ),
+
+    accent3: (
+      bg:       #ed4933,
+      fg-bold:    #ffffff,
+      fg:       mix(#ed4933, #ffffff, 25%),
+      fg-light:   mix(#ed4933, #ffffff, 40%),
+      border:     rgba(0,0,0,0.125),
+      border-bg:    rgba(255,255,255,0.075),
+      border2:    rgba(0,0,0,0.25),
+      border2-bg:   rgba(255,255,255,0.2)
+    ),
+    
+    accent4: (
+      bg:       #25558C,
+      fg-bold:    #ffffff,
+      fg:       mix(#25558C, #ffffff, 25%),
+      fg-light:   mix(#25558C, #ffffff, 40%),
+      border:     rgba(0,0,0,0.125),
+      border-bg:    rgba(255,255,255,0.075),
+      border2:    rgba(0,0,0,0.25),
+      border2-bg:   rgba(255,255,255,0.2)
+    )
+  );
@@ -0,0 +1,232 @@
+---
+---
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import "libs/_font-awesome/font-awesome";
+@import "libs/_google-fonts/opensans";
+
+/*
+  Spectral by HTML5 UP
+  html5up.net | @ajlkn
+  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+@import 'libs/skel';
+
+@include skel-breakpoints((
+  xlarge: '(max-width: 1680px)',
+  large: '(max-width: 1280px)',
+  medium: '(max-width: 980px)',
+  small: '(max-width: 736px)',
+  xsmall: '(max-width: 480px)'
+));
+
+@include skel-layout((
+  reset: 'full',
+  boxModel: 'border',
+  grid: ( gutters: 1.5em )
+));
+
+@import 'components/basic';
+@import 'components/section';
+@import 'components/form';
+@import 'components/box';
+@import 'components/image';
+@import 'components/list';
+@import 'components/table';
+@import 'components/button';
+@import 'components/features';
+@import 'components/spotlight';
+@import 'components/wrapper';
+@import 'components/menu';
+@import 'components/header';
+@import 'components/banner';
+@import 'components/contact';
+
+/* Main */
+
+#main {
+  > header {
+    @include padding(12em, 0);
+    @include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../assets/images/banner.jpg")'));
+    position: relative;
+    background-attachment: fixed;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    text-align: center;
+
+    > * {
+      position: relative;
+      z-index: 1;
+    }
+
+    .header-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-attachment: fixed;
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-size: cover;
+      z-index: 0;
+      filter: blur(3px) brightness(40%);
+    }
+
+    h2 {
+      font-size: 1.75em;
+      margin: 0 0 (_size(element-margin) * 0.25) 0;
+    }
+
+    p {
+      color: inherit;
+      letter-spacing: _size(letter-spacing-alt);
+      text-transform: uppercase;
+      top: 0;
+
+      a {
+        color: inherit;
+      }
+    }
+
+    @include breakpoint(xlarge) {
+      @include padding(10em, 0);
+    }
+
+    @include breakpoint(large) {
+      @include padding(8em, 3em);
+    }
+
+    @include breakpoint(medium) {
+      @include padding(10em, 3em);
+    }
+
+    @include breakpoint(small) {
+      @include padding(5em, 3em);
+
+      h2 {
+        font-size: 1.25em;
+        margin: 0 0 (_size(element-margin) * 0.5) 0;
+      }
+    }
+  }
+}
+
+body.is-mobile {
+  #main {
+    > header {
+      background-attachment: scroll;
+    }
+  }
+}
+
+/* Footer */
+
+#footer {
+  @include padding(6em, 0);
+  background-color: darken(_palette(bg), 8);
+  text-align: center;
+
+  .icons {
+    font-size: 1.25em;
+
+    a {
+      color: _palette(fg-light);
+
+      &:hover {
+        color: _palette(fg);
+      }
+    }
+  }
+
+  .copyright {
+    color: _palette(fg-light);
+    font-size: 0.8em;
+    letter-spacing: _size(letter-spacing-alt);
+    list-style: none;
+    padding: 0;
+    text-transform: uppercase;
+
+    li {
+      border-left: solid 1px _palette(fg-light);
+      display: inline-block;
+      line-height: 1em;
+      margin-left: 1em;
+      padding-left: 1em;
+
+      &:first-child {
+        border-left: 0;
+        margin-left: 0;
+        padding-left: 0;
+      }
+
+      a {
+        color: inherit;
+
+        &:hover {
+          color: _palette(fg);
+        }
+      }
+
+      @include breakpoint(xsmall) {
+        border: 0;
+        display: block;
+        line-height: 1.65em;
+        margin: 0;
+        padding: 0.5em 0;
+      }
+    }
+  }
+
+  @include breakpoint(medium) {
+    @include padding(4em, 3em);
+  }
+
+  @include breakpoint(small) {
+    @include padding(3em, 2em);
+  }
+}
+
+/* Landing */
+
+body.landing {
+  #page-wrapper {
+    @include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../assets/images/banner.jpg")'));
+    background-attachment: fixed;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    padding-top: 0;
+  }
+
+  #page-wrapper {
+    padding-top: 0;
+  }
+
+  #footer {
+    background-color: darken(transparentize(_palette(bg), 0.1), 8);
+  }
+}
+
+body.is-mobile {
+  &.landing {
+    #page-wrapper {
+      background: none;
+    }
+
+    #banner,
+    .wrapper.style4 {
+      @include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../assets/images/banner.jpg")'));
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-size: cover;
+    }
+
+    #footer {
+      background-color: darken(_palette(bg), 8);
+    }
+  }
+}
@@ -0,0 +1,8 @@
+---
+layout: spotlight
+title: Blog
+tiles-source: posts
+tiles-limit: 50
+---
+
+### Blog
@@ -0,0 +1,5 @@
+---
+layout: default
+title: Home
+description: Autonomic Co-operative.
+---
Author	SHA1	Message	Date
d1admin	892010942c	Fix typo.	2017-10-04 14:24:01 +02:00
georgeowell	a47db089a4	Additional re-wording after proofing	2017-10-04 12:38:40 +01:00
georgeowell	8d26ec8c49	Merge branch 'first-blog-post'	2017-10-04 12:22:52 +01:00
georgeowell	86b3f776ac	Added - to Co-operative	2017-10-04 01:46:48 +01:00
georgeowell	6525004f3d	Removed uneeded phrasing	2017-10-04 01:30:52 +01:00
georgeowell	e886e2c2fe	Tidied and re-wrote parts of the post	2017-10-04 01:26:06 +01:00
georgeowell	7e3bc3f324	Removed weirdness	2017-10-03 17:42:27 +01:00
Carl van Tonder	50de29c1f3	Whitespace pedantry	2017-10-03 11:00:28 -04:00
Carl van Tonder	d7a7d5e0cf	Add post date	2017-10-03 11:00:13 -04:00
Carl van Tonder	589b5364af	Minor text changes on "founding principles" post	2017-10-03 10:59:37 -04:00
georgeowell	bdbf3bdc66	Added inital hippy brain dump	2017-09-30 00:29:57 +01:00
d1admin	0b3df5c93d	Hide menu and show it when hitting button. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/28.	2017-09-29 21:29:29 +02:00
d1admin	21295c7603	Merge branch 'add-missing-services' into 'master' Add missing services. Closes #25 See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!14	2017-09-29 19:02:45 +00:00
d1admin	a24358bda1	Add missing services. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/25.	2017-09-29 21:02:02 +02:00
d1admin	e706612ea6	Merge branch '404page' into 'master' Add 404 page. Closes #29 See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!13	2017-09-29 18:50:18 +00:00
d1admin	4293aff2bf	Add 404 page. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/29.	2017-09-29 20:49:08 +02:00
d1admin	f136067359	Merge branch 'fixup-menu' into 'master' Add menu with named anchor links Closes #27 See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!12	2017-09-29 18:41:58 +00:00
d1admin	2854202e68	Add named anchor for services.	2017-09-29 20:40:39 +02:00
d1admin	f51d3bf47b	Hard code menu. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/27.	2017-09-29 20:40:39 +02:00
d1admin	753e0f0103	Add anchor and wrap text for core values section.	2017-09-29 20:40:39 +02:00
d1admin	ff5dbc84a6	Add content for contact section.	2017-09-29 20:40:39 +02:00
d1admin	f620ac886e	Rename contact related CSS file from 'cta'.	2017-09-29 20:40:39 +02:00
d1admin	0d382bdde9	Remove contact page (moving to contact.html).	2017-09-29 20:40:39 +02:00
d1admin	ecfa211bfc	Remove unused reference file.	2017-09-29 20:40:39 +02:00
d1admin	355d0cb639	Wrap services text (for ease of future editing).	2017-09-29 20:40:39 +02:00
d1admin	72ddb3d817	Use better name for services section HTML.	2017-09-29 20:40:39 +02:00
d1admin	34dca0e07d	Use better name for blog section HTML.	2017-09-29 20:40:39 +02:00
d1admin	3787195d69	Use better name for core values section HTML.	2017-09-29 20:40:39 +02:00
d1admin	4836fc528e	Use better name for contact form HTML.	2017-09-29 20:40:39 +02:00
d1admin	6c83f37c96	Clean up HTML formatting.	2017-09-29 20:40:39 +02:00
d1admin	f6e1ab5413	Merge branch 'piwik' into 'master' add piwik tracking Closes #21 See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!11	2017-09-29 18:38:49 +00:00
czmj	995e1128e1	add piwik tracking	2017-09-29 18:17:07 +01:00
czmj	b3dc66b007	Merge branch 'maybe-fix-woff' into 'master' Remove path to non-existant woff file. Closes #23 See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!10	2017-09-29 15:12:52 +00:00
czmj	c4d42322de	remove link to missing woff2 font (fixes #23 )	2017-09-29 16:12:30 +01:00
czmj	7c58fa31b2	oops...actually commit merge	2017-09-29 15:32:51 +01:00
czmj	67af81639e	Merge branch 'master' of gitlab.com:autonomic-cooperative/autonomic-cooperative.gitlab.io	2017-09-29 15:30:51 +01:00
czmj	0f70f40a73	Merge branch 'finish-beta-content'	2017-09-29 15:29:37 +01:00
d1admin	ffc923223f	Remove path to non-existant woff file. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/23.	2017-09-29 16:26:46 +02:00
d1admin	bd276de689	Use relative_url for PGP link in contact page. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/24.	2017-09-29 16:19:54 +02:00
d1admin	3de8294eaf	Use relative URL for contact page button. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/22.	2017-09-29 16:07:20 +02:00
czmj	b28da92339	darken and blur header image	2017-09-29 12:05:12 +01:00
czmj	1e1bebee1b	replace mac image with a better laptop	2017-09-29 12:04:58 +01:00
czmj	fb054d787a	background nodes colour/size	2017-09-29 11:31:05 +01:00
czmj	2f316acda8	contact link	2017-09-29 11:19:58 +01:00
georgeowell	7e9361ae02	Fixed typo	2017-09-28 12:51:03 +01:00
georgeowell	f71441351d	Removed clients page. To be readded later.	2017-09-28 01:51:12 +01:00
georgeowell	0eec131e97	Merge branch 'finish-beta-content' into 'master' Finish beta content See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!9	2017-09-27 11:22:38 +00:00
georgeowell	7915acc6e4	Updated contact button with dev site link	2017-09-27 12:20:49 +01:00
georgeowell	b78752c9bb	Added PGP key download link for dev site	2017-09-27 12:20:25 +01:00
georgeowell	3e7befab4d	Added inital founding principles blog post	2017-09-27 12:13:29 +01:00
georgeowell	d5938bed19	Added PGP key	2017-09-27 12:13:10 +01:00
georgeowell	0790434578	Fixed title typo	2017-09-27 12:12:19 +01:00
georgeowell	6e97cb4d8b	Updated contact page with mailto link	2017-09-27 12:11:31 +01:00
georgeowell	fcaf84a990	Merge branch 'finish-beta-content' into 'master' Finish beta content See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!8	2017-09-27 10:45:56 +00:00
georgeowell	d0c58f2c95	Removed surplus images and changed blog post title	2017-09-25 12:24:52 +01:00
georgeowell	0ee1c05bd3	Deleted surplus blog posts and ammened services we offer text	2017-09-25 12:18:54 +01:00
georgeowell	3291a5a3b1	Tweaked services we offer and blog text	2017-09-25 12:05:53 +01:00
czmj	b9af5f811a	Clients page	2017-09-24 20:20:09 +01:00
czmj	dba6bccf3c	Adding to mapping section	2017-09-24 19:44:21 +01:00
czmj	f9577a3755	icons, copy tweaks	2017-09-24 19:33:21 +01:00
georgeowell	02252e2d0c	Merge branch 'inital-content' into 'master' Added additional text to Services we offer and contact section See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!7	2017-09-24 18:13:49 +00:00
georgeowell	ea50f1528a	Merge branch 'master' into 'inital-content' # Conflicts: # src/_includes/section-three.html	2017-09-24 18:13:21 +00:00
czmj	bc7b8f09a4	only show values blogs on homepage	2017-09-24 18:58:01 +01:00
georgeowell	5a437e6ef5	Added additional text to Services we offer and contact section	2017-09-24 18:45:01 +01:00
czmj	4c9c3c088a	copy editing to make it a bit more human-friendly	2017-09-24 18:33:55 +01:00
czmj	b98ad6be45	spelling	2017-09-24 17:41:40 +01:00
czmj	c60e5ed71f	add rocketchat icon	2017-09-24 17:40:39 +01:00
czmj	f6e38d39d7	now the gemspec is named wrong...ugh	2017-09-24 17:24:27 +01:00
czmj	c13040354c	ruby version mismatch	2017-09-24 17:22:24 +01:00
czmj	b77deeab99	fix invalid gemspec	2017-09-24 17:17:45 +01:00
czmj	3b3b3fd5ca	Merge branch 'master' of gitlab.com:autonomic-cooperative/autonomic-cooperative.gitlab.io	2017-09-24 16:36:29 +01:00
czmj	3e8fe693b4	automatically select ruby ver	2017-09-24 16:34:32 +01:00
d1admin	8a2286eaf0	Also fix those images since `8cb8eb5`.	2017-09-24 17:11:50 +02:00
d1admin	511e8f817e	Newline that. Clearer when reading.	2017-09-24 15:34:02 +02:00
d1admin	16f415c4dd	Add pipeline badge, rehash README and remove cruft.	2017-09-24 15:33:01 +02:00
d1admin	10535a1f80	Revert "sack off particles for now" This reverts commit `959fab1581`.	2017-09-24 15:12:42 +02:00
d1admin	2b5f540acd	Fix fonts and images since `8cb8eb5`. I accidentally stripped characters in these files.	2017-09-24 14:33:46 +02:00
d1admin	2214105737	OK - actually bundle the fonts this time. As a result of report in https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/16#note_41235289.	2017-09-24 14:33:45 +02:00
d1admin	9c4258af1a	Add twitter URL. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/12.	2017-09-24 01:04:09 +02:00
d1admin	8cb8eb599a	Add editor config. Kill all tabs. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/19.	2017-09-24 00:55:04 +02:00
d1admin	6a12122b7e	Don't forget to activate that gemset.	2017-09-24 00:52:46 +02:00
d1admin	b6dc4dd3b5	Use pretty permalinks (and add blog URL explicitly). Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/18.	2017-09-24 00:46:55 +02:00
d1admin	7f2e40d0fe	Remove cruft.	2017-09-24 00:44:09 +02:00
d1admin	1e924a8587	Fix post names. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/9.	2017-09-24 00:39:00 +02:00
d1admin	741844c081	Add place holder favicon for now. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/17.	2017-09-24 00:30:14 +02:00
d1admin	5545b87d65	Bundle fonts in assets. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/16.	2017-09-24 00:16:53 +02:00
d1admin	f35a88f2b1	Let's wait until we have something we really like. Please see https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/3#note_41166310.	2017-09-24 00:02:59 +02:00
d1admin	47a4b8aa34	We won't use those (I hope!).	2017-09-24 00:02:50 +02:00
d1admin	8b6c3b8e53	Add RVM notes for ruby. I'd rather not have anyone left in Ruby version or dependency hell. Here's hoping this saves us all!	2017-09-23 23:54:07 +02:00
czmj	9526c8af89	add cta block back in	2017-09-23 22:44:05 +01:00
czmj	959fab1581	sack off particles for now	2017-09-23 21:51:04 +01:00
czmj	89f8c7e505	increase link opacity	2017-09-23 21:43:27 +01:00
czmj	0915df6501	Merge branch 'master' of gitlab.com:autonomic-cooperative/autonomic-cooperative.gitlab.io	2017-09-23 21:42:30 +01:00
czmj	fb183f2b4b	particle js settings trying to make it less laggy and not like rocketchat	2017-09-23 21:42:01 +01:00
czmj	1925cf5754	Merge branch 'blog' into 'master' blog page (#8) See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!6	2017-09-23 19:45:54 +00:00
czmj	0041241817	Merge branch 'master' into 'blog' # Conflicts: # src/_includes/header.html	2017-09-23 19:45:35 +00:00
czmj	317bf448fe	Merge branch 'master' of gitlab.com:autonomic-cooperative/autonomic-cooperative.gitlab.io	2017-09-22 23:43:04 +01:00
czmj	5b040eb26a	pick some icons, fix typo	2017-09-22 23:42:58 +01:00
czmj	ccae9b916e	Merge branch 'hotfix/14-icons-mobile' into 'master' fixes #14 Closes #14 See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!4	2017-09-22 22:27:54 +00:00
czmj	aa284572d5	add hidden stylesheet so I can still copy stuff from it	2017-09-22 23:26:32 +01:00
czmj	32f1d3d805	blog page (#8 )	2017-09-22 23:01:19 +01:00
czmj	a54c1912ff	Merge branch 'master' of gitlab.com:autonomic-cooperative/autonomic-cooperative.gitlab.io	2017-09-22 22:14:33 +01:00
czmj	1a8a51157d	fix header link	2017-09-22 22:14:30 +01:00
georgeowell	1f513c53af	Merge branch 'basic-content-structure' into 'master' Add clients and contact page See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!5	2017-09-22 21:03:43 +00:00
georgeowell	4a003f6b69	Add clients and contact page	2017-09-22 22:02:09 +01:00
georgeowell	8d4be8f87f	Merge branch 'basic-content-structure' into 'master' Inital content structure See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!3	2017-09-22 20:57:44 +00:00
czmj	e8756b8fc8	cc logo	2017-09-22 21:45:37 +01:00
czmj	6d877762da	fixes #14	2017-09-22 21:40:54 +01:00
georgeowell	6181fecf0b	Inital content structure	2017-09-22 19:57:09 +01:00
czmj	6ba6b7b89b	footer	2017-09-22 17:34:41 +01:00
czmj	563c5a2552	messing about with colours	2017-09-22 17:23:08 +01:00
czmj	9003143e6c	section1	2017-09-22 16:11:09 +01:00
czmj	27e4d581b6	metadata	2017-09-22 14:25:54 +01:00
czmj	402bc34d2c	start splitting up massive main.scss file	2017-09-22 14:22:47 +01:00
czmj	ca608273e2	remove old font	2017-09-22 14:00:17 +01:00
czmj	f911c29003	messing with particle settings	2017-09-22 13:54:00 +01:00
czmj	396e7b4574	fix mobile banner	2017-09-22 13:44:13 +01:00
czmj	3d6de6fd33	too many color vars! get rid of some	2017-09-22 13:22:45 +01:00
czmj	ee7453f1dc	header	2017-09-22 13:10:36 +01:00
czmj	f5c48f74b2	particle banner	2017-09-22 13:08:30 +01:00
czmj	fdcfba332f	make sass compile	2017-09-22 11:52:12 +01:00
czmj	f3252966fe	README	2017-09-22 11:21:53 +01:00
czmj	825bdcffe1	clearer src and dist folders	2017-09-22 11:15:27 +01:00
czmj	0b6930c94f	change base url	2017-09-22 10:56:14 +01:00
czmj	1c4fede6ad	spectral jekyll theme	2017-09-22 10:46:39 +01:00
czmj	3626b42dd2	delete stuff	2017-09-22 10:44:07 +01:00
georgeowell	6796602fad	Merge branch 'add-readme' into 'master' First stab at a README Closes #1 See merge request !1	2017-09-07 23:57:09 +00:00
d1admin	fa8aee7e46	Add CI badge.	2017-09-07 23:00:16 +02:00
d1admin	1979116ac8	Update the lock file (managed by yarn).	2017-09-07 22:50:58 +02:00
d1admin	7776b3e06c	Add some hacking instructions in a README. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/1.	2017-09-07 22:50:21 +02:00
czmj	e813a19c5f	hide logo	2017-09-05 13:17:38 +01:00
czmj	8c654a7852	change bg colour	2017-08-31 15:17:00 +01:00
czmj	fa229e2369	change title	2017-08-31 15:12:17 +01:00
czmj	9e2e35b6cb	add ont files to repo	2017-08-31 15:09:36 +01:00
czmj	e071052d57	add self-hosted font	2017-08-31 15:02:50 +01:00
czmj	c0fe44e453	remove czmj stuff, strip it down to a basic splash page	2017-08-31 14:46:01 +01:00
czmj	e1b07e7f15	move dist folder to public	2017-08-31 13:00:54 +01:00
czmj	9006bea1b0	Initial commit	2017-08-31 12:44:57 +01:00