☺

Fix bad link.
Add note about change log.
2017-11-06 16:12:56 -05:00 · 2017-11-06 21:52:35 +01:00 · 2017-11-05 15:46:28 +01:00 · 2017-11-05 14:42:11 +00:00 · 2017-11-05 15:37:35 +01:00 · 2017-11-04 12:35:49 +00:00
100 changed files with 8921 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,28 @@
+image: ruby:2.4.2
+
+stages:
+  - build
+  - deploy
+
+build:
+  stage: build
+  before_script:
+    - gem install jekyll
+  script:
+    - jekyll build -d public
+  artifacts:
+    paths:
+      - public
+
+deploy:
+  stage: deploy
+  before_script:
+    - gem install jekyll
+  script:
+    - jekyll build -d public
+    - ./bin/deploy
+  artifacts:
+    paths:
+      - public
+  only:
+    - tags
@@ -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,24 @@
+# Change Log
+
+All notable changes to this project will be documented in this file. The format
+is based on [Keep a Changelog] and this project adheres to [Semantic Versioning].
+
+[Keep a Changelog]: http://keepachangelog.com/en/1.0.0/
+[Semantic Versioning]: http://semver.org/spec/v2.0.0.html
+
+## [1.0.2] - 2017-11-05
+
+## Added
+- [#18]: Add shared account email.
+
+[#18]: https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/merge_requests/18
+
+## [1.0.1] - 2017-10-14
+
+## Added
+- [#17]: Added automated Gitlab CI production builds.
+
+[#17]: https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/merge_requests/17
+
+## [1.0.0] - 2017-10-04
+- Initial Release
@@ -0,0 +1,62 @@
+# Contributing
+
+# What Is Jekyll
+
+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/
+
+# Using RVM to Manage Ruby
+
+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
+```
+
+# Install Dependencies
+
+Then you can get your Ruby dependencies installed with:
+
+``` bash
+$ gem install jekyll bundler
+```
+
+# Serve Website
+
+And serve the website locally with:
+
+``` bash
+$ make devserver
+```
+
+# Editing Content
+
+You can edit content in the `.md` files under `src` and `src/_posts`.
+
+# Manage Gemset
+
+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,3 @@
+source "https://rubygems.org"
+ruby '2.4.2'
+gemspec
@@ -0,0 +1,259 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE
+COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY
+COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS
+AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE
+BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE
+CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE
+IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+   1. "Adaptation" means a work based upon the Work, or upon the Work and other
+   pre-existing works, such as a translation, adaptation, derivative work,
+   arrangement of music or other alterations of a literary or artistic work, or
+   phonogram or performance and includes cinematographic adaptations or any
+   other form in which the Work may be recast, transformed, or adapted
+   including in any form recognizably derived from the original, except that a
+   work that constitutes a Collection will not be considered an Adaptation for
+   the purpose of this License. For the avoidance of doubt, where the Work is a
+   musical work, performance or phonogram, the synchronization of the Work in
+   timed-relation with a moving image ("synching") will be considered an
+   Adaptation for the purpose of this License.  2. "Collection" means a
+   collection of literary or artistic works, such as encyclopedias and
+   anthologies, or performances, phonograms or broadcasts, or other works or
+   subject matter other than works listed in Section 1(f) below, which, by
+   reason of the selection and arrangement of their contents, constitute
+   intellectual creations, in which the Work is included in its entirety in
+   unmodified form along with one or more other contributions, each
+   constituting separate and independent works in themselves, which together
+   are assembled into a collective whole. A work that constitutes a Collection
+   will not be considered an Adaptation (as defined above) for the purposes of
+   this License.  3. "Distribute" means to make available to the public the
+   original and copies of the Work or Adaptation, as appropriate, through sale
+   or other transfer of ownership.  4. "Licensor" means the individual,
+   individuals, entity or entities that offer(s) the Work under the terms of
+   this License.  5. "Original Author" means, in the case of a literary or
+   artistic work, the individual, individuals, entity or entities who created
+   the Work or if no individual or entity can be identified, the publisher; and
+   in addition (i) in the case of a performance the actors, singers, musicians,
+   dancers, and other persons who act, sing, deliver, declaim, play in,
+   interpret or otherwise perform literary or artistic works or expressions of
+   folklore; (ii) in the case of a phonogram the producer being the person or
+   legal entity who first fixes the sounds of a performance or other sounds;
+   and, (iii) in the case of broadcasts, the organization that transmits the
+   broadcast.  6. "Work" means the literary and/or artistic work offered under
+   the terms of this License including without limitation any production in the
+   literary, scientific and artistic domain, whatever may be the mode or form
+   of its expression including digital form, such as a book, pamphlet and other
+   writing; a lecture, address, sermon or other work of the same nature; a
+   dramatic or dramatico-musical work; a choreographic work or entertainment in
+   dumb show; a musical composition with or without words; a cinematographic
+   work to which are assimilated works expressed by a process analogous to
+   cinematography; a work of drawing, painting, architecture, sculpture,
+   engraving or lithography; a photographic work to which are assimilated works
+   expressed by a process analogous to photography; a work of applied art; an
+   illustration, map, plan, sketch or three-dimensional work relative to
+   geography, topography, architecture or science; a performance; a broadcast;
+   a phonogram; a compilation of data to the extent it is protected as a
+   copyrightable work; or a work performed by a variety or circus performer to
+   the extent it is not otherwise considered a literary or artistic work.  7.
+   "You" means an individual or entity exercising rights under this License who
+   has not previously violated the terms of this License with respect to the
+   Work, or who has received express permission from the Licensor to exercise
+   rights under this License despite a previous violation.  8. "Publicly
+   Perform" means to perform public recitations of the Work and to communicate
+   to the public those public recitations, by any means or process, including
+   by wire or wireless means or public digital performances; to make available
+   to the public Works in such a way that members of the public may access
+   these Works from a place and at a place individually chosen by them; to
+   perform the Work to the public by any means or process and the communication
+   to the public of the performances of the Work, including by public digital
+   performance; to broadcast and rebroadcast the Work by any means including
+   signs, sounds or images.  9. "Reproduce" means to make copies of the Work by
+   any means including without limitation by sound or visual recordings and the
+   right of fixation and reproducing fixations of the Work, including storage
+   of a protected performance or phonogram in digital form or other electronic
+   medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit,
+or restrict any uses free from copyright or rights arising from limitations or
+exceptions that are provided for in connection with the copyright protection
+under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor
+hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the
+duration of the applicable copyright) license to exercise the rights in the
+Work as stated below:
+
+   1. to Reproduce the Work, to incorporate the Work into one or more
+   Collections, and to Reproduce the Work as incorporated in the Collections;
+   2. to create and Reproduce Adaptations provided that any such Adaptation,
+   including any translation in any medium, takes reasonable steps to clearly
+   label, demarcate or otherwise identify that changes were made to the
+   original Work. For example, a translation could be marked "The original work
+   was translated from English to Spanish," or a modification could indicate
+   "The original work has been modified."; 3. to Distribute and Publicly
+   Perform the Work including as incorporated in Collections; and, 4. to
+   Distribute and Publicly Perform Adaptations.  5.
+
+      For the avoidance of doubt: 1. Non-waivable Compulsory License Schemes.
+      In those jurisdictions in which the right to collect royalties through
+      any statutory or compulsory licensing scheme cannot be waived, the
+      Licensor reserves the exclusive right to collect such royalties for any
+      exercise by You of the rights granted under this License; 2. Waivable
+      Compulsory License Schemes. In those jurisdictions in which the right to
+      collect royalties through any statutory or compulsory licensing scheme
+      can be waived, the Licensor waives the exclusive right to collect such
+      royalties for any exercise by You of the rights granted under this
+      License; and, 3. Voluntary License Schemes. The Licensor waives the right
+      to collect royalties, whether individually or, in the event that the
+      Licensor is a member of a collecting society that administers voluntary
+      licensing schemes, via that society, from any exercise by You of the
+      rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or
+hereafter devised. The above rights include the right to make such
+modifications as are technically necessary to exercise the rights in other
+media and formats. Subject to Section 8(f), all rights not expressly granted by
+Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made
+subject to and limited by the following restrictions:
+
+   1. You may Distribute or Publicly Perform the Work only under the terms of
+   this License. You must include a copy of, or the Uniform Resource Identifier
+   (URI) for, this License with every copy of the Work You Distribute or
+   Publicly Perform. You may not offer or impose any terms on the Work that
+   restrict the terms of this License or the ability of the recipient of the
+   Work to exercise the rights granted to that recipient under the terms of the
+   License. You may not sublicense the Work. You must keep intact all notices
+   that refer to this License and to the disclaimer of warranties with every
+   copy of the Work You Distribute or Publicly Perform. When You Distribute or
+   Publicly Perform the Work, You may not impose any effective technological
+   measures on the Work that restrict the ability of a recipient of the Work
+   from You to exercise the rights granted to that recipient under the terms of
+   the License. This Section 4(a) applies to the Work as incorporated in a
+   Collection, but this does not require the Collection apart from the Work
+   itself to be made subject to the terms of this License. If You create a
+   Collection, upon notice from any Licensor You must, to the extent
+   practicable, remove from the Collection any credit as required by Section
+   4(b), as requested. If You create an Adaptation, upon notice from any
+   Licensor You must, to the extent practicable, remove from the Adaptation any
+   credit as required by Section 4(b), as requested.  2. If You Distribute, or
+   Publicly Perform the Work or any Adaptations or Collections, You must,
+   unless a request has been made pursuant to Section 4(a), keep intact all
+   copyright notices for the Work and provide, reasonable to the medium or
+   means You are utilizing: (i) the name of the Original Author (or pseudonym,
+   if applicable) if supplied, and/or if the Original Author and/or Licensor
+   designate another party or parties (e.g., a sponsor institute, publishing
+   entity, journal) for attribution ("Attribution Parties") in Licensor's
+   copyright notice, terms of service or by other reasonable means, the name of
+   such party or parties; (ii) the title of the Work if supplied; (iii) to the
+   extent reasonably practicable, the URI, if any, that Licensor specifies to
+   be associated with the Work, unless such URI does not refer to the copyright
+   notice or licensing information for the Work; and (iv) , consistent with
+   Section 3(b), in the case of an Adaptation, a credit identifying the use of
+   the Work in the Adaptation (e.g., "French translation of the Work by
+   Original Author," or "Screenplay based on original Work by Original
+   Author"). The credit required by this Section 4 (b) may be implemented in
+   any reasonable manner; provided, however, that in the case of a Adaptation
+   or Collection, at a minimum such credit will appear, if a credit for all
+   contributing authors of the Adaptation or Collection appears, then as part
+   of these credits and in a manner at least as prominent as the credits for
+   the other contributing authors. For the avoidance of doubt, You may only use
+   the credit required by this Section for the purpose of attribution in the
+   manner set out above and, by exercising Your rights under this License, You
+   may not implicitly or explicitly assert or imply any connection with,
+   sponsorship or endorsement by the Original Author, Licensor and/or
+   Attribution Parties, as appropriate, of You or Your use of the Work, without
+   the separate, express prior written permission of the Original Author,
+   Licensor and/or Attribution Parties.  3. Except as otherwise agreed in
+   writing by the Licensor or as may be otherwise permitted by applicable law,
+   if You Reproduce, Distribute or Publicly Perform the Work either by itself
+   or as part of any Adaptations or Collections, You must not distort,
+   mutilate, modify or take other derogatory action in relation to the Work
+   which would be prejudicial to the Original Author's honor or reputation.
+   Licensor agrees that in those jurisdictions (e.g. Japan), in which any
+   exercise of the right granted in Section 3(b) of this License (the right to
+   make Adaptations) would be deemed to be a distortion, mutilation,
+   modification or other derogatory action prejudicial to the Original Author's
+   honor and reputation, the Licensor will waive or not assert, as appropriate,
+   this Section, to the fullest extent permitted by the applicable national
+   law, to enable You to reasonably exercise Your right under Section 3(b) of
+   this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS
+THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND
+CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING,
+WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A
+PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS,
+ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE.
+SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH
+EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN
+NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL,
+INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS
+LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+   1. This License and the rights granted hereunder will terminate
+   automatically upon any breach by You of the terms of this License.
+   Individuals or entities who have received Adaptations or Collections from
+   You under this License, however, will not have their licenses terminated
+   provided such individuals or entities remain in full compliance with those
+   licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this
+   License.  2. Subject to the above terms and conditions, the license granted
+   here is perpetual (for the duration of the applicable copyright in the
+   Work). Notwithstanding the above, Licensor reserves the right to release the
+   Work under different license terms or to stop distributing the Work at any
+   time; provided, however that any such election will not serve to withdraw
+   this License (or any other license that has been, or is required to be,
+   granted under the terms of this License), and this License will continue in
+   full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+   1. Each time You Distribute or Publicly Perform the Work or a Collection,
+   the Licensor offers to the recipient a license to the Work on the same terms
+   and conditions as the license granted to You under this License.  2. Each
+   time You Distribute or Publicly Perform an Adaptation, Licensor offers to
+   the recipient a license to the original Work on the same terms and
+   conditions as the license granted to You under this License.  3. If any
+   provision of this License is invalid or unenforceable under applicable law,
+   it shall not affect the validity or enforceability of the remainder of the
+   terms of this License, and without further action by the parties to this
+   agreement, such provision shall be reformed to the minimum extent necessary
+   to make such provision valid and enforceable.  4. No term or provision of
+   this License shall be deemed waived and no breach consented to unless such
+   waiver or consent shall be in writing and signed by the party to be charged
+   with such waiver or consent.  5. This License constitutes the entire
+   agreement between the parties with respect to the Work licensed here. There
+   are no understandings, agreements or representations with respect to the
+   Work not specified here. Licensor shall not be bound by any additional
+   provisions that may appear in any communication from You. This License may
+   not be modified without the mutual written agreement of the Licensor and
+   You.  6. The rights granted under, and the subject matter referenced, in
+   this License were drafted utilizing the terminology of the Berne Convention
+   for the Protection of Literary and Artistic Works (as amended on September
+   28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996,
+   the WIPO Performances and Phonograms Treaty of 1996 and the Universal
+   Copyright Convention (as revised on July 24, 1971). These rights and subject
+   matter take effect in the relevant jurisdiction in which the License terms
+   are sought to be enforced according to the corresponding provisions of the
+   implementation of those treaty provisions in the applicable national law. If
+   the standard suite of rights granted under applicable copyright law includes
+   additional rights not granted under this License, such additional rights are
+   deemed to be included in the License; this License is not intended to
+   restrict the license of any rights under applicable law.
@@ -0,0 +1,6 @@
+DEV_DIST_DIR:=dist
+
+devserver:
+	@echo "Serving development site from $(DEV_DIST_DIR)"
+	@jekyll serve --watch --incremental --destination $(DEV_DIST_DIR)
+.PHONY: devserver
@@ -0,0 +1,59 @@
+[![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].
+
+We use [autonomic.zone] for production and [autonomic-cooperative.gitlab.io] for staging.
+
+[Jekyll]: https://jekyllrb.com/
+[spectral-jekyll-theme]: https://github.com/andrewbanchich/spectral-jekyll-theme
+[autonomic.zone]: https://autonomic.zone/
+[autonomic-cooperative.gitlab.io]: http://autonomic-cooperative.gitlab.io/
+
+# Contribute
+
+Please see [CONTRIBUTING.md] for the juicy details.
+
+[CONTRIBUTING.md]: https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/blob/master/CONTRIBUTING.md
+
+# Make A New Release
+
+Please add a new [change log] entry. This helps us track released changes easily.
+
+[change log]: https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/blob/master/CHANGELOG.md
+
+Then, [tag a new commit] and send it upstream with:
+
+[tag a new commit]: https://git-scm.com/book/en/v2/Git-Basics-Tagging
+[semantic versioning]: http://semver.org/
+
+```bash
+$ COMMIT=$(git rev-parse HEAD)
+$ TAG=6.6.6  # enter your new tag
+$ git tag -a $TAG $COMMIT
+$ git push upstream master --tags
+```
+
+You can also use the [Gitlab tags UI] for this.
+
+[Gitlab tags UI]: https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/tags
+
+Our [deploy] CI stage will push the new site to [the production branch].
+
+[deploy]: https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/blob/d16aec42bd2ddd7449f55d9f06b03499cc660b22/.gitlab-ci.yml#L17
+[the production branch]: https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/tree/production
+
+Watch the [CI/CD pipeline] to see that it builds successfully.
+
+[CI/CD pipeline]: https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/pipelines
+
+Then head over to [fullyautomatedluxuryinfrastructure] and run:
+
+[fullyautomatedluxuryinfrastructure]: https://gitlab.com/autonomic-cooperative/fullyautomatedluxuryinfrastructure
+
+``` bash
+$ ansible-playbook orgs/autonomic/gitlabpages.yml
+```
@@ -0,0 +1,26 @@
+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
+exclude:
+  - vendor
+  - Gemfile
+  - Gemfile.lock
@@ -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
@@ -0,0 +1,26 @@
+#!/bin/bash
+
+GITUSERNAME="autonomicgitlabci"
+GITUSEREMAIL="autonomicgitlabci@nowhere.com"
+DEPLOYSCRIPT="https://github.com/X1011/git-directory-deploy/raw/master/deploy.sh"
+
+export GIT_DEPLOY_DIR="public"
+export GIT_DEPLOY_BRANCH="production"
+export GIT_DEPLOY_REPO="git@gitlab.com:autonomic-cooperative/autonomic-cooperative.gitlab.io.git"
+
+apt-get update -y
+apt-get install -yqq wget openssh-client
+
+wget $DEPLOYSCRIPT && chmod +x deploy.sh
+
+git config --global user.email $GITUSEREMAIL
+git config --global user.name  $GITUSERNAME
+
+mkdir -p ~/.ssh
+eval "$(ssh-agent -s)"
+ssh-add <(echo "$SSH_PRIVATE_KEY")
+echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config
+
+./deploy.sh -m "Git tag: $(git describe --exact-match HEAD)"
+
+rm -Rfv .ssh
@@ -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-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" | 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,11 @@
+<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]-->
+  <!-- hi -->
+</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,84 @@
+---
+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] 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.
+
+[free software]: https://fsfe.org/about/basics/freesoftware.en.html
+
+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
Carl van Tonder	f56cff4c10	☺	2017-11-06 16:12:56 -05:00
d1admin	0939401b25	Fix bad link.	2017-11-06 21:52:35 +01:00
d1admin	64b028baf9	Add note about change log.	2017-11-05 15:46:28 +01:00
d1admin	e9e3568cbe	Merge branch 'update-deploy-documentation' into 'master' Update deployment documentation See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!19	2017-11-05 14:42:11 +00:00
d1admin	a21c093a5a	Update deployment documentation.	2017-11-05 15:37:35 +01:00
georgeowell	d16aec42bd	Merge branch 'update-email' into 'master' Update email See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!18	2017-11-04 12:35:49 +00:00
georgeowell	7331e9af7d	Updated email to new shared account	2017-11-04 12:33:11 +00:00
d1admin	1152f0977b	Use the tags generating command.	2017-10-16 01:02:03 +02:00
d1admin	dc91454a16	Remove that unused target.	2017-10-14 17:19:16 +02:00
d1admin	078bc71ce4	Only run this for tagged commits.	2017-10-14 00:35:12 +02:00
d1admin	c78b411f37	Add note to change log for new tag.	2017-10-14 00:28:51 +02:00
d1admin	57fa6bc368	Argh, uncomment that.	2017-10-14 00:25:00 +02:00
d1admin	57a4254a1e	Merge branch 'fixup-releasing' into 'master' Make Gitlab deploy for us See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!17	2017-10-13 22:22:40 +00:00
d1admin	dcfb46c8a3	WIP: Get Gitlab CI to deploy for us.	2017-10-14 00:08:08 +02:00
d1admin	e03ca1673e	Seems like overkill. Building is enough for now.	2017-10-13 22:46:04 +02:00
d1admin	39f40edf96	Don't care about building the gem. We won't distribute the site as a gem, so why care.	2017-10-13 22:45:48 +02:00
d1admin	19bad3cc89	Add note about production/staging.	2017-10-13 22:14:28 +02:00
d1admin	9fc3f82ac7	Getting this out of versioning (again, again).	2017-10-13 21:50:46 +02:00
d1admin	35e7f76abb	We'll use Ansible to deploy. Removing.	2017-10-13 21:50:22 +02:00
d1admin	c7990cdc27	Wrap text for ease of reading.	2017-10-13 21:50:07 +02:00
d1admin	309354bfdf	I'm sorry. Actually, this has to be tracked. I blame git-subtree.	2017-10-04 20:55:57 +02:00
d1admin	9a046f33d1	Reset production branch when releasing.	2017-10-04 20:43:30 +02:00
d1admin	fba2ab9651	Remove new line. Don't use baseurl.	2017-10-04 20:38:08 +02:00
d1admin	5eba2a45b7	Make release and documentation more sane. OK, I think I have this nailed now.	2017-10-04 18:43:21 +02:00
d1admin	9969dd3410	Actually, don't store the generated site. That's mad.	2017-10-04 18:38:52 +02:00
d1admin	7d6fb16b77	Use place holder.	2017-10-04 16:59:48 +02:00
d1admin	2d19831dbe	Clean up Makefile to not break for everyone.	2017-10-04 16:58:07 +02:00
d1admin	f22dc42049	Fix destinations for release notes.	2017-10-04 16:53:26 +02:00
d1admin	35b8e8bce8	Fix destinations for building.	2017-10-04 16:53:19 +02:00
d1admin	3c7daed5d3	Ignore default build directory.	2017-10-04 16:53:03 +02:00
d1admin	35198e76c3	Add production dist.	2017-10-04 16:52:33 +02:00
d1admin	a05b401c9b	Remove dist folder. Replacing with proddist.	2017-10-04 16:52:15 +02:00
d1admin	c5cdbcfd81	Update release documentation.	2017-10-04 16:48:00 +02:00
d1admin	12c392bde3	Document Makefile.	2017-10-04 16:43:40 +02:00
d1admin	e97c59e7fe	Use development target in documentation.	2017-10-04 16:37:09 +02:00
d1admin	7610e87bf2	Add new make targets.	2017-10-04 16:35:39 +02:00
d1admin	894d8b4798	Add favicon to dist build.	2017-10-04 16:32:45 +02:00
d1admin	e3919ffa9d	Add proper favicon. Closes https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/issues/34.	2017-10-04 16:28:51 +02:00
d1admin	b120b6b679	Update documentation for releases.	2017-10-04 16:07:32 +02:00
d1admin	99c2470a84	Add release target.	2017-10-04 15:54:56 +02:00
d1admin	ded4ebf95c	Store the built website. We will use for ease of deployment.	2017-10-04 15:51:34 +02:00
d1admin	0b0376e8ce	Merge branch 'pipelining' into 'master' Improve pipeline builds See merge request autonomic-cooperative/autonomic-cooperative.gitlab.io!16	2017-10-04 13:46:57 +00:00
d1admin	c975202355	Add proper stages for Gitlab CI.	2017-10-04 15:36:04 +02:00
d1admin	ac3fa36688	Don't include those files in our dist/.	2017-10-04 15:31:07 +02:00
d1admin	9dec65239e	Add license from adapted theme: https://html5up.net/license .	2017-10-04 15:06:39 +02:00
d1admin	ddfb0fbd71	Add change log.	2017-10-04 15:04:26 +02:00
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