Store the built website.

We will use for ease of deployment.
2017-10-04 15:51:34 +02:00 · 2017-10-04 15:51:34 +02:00 · ded4ebf95c
commit ded4ebf95c
parent 0b0376e8ce
35 changed files with 26426 additions and 1 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,4 +1,3 @@
 dist/
 .sass-cache/
 .jekyll-metadata
 Gemfile.lock
--- a/dist/404.html
+++ b/dist/404.html
@ -0,0 +1,98 @@
 <!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>
--- a/dist/assets/fonts/OpenSans-ExtraBold.ttf
+++ b/dist/assets/fonts/OpenSans-ExtraBold.ttf
--- a/dist/assets/fonts/OpenSans-ExtraBoldItalic.ttf
+++ b/dist/assets/fonts/OpenSans-ExtraBoldItalic.ttf
--- a/dist/assets/fonts/OpenSans-Italic.ttf
+++ b/dist/assets/fonts/OpenSans-Italic.ttf
--- a/dist/assets/fonts/OpenSans-Regular.ttf
+++ b/dist/assets/fonts/OpenSans-Regular.ttf
--- a/dist/assets/fonts/OpenSans-SemiBold.ttf
+++ b/dist/assets/fonts/OpenSans-SemiBold.ttf
--- a/dist/assets/fonts/OpenSans-SemiBoldItalic.ttf
+++ b/dist/assets/fonts/OpenSans-SemiBoldItalic.ttf
--- a/dist/assets/fonts/fa-selection.json
+++ b/dist/assets/fonts/fa-selection.json
--- a/dist/assets/fonts/font-awesome.eot
+++ b/dist/assets/fonts/font-awesome.eot
--- a/dist/assets/fonts/font-awesome.svg
+++ b/dist/assets/fonts/font-awesome.svg
--- a/dist/assets/fonts/font-awesome.ttf
+++ b/dist/assets/fonts/font-awesome.ttf
--- a/dist/assets/fonts/font-awesome.woff
+++ b/dist/assets/fonts/font-awesome.woff
--- a/dist/assets/images/banner.jpg
+++ b/dist/assets/images/banner.jpg
@ -0,0 +1,265 @@
 <!DOCTYPE html>
 <html class="devise-layout-html">
 <head prefix="og: http://ogp.me/ns#">
 <meta charset="utf-8">
 <meta content="IE=edge" http-equiv="X-UA-Compatible">
 <meta content="object" property="og:type">
 <meta content="GitLab" property="og:site_name">
 <meta content="Sign in" property="og:title">
 <meta content="GitLab.com" property="og:description">
 <meta content="https://gitlab.com/assets/gitlab_logo-7ae504fe4f68fdebb3c2034e36621930cd36ea87924c11ff65dbcb8ed50dca58.png" property="og:image">
 <meta content="64" property="og:image:width">
 <meta content="64" property="og:image:height">
 <meta content="https://gitlab.com/users/sign_in" property="og:url">
 <meta content="summary" property="twitter:card">
 <meta content="Sign in" property="twitter:title">
 <meta content="GitLab.com" property="twitter:description">
 <meta content="https://gitlab.com/assets/gitlab_logo-7ae504fe4f68fdebb3c2034e36621930cd36ea87924c11ff65dbcb8ed50dca58.png" property="twitter:image">
 <title>Sign in · GitLab</title>
 <meta content="GitLab.com" name="description">
 <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon-075eba76312e8421991a0c1f89a89ee81678bcde72319dd3e8047e2a47cd3a42.ico" id="favicon" />
 <link rel="stylesheet" media="all" href="/assets/application-61d4cb7e100f2fac8ccaeac5e18d08f97554f0639e84004165d6f9697cfbe08c.css" />
 <link rel="stylesheet" media="print" href="/assets/print-74b3d49adeaada27337e759b75a34af7cf3d80051de91d60d40570f5a382e132.css" />
 <!-- / TODO: Combine these 2 stylesheets into application.scss -->
 <link rel="stylesheet" media="all" href="/assets/new_nav-9dc36451d6461185b3c501b73a23f48936cda9ee5b0b8f9b1001c951ce12eabf.css" />
 <link rel="stylesheet" media="all" href="/assets/new_sidebar-1f383f3cb338b8ecf8062dab06052141f414f51165f656b97a0930c0d38cd7dc.css" />
 <script>
 //<![CDATA[
 window.gon={};gon.api_version="v4";gon.default_avatar_url="https:\/\/gitlab.com\/assets\/no_avatar-849f9c04a3a0d0cea2424ae97b27447dc64a7dbfae83c036c45b403392f0e8ba.png";gon.max_file_size=10;gon.asset_host=null;gon.webpack_public_path="\/assets\/webpack\/";gon.relative_url_root="";gon.shortcuts_path="\/help\/shortcuts";gon.user_color_scheme="white";gon.katex_css_url="\/assets\/katex-dc07578acd203b2dd73a8c78cdb8dcb79144ba11a23749d80904496b7ff8a650.css";gon.katex_js_url="\/assets\/katex-04bcf56379fcda0ee7c7a63f71d0fc15ffd2e014d017cd9d51fd6554dfccf40a.js";gon.sentry_dsn="https:\/\/526a2f38a53d44e3a8e69bfa001d1e8b@sentry.gitlap.com\/15";gon.gitlab_url="https:\/\/gitlab.com";gon.revision="235b8d5";gon.gitlab_logo="\/assets\/gitlab_logo-7ae504fe4f68fdebb3c2034e36621930cd36ea87924c11ff65dbcb8ed50dca58.png";
 //]]>
 </script>
 <script src="/assets/webpack/webpack_runtime.294a69f1dca44b9962ff.bundle.js" defer="defer"></script>
 <script src="/assets/webpack/common.c04294b903455a34f707.bundle.js" defer="defer"></script>
 <script src="/assets/webpack/locale.b9a56fbc6e00d576d16c.bundle.js" defer="defer"></script>
 <script src="/assets/webpack/main.78a00e6bb497a127e58c.bundle.js" defer="defer"></script>
 <script src="/assets/webpack/raven.c94699aec8e665da5599.bundle.js" defer="defer"></script>
 <meta name="csrf-param" content="authenticity_token" />
 <meta name="csrf-token" content="wsHK8up7MLWg48uVbcNYE7pk+TDs3OQ3y4e9l2k39xoa8OscEyQq+4SeumcbjMwNOvnHnyNl7Lod0aiJn1AEYA==" />
 <meta content="origin-when-cross-origin" name="referrer">
 <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
 <meta content="#474D57" name="theme-color">
 <link rel="apple-touch-icon" type="image/x-icon" href="/assets/touch-icon-iphone-5a9cee0e8a51212e70b90c87c12f382c428870c0ff67d1eb034d884b78d2dae7.png" />
 <link rel="apple-touch-icon" type="image/x-icon" href="/assets/touch-icon-ipad-a6eec6aeb9da138e507593b464fdac213047e49d3093fc30e90d9a995df83ba3.png" sizes="76x76" />
 <link rel="apple-touch-icon" type="image/x-icon" href="/assets/touch-icon-iphone-retina-72e2aadf86513a56e050e7f0f2355deaa19cc17ed97bbe5147847f2748e5a3e3.png" sizes="120x120" />
 <link rel="apple-touch-icon" type="image/x-icon" href="/assets/touch-icon-ipad-retina-8ebe416f5313483d9c1bc772b5bbe03ecad52a54eba443e5215a22caed2a16a2.png" sizes="152x152" />
 <link color="rgb(226, 67, 41)" href="/assets/logo-d36b5212042cebc89b96df4bf6ac24e43db316143e89926c0db839ff694d2de4.svg" rel="mask-icon">
 <meta content="/assets/msapplication-tile-1196ec67452f618d39cdd85e2e3a542f76574c071051ae7effbfde01710eb17d.png" name="msapplication-TileImage">
 <meta content="#30353E" name="msapplication-TileColor">
 <!-- Piwik -->
 <script>
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//piwik.gitlab.com/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 1]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
 </script>
 <noscript><p><img src="//piwik.gitlab.com/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
 <!-- End Piwik Code -->
 </head>
 <body class="ui_charcoal login-page application navless" data-page="sessions:new">
 <div class="page-wrap">
 <header class="navbar navbar-fixed-top navbar-empty">
 <div class="container">
 <div class="center-logo">
 <svg width="24" height="24" class="tanuki-logo" viewBox="0 0 36 36">
  <path class="tanuki-shape tanuki-left-ear" fill="#e24329" d="M2 14l9.38 9v-9l-4-12.28c-.205-.632-1.176-.632-1.38 0z"/>
  <path class="tanuki-shape tanuki-right-ear" fill="#e24329" d="M34 14l-9.38 9v-9l4-12.28c.205-.632 1.176-.632 1.38 0z"/>
  <path class="tanuki-shape tanuki-nose" fill="#e24329" d="M18,34.38 3,14 33,14 Z"/>
  <path class="tanuki-shape tanuki-left-eye" fill="#fc6d26" d="M18,34.38 11.38,14 2,14 6,25Z"/>
  <path class="tanuki-shape tanuki-right-eye" fill="#fc6d26" d="M18,34.38 24.62,14 34,14 30,25Z"/>
  <path class="tanuki-shape tanuki-left-cheek" fill="#fca326" d="M2 14L.1 20.16c-.18.565 0 1.2.5 1.56l17.42 12.66z"/>
  <path class="tanuki-shape tanuki-right-cheek" fill="#fca326" d="M34 14l1.9 6.16c.18.565 0 1.2-.5 1.56L18 34.38z"/>
 </svg>
 </div>
 </div>
 </header>
 <div class="container navless-container">
 <div class="content">
 <div class="flash-container flash-container-page">
 <div class="flash-alert">
 <div class="container-fluid container-limited">
 <span>You need to sign in or sign up before continuing.</span>
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-sm-5 pull-right new-session-forms-container">
 <div>
 <ul class="nav-links new-session-tabs nav-tabs" role="tablist">
 <li class="active" role="presentation">
 <a data-toggle="tab" href="#login-pane" role="tab">Sign in</a>
 </li>
 <li role="presentation">
 <a data-toggle="tab" href="#register-pane" role="tab">Register</a>
 </li>
 </ul>
 <div class="tab-content">
 <div class="login-box tab-pane active" id="login-pane" role="tabpanel">
 <div class="login-body">
 <form class="new_user gl-show-field-errors" aria-live="assertive" id="new_user" action="/users/sign_in" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="aviQVpjjnwWyU0/d+NkgsYlxNMtli94j5+cz98Ptm/CyybG4YbyFS5YuPi+OlrSvCewKZKoy1q4xsSbpNYpoig==" /><div class="form-group">
 <label for="user_login">Username or email</label>
 <input class="form-control top" autofocus="autofocus" autocapitalize="off" autocorrect="off" required="required" title="This field is required." type="text" name="user[login]" id="user_login" />
 </div>
 <div class="form-group">
 <label for="user_password">Password</label>
 <input class="form-control bottom" required="required" title="This field is required." type="password" name="user[password]" id="user_password" />
 </div>
 <div class="remember-me checkbox">
 <label for="user_remember_me">
 <input name="user[remember_me]" type="hidden" value="0" /><input class="remember-me-checkbox" type="checkbox" value="1" name="user[remember_me]" id="user_remember_me" />
 <span>Remember me</span>
 </label>
 <div class="pull-right forgot-password">
 <a href="/users/password/new">Forgot your password?</a>
 </div>
 </div>
 <div class="submit-container move-submit-down">
 <input type="submit" name="commit" value="Sign in" class="btn btn-save" />
 </div>
 </form>
 </div>
 </div>
 <div class="tab-pane login-box" id="register-pane" role="tabpanel">
 <div class="login-body">
 <form class="new_new_user gl-show-field-errors" aria-live="assertive" id="new_new_user" action="/users" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="KNVgt2nO9DZYvvt0iq8qMuVtT0aWcVKL5ZapEZ7c8Jrw5EFZkJHueHzDiob84L4sZfBx6VnIWgYzwLwPaLsD4A==" /><div class="devise-errors">
 </div>
 <div class="form-group">
 <label for="new_user_name">Full name</label>
 <input class="form-control top" required="required" title="This field is required." type="text" name="new_user[name]" id="new_user_name" />
 </div>
 <div class="username form-group">
 <label for="new_user_username">Username</label>
 <input class="form-control middle" pattern="[a-zA-Z0-9_\.][a-zA-Z0-9_\-\.]*[a-zA-Z0-9_\-]|[a-zA-Z0-9_]" required="required" title="Please create a username with only alphanumeric characters." type="text" name="new_user[username]" id="new_user_username" />
 <p class="validation-error hide">Username is already taken.</p>
 <p class="validation-success hide">Username is available.</p>
 <p class="validation-pending hide">Checking username availability...</p>
 </div>
 <div class="form-group">
 <label for="new_user_email">Email</label>
 <input class="form-control middle" required="required" title="Please provide a valid email address." type="email" value="" name="new_user[email]" id="new_user_email" />
 </div>
 <div class="form-group">
 <label for="new_user_email_confirmation">Email confirmation</label>
 <input class="form-control middle" required="required" title="Please retype the email address." type="email" name="new_user[email_confirmation]" id="new_user_email_confirmation" />
 </div>
 <div class="form-group append-bottom-20" id="password-strength">
 <label for="new_user_password">Password</label>
 <input class="form-control bottom" required="required" pattern=".{8,}" title="Minimum length is 8 characters." type="password" name="new_user[password]" id="new_user_password" />
 <p class="gl-field-hint">Minimum length is 8 characters</p>
 </div>
 <div class="form-group">
 <input name="new_user[email_opted_in]" type="hidden" value="0" /><input type="checkbox" value="1" name="new_user[email_opted_in]" id="new_user_email_opted_in" />
 <label for="new_user_email_opted_in">I&#39;d like to receive updates via email about GitLab.</label>
 </div>
 <div></div>
 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
 <div class="g-recaptcha" data-sitekey="6LfAERQTAAAAAL4GYSiAMGLbcLyUIBSfPrDNJgeC"></div>
          <noscript>
            <div style="width: 302px; height: 352px;">
              <div style="width: 302px; height: 352px; position: relative;">
                <div style="width: 302px; height: 352px; position: absolute;">
                  <iframe
                    src="https://www.google.com/recaptcha/api/fallback?k=6LfAERQTAAAAAL4GYSiAMGLbcLyUIBSfPrDNJgeC"
                    frameborder="0" scrolling="no"
                    style="width: 302px; height:352px; border-style: none;">
                  </iframe>
                </div>
                <div style="width: 250px; height: 80px; position: absolute; border-style: none;
                  bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px;">
                  <textarea id="g-recaptcha-response" name="g-recaptcha-response"
                    class="g-recaptcha-response"
                    style="width: 250px; height: 80px; border: 1px solid #c1c1c1;
                    margin: 0px; padding: 0px; resize: none;" value="">
                  </textarea>
                </div>
              </div>
            </div>
          </noscript>
 <div class="submit-container">
 <input type="submit" name="commit" value="Register" class="btn-register btn" />
 </div>
 </form></div>
 </div>
 <div class="clearfix submit-container">
 <p>
 <span class="light">Didn't receive a confirmation email?</span>
 <a href="/users/confirmation/new">Request a new one</a>.
 </p>
 </div>
 </div>
 <div class="clearfix">
 <div class="omniauth-container">
 <p>
 <span class="light">
 Sign in with &nbsp;
 </span>
 <span class="light">
 <a class="oauth-login oauth-image-link" id="oauth-login-google_oauth2" rel="nofollow" data-method="post" href="/users/auth/google_oauth2"><img alt="Google" title="Sign in with Google" data-src="/assets/auth_buttons/google_64-37d98b7033cc7059a484199ffdd766adf69babbc6e5fc64b43006ca866629f17.png" class=" lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a>
 </span>
 <span class="light">
 <a class="oauth-login oauth-image-link" id="oauth-login-twitter" rel="nofollow" data-method="post" href="/users/auth/twitter"><img alt="Twitter" title="Sign in with Twitter" data-src="/assets/auth_buttons/twitter_64-86860edb139fb2f62fc25ef62a4213a5c8b20122fd8752ab0df09e740eb53deb.png" class=" lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a>
 </span>
 <span class="light">
 <a class="oauth-login oauth-image-link" id="oauth-login-github" rel="nofollow" data-method="post" href="/users/auth/github"><img alt="GitHub" title="Sign in with GitHub" data-src="/assets/auth_buttons/github_64-84041cd0ea392220da96f0fb9b9473c08485c4924b98c776be1bd33b0daab8c0.png" class=" lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a>
 </span>
 <span class="light">
 <a class="oauth-login oauth-image-link" id="oauth-login-bitbucket" rel="nofollow" data-method="post" href="/users/auth/bitbucket"><img alt="Bitbucket" title="Sign in with Bitbucket" data-src="/assets/auth_buttons/bitbucket_64-eceb0f98bfa1a0bdc088138f970e1bc209114a8934c1372b596e9d137e611c21.png" class=" lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /></a>
 </span>
 <fieldset class="prepend-top-10">
 <input type="checkbox" name="remember_me" id="remember_me" value="1" />
 <label for="remember_me">Remember me</label>
 </fieldset>
 </p>
 </div>
 </div>
 </div>
 </div>
 <div class="col-sm-7 brand-holder pull-left">
 <h1>
 GitLab.com
 </h1>
 <p dir="auto">GitLab.com offers free unlimited (private) repositories and unlimited collaborators.</p>&#x000A;&#x000A;<ul dir="auto">&#x000A;<li>&#x000A;<a href="https://gitlab.com/explore/projects/trending">Explore projects on GitLab.com</a> (no login needed)</li>&#x000A;<li><a href="https://about.gitlab.com/gitlab-com/" rel="nofollow noreferrer noopener" target="_blank">More information about GitLab.com</a></li>&#x000A;<li><a href="https://gitlab.com/gitlab-com/support-forum/issues">GitLab.com Support Forum</a></li>&#x000A;</ul>&#x000A;&#x000A;<p dir="auto">By signing up for and by signing in to this service you accept our:</p>&#x000A;&#x000A;<ul dir="auto">&#x000A;<li><a href="https://about.gitlab.com/privacy/" rel="nofollow noreferrer noopener" target="_blank">Privacy policy</a></li>&#x000A;<li>&#x000A;<a href="https://about.gitlab.com/terms/#gitlab_com" rel="nofollow noreferrer noopener" target="_blank">GitLab.com Terms</a>.</li>&#x000A;</ul>
 </div>
 </div>
 </div>
 </div>
 <hr class="footer-fixed">
 <div class="container footer-container">
 <div class="footer-links">
 <a href="/explore">Explore</a>
 <a href="/help">Help</a>
 <a href="https://about.gitlab.com/">About GitLab</a>
 </div>
 </div>
 </div>
 </body>
 </html>
--- a/dist/assets/images/favicon.ico
+++ b/dist/assets/images/favicon.ico
--- a/dist/assets/images/pic01.jpg
+++ b/dist/assets/images/pic01.jpg
--- a/dist/assets/js/ie/backgroundsize.min.htc
+++ b/dist/assets/js/ie/backgroundsize.min.htc
@ -0,0 +1,7 @@
 <component lightWeight="true">
 <attach event="onpropertychange" onevent="handlePropertychange()" />
 <attach event="ondetach" onevent="restore()" />
 <attach event="onresize" for="window" onevent="handleResize()" />
 <script type="text/javascript">
 var rsrc=/url\(["']?(.*?)["']?\)/,positions={top:0,left:0,bottom:1,right:1,center:0.5},doc=element.document;init(); function init(){var b=doc.createElement("div"),a=doc.createElement("img"),c,d;b.style.position="absolute";b.style.zIndex=-1;b.style.top=0;b.style.right=0;b.style.left=0;b.style.bottom=0;b.style.overflow="hidden";a.style.position="absolute";a.style.width=a.style.width="auto";b.appendChild(a);element.insertBefore(b,element.firstChild);d=[element.currentStyle.backgroundPositionX,element.currentStyle.backgroundPositionY];element.bgsExpando=c={wrapper:b,img:a,backgroundSize:element.currentStyle["background-size"], backgroundPositionX:positions[d[0]]||parseFloat(d[0])/100,backgroundPositionY:positions[d[1]]||parseFloat(d[1])/100};"auto"==element.currentStyle.zIndex&&(element.style.zIndex=0);"static"==element.currentStyle.position&&(element.style.position="relative");refreshDisplay(element,c)&&(refreshDimensions(element,c),refreshBackgroundImage(element,c,function(){updateBackground(element,c)}))} function refreshDisplay(b,a){var c=b.currentStyle.display;c!=a.display&&(a.display=c,a.somethingChanged=!0);return"none"!=c}function refreshDimensions(b,a){var c=b.offsetWidth-(parseFloat(b.currentStyle.borderLeftWidth)||0)-(parseFloat(b.currentStyle.borderRightWidth)||0),d=b.offsetHeight-(parseFloat(b.currentStyle.borderTopWidth)||0)-(parseFloat(b.currentStyle.borderBottomWidth)||0);if(c!=a.innerWidth||d!=a.innerHeight)a.innerWidth=c,a.innerHeight=d,a.somethingChanged=!0} function refreshBackgroundImage(b,a,c){var d=a.img,e=(rsrc.exec(b.currentStyle.backgroundImage)||[])[1];if(e&&e!=a.backgroundSrc){a.backgroundSrc=e;a.somethingChanged=!0;d.onload=function(){var b=d.width,e=d.height;1==b&&1==e||(a.imgWidth=b,a.imgHeight=e,a.constrain=!1,c(),d.style.visibility="visible",d.onload=null)};d.style.visibility="hidden";d.src=a.backgroundSrc;if(d.readyState||d.complete)d.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",d.src=a.backgroundSrc;a.ignoreNextPropertyChange= !0;b.style.backgroundImage="none"}else c()} function updateBackground(b,a){if(a.somethingChanged){var c=a.img,d=a.innerWidth/a.innerHeight,e=a.imgWidth/a.imgHeight,f=a.constrain;"contain"==a.backgroundSize?e>d?(a.constrain=d="width",e=Math.floor((a.innerHeight-a.innerWidth/e)*a.backgroundPositionY),c.style.top=e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)):(a.constrain=d="height",e=Math.floor((a.innerWidth-a.innerHeight*e)*a.backgroundPositionX),c.style.left=e+"px",d!=f&&(c.style.width="auto",c.style.height="100%", c.style.top=0)):"cover"==a.backgroundSize&&(e>d?(a.constrain=d="height",e=Math.floor((a.innerHeight*e-a.innerWidth)*a.backgroundPositionX),c.style.left=-e+"px",d!=f&&(c.style.width="auto",c.style.height="100%",c.style.top=0)):(a.constrain=d="width",e=Math.floor((a.innerWidth/e-a.innerHeight)*a.backgroundPositionY),c.style.top=-e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)));a.somethingChanged=!1}} function handlePropertychange(){var b=element.bgsExpando;b.ignoreNextPropertyChange?b.ignoreNextPropertyChange=!1:refreshDisplay(element,b)&&(refreshDimensions(element,b),refreshBackgroundImage(element,b,function(){updateBackground(element,b)}))}function handleResize(){var b=element.bgsExpando;"none"!=b.display&&(refreshDimensions(element,b),updateBackground(element,b))} function restore(){var b=element.bgsExpando;try{element.style.backgroundImage="url('"+b.backgroundSrc+"')",element.removeChild(b.wrapper),element.bgsExpando=null}catch(a){}};
 </script>
--- a/dist/assets/js/ie/html5shiv.js
+++ b/dist/assets/js/ie/html5shiv.js
@ -0,0 +1,8 @@
 /*
 HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
 */
 (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
 a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
 c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
 "undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
 for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
--- a/dist/assets/js/ie/respond.min.js
+++ b/dist/assets/js/ie/respond.min.js
@ -0,0 +1,6 @@
 /*! Respond.js v1.4.2: min/max-width media query polyfill
 * Copyright 2014 Scott Jehl
 * Licensed under MIT
 * http://j.mp/respondjs */
 !function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b<t.length;b++){var c=t[b],e=c.href,f=c.media,g=c.rel&&"stylesheet"===c.rel.toLowerCase();e&&g&&!p[e]&&(c.styleSheet&&c.styleSheet.rawCssText?(w(c.styleSheet.rawCssText,e,f),p[e]=!0):(!/^([a-zA-Z:]*\/\/)/.test(e)&&!s||e.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&("//"===e.substring(0,2)&&(e=a.location.protocol+e),d.push({href:e,media:f})))}x()};y(),c.update=y,c.getEmValue=u,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this);
--- a/dist/assets/js/jquery.min.js
+++ b/dist/assets/js/jquery.min.js
--- a/dist/assets/js/jquery.scrollex.min.js
+++ b/dist/assets/js/jquery.scrollex.min.js
@ -0,0 +1,2 @@
 /* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
 !function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
--- a/dist/assets/js/jquery.scrolly.min.js
+++ b/dist/assets/js/jquery.scrolly.min.js
@ -0,0 +1,2 @@
 /* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
 (function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);
--- a/dist/assets/js/main.js
+++ b/dist/assets/js/main.js
@ -0,0 +1,220 @@
 /*
  Spectral by HTML5 UP
  html5up.net | @ajlkn
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 */
 (function($) {
  skel
    .breakpoints({
      xlarge: '(max-width: 1680px)',
      large: '(max-width: 1280px)',
      medium: '(max-width: 980px)',
      small: '(max-width: 736px)',
      xsmall: '(max-width: 480px)'
    });
  $(function() {
    var $window = $(window),
      $body = $('body'),
      $wrapper = $('#page-wrapper'),
      $banner = $('#banner'),
      $header = $('#header');
    // Disable animations/transitions until the page has loaded.
    $body.addClass('is-loading');
    $window.on('load', function() {
      window.setTimeout(function() {
        $body.removeClass('is-loading');
      }, 100);
    });
    // Mobile?
    if (skel.vars.mobile)
      $body.addClass('is-mobile');
    else
      skel
      .on('-medium !medium', function() {
        $body.removeClass('is-mobile');
      })
      .on('+medium', function() {
        $body.addClass('is-mobile');
      });
    // Fix: Placeholder polyfill.
    $('form').placeholder();
    // Prioritize "important" elements on medium.
    skel.on('+medium -medium', function() {
      $.prioritize(
        '.important\\28 medium\\29',
        skel.breakpoint('medium').active
      );
    });
    // Scrolly.
    $('.scrolly')
      .scrolly({
        speed: 1500,
        offset: $header.outerHeight()
      });
    $("#menu").show();
    // Menu.
    $('#menu')
      .append('<a href="#menu" class="close"></a>')
      .appendTo($body)
      .panel({
        delay: 500,
        hideOnClick: true,
        hideOnSwipe: true,
        resetScroll: true,
        resetForms: true,
        side: 'right',
        target: $body,
        visibleClass: 'is-menu-visible'
      });
    // Header.
    if (skel.vars.IEVersion < 9)
      $header.removeClass('alt');
    if ($banner.length > 0 &&
      $header.hasClass('alt')) {
      $window.on('resize', function() {
        $window.trigger('scroll');
      });
      $banner.scrollex({
        bottom: $header.outerHeight() + 1,
        terminate: function() {
          $header.removeClass('alt');
        },
        enter: function() {
          $header.addClass('alt');
        },
        leave: function() {
          $header.removeClass('alt');
        }
      });
    // Particles
    if ($( window ).width() > 980) {
      particlesJS('banner', {
        "particles": {
          "number": {
          "value": 65,
          "density": {
            "enable": false,
            "value_area": 800
          }
          },
          "color": {
          "value": "#f99081"
          },
          "shape": {
          "type": "circle",
          "stroke": {
            "width": 0,
            "color": "#000000"
          },
          "polygon": {
            "nb_sides": 5
          },
          "image": {
            "src": "img/github.svg",
            "width": 100,
            "height": 100
          }
          },
          "opacity": {
          "value": 0.6,
          "random": true,
          "anim": {
            "enable": false,
            "speed": 1,
            "opacity_min": 0.4,
            "sync": false
          }
          },
          "size": {
          "value": 14,
          "random": true,
          "anim": {
            "enable": true,
            "speed": 6,
            "size_min": 4,
            "sync": false
          }
          },
          "line_linked": {
          "enable": true,
          "distance": 250,
          "color": "#f99081",
          "opacity": 0.8,
          "width": 2
          },
          "move": {
          "enable": true,
          "speed": 0.4,
          "direction": "none",
          "random": true,
          "straight": false,
          "out_mode": "out",
          "bounce": false,
          "attract": {
            "enable": false,
            "rotateX": 600,
            "rotateY": 1200
          }
          }
        },
        "interactivity": {
          "detect_on": "canvas",
          "events": {
          "onhover": {
            "enable": true,
            "mode": "grab"
          },
          "onclick": {
            "enable": true,
            "mode": "push"
          },
          "resize": true
          },
          "modes": {
          "grab": {
            "distance": 200,
            "line_linked": {
            "opacity": 0.8
            }
          },
          "bubble": {
            "distance": 400,
            "size": 40,
            "duration": 2,
            "opacity": 8,
            "speed": 3
          },
          "repulse": {
            "distance": 200,
            "duration": 0.4
          },
          "push": {
            "particles_nb": 2
          },
          "remove": {
            "particles_nb": 2
          }
          }
        },
        "retina_detect": true
        });
      }
    }
  });
 })(jQuery);
--- a/dist/assets/js/skel.min.js
+++ b/dist/assets/js/skel.min.js
--- a/dist/assets/js/util.js
+++ b/dist/assets/js/util.js
@ -0,0 +1,587 @@
 (function($) {
  /**
   * Generate an indented list of links from a nav. Meant for use with panel().
   * @return {jQuery} jQuery object.
   */
  $.fn.navList = function() {
    var $this = $(this);
      $a = $this.find('a'),
      b = [];
    $a.each(function() {
      var $this = $(this),
        indent = Math.max(0, $this.parents('li').length - 1),
        href = $this.attr('href'),
        target = $this.attr('target');
      b.push(
        '<a ' +
          'class="link depth-' + indent + '"' +
          ( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
          ( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
        '>' +
          '<span class="indent-' + indent + '"></span>' +
          $this.text() +
        '</a>'
      );
    });
    return b.join('');
  };
  /**
   * Panel-ify an element.
   * @param {object} userConfig User config.
   * @return {jQuery} jQuery object.
   */
  $.fn.panel = function(userConfig) {
    // No elements?
      if (this.length == 0)
        return $this;
    // Multiple elements?
      if (this.length > 1) {
        for (var i=0; i < this.length; i++)
          $(this[i]).panel(userConfig);
        return $this;
      }
    // Vars.
      var $this = $(this),
        $body = $('body'),
        $window = $(window),
        id = $this.attr('id'),
        config;
    // Config.
      config = $.extend({
        // Delay.
          delay: 0,
        // Hide panel on link click.
          hideOnClick: false,
        // Hide panel on escape keypress.
          hideOnEscape: false,
        // Hide panel on swipe.
          hideOnSwipe: false,
        // Reset scroll position on hide.
          resetScroll: false,
        // Reset forms on hide.
          resetForms: false,
        // Side of viewport the panel will appear.
          side: null,
        // Target element for "class".
          target: $this,
        // Class to toggle.
          visibleClass: 'visible'
      }, userConfig);
      // Expand "target" if it's not a jQuery object already.
        if (typeof config.target != 'jQuery')
          config.target = $(config.target);
    // Panel.
      // Methods.
        $this._hide = function(event) {
          // Already hidden? Bail.
            if (!config.target.hasClass(config.visibleClass))
              return;
          // If an event was provided, cancel it.
            if (event) {
              event.preventDefault();
              event.stopPropagation();
            }
          // Hide.
            config.target.removeClass(config.visibleClass);
          // Post-hide stuff.
            window.setTimeout(function() {
              // Reset scroll position.
                if (config.resetScroll)
                  $this.scrollTop(0);
              // Reset forms.
                if (config.resetForms)
                  $this.find('form').each(function() {
                    this.reset();
                  });
            }, config.delay);
        };
      // Vendor fixes.
        $this
          .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
          .css('-webkit-overflow-scrolling', 'touch');
      // Hide on click.
        if (config.hideOnClick) {
          $this.find('a')
            .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
          $this
            .on('click', 'a', function(event) {
              var $a = $(this),
                href = $a.attr('href'),
                target = $a.attr('target');
              if (!href || href == '#' || href == '' || href == '#' + id)
                return;
              // Cancel original event.
                event.preventDefault();
                event.stopPropagation();
              // Hide panel.
                $this._hide();
              // Redirect to href.
                window.setTimeout(function() {
                  if (target == '_blank')
                    window.open(href);
                  else
                    window.location.href = href;
                }, config.delay + 10);
            });
        }
      // Event: Touch stuff.
        $this.on('touchstart', function(event) {
          $this.touchPosX = event.originalEvent.touches[0].pageX;
          $this.touchPosY = event.originalEvent.touches[0].pageY;
        })
        $this.on('touchmove', function(event) {
          if ($this.touchPosX === null
          ||  $this.touchPosY === null)
            return;
          var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
            diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
            th = $this.outerHeight(),
            ts = ($this.get(0).scrollHeight - $this.scrollTop());
          // Hide on swipe?
            if (config.hideOnSwipe) {
              var result = false,
                boundary = 20,
                delta = 50;
              switch (config.side) {
                case 'left':
                  result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
                  break;
                case 'right':
                  result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
                  break;
                case 'top':
                  result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
                  break;
                case 'bottom':
                  result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
                  break;
                default:
                  break;
              }
              if (result) {
                $this.touchPosX = null;
                $this.touchPosY = null;
                $this._hide();
                return false;
              }
            }
          // Prevent vertical scrolling past the top or bottom.
            if (($this.scrollTop() < 0 && diffY < 0)
            || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
              event.preventDefault();
              event.stopPropagation();
            }
        });
      // Event: Prevent certain events inside the panel from bubbling.
        $this.on('click touchend touchstart touchmove', function(event) {
          event.stopPropagation();
        });
      // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
        $this.on('click', 'a[href="#' + id + '"]', function(event) {
          event.preventDefault();
          event.stopPropagation();
          config.target.removeClass(config.visibleClass);
        });
    // Body.
      // Event: Hide panel on body click/tap.
        $body.on('click touchend', function(event) {
          $this._hide(event);
        });
      // Event: Toggle.
        $body.on('click', 'a[href="#' + id + '"]', function(event) {
          event.preventDefault();
          event.stopPropagation();
          config.target.toggleClass(config.visibleClass);
        });
    // Window.
      // Event: Hide on ESC.
        if (config.hideOnEscape)
          $window.on('keydown', function(event) {
            if (event.keyCode == 27)
              $this._hide(event);
          });
    return $this;
  };
  /**
   * Apply "placeholder" attribute polyfill to one or more forms.
   * @return {jQuery} jQuery object.
   */
  $.fn.placeholder = function() {
    // Browser natively supports placeholders? Bail.
      if (typeof (document.createElement('input')).placeholder != 'undefined')
        return $(this);
    // No elements?
      if (this.length == 0)
        return $this;
    // Multiple elements?
      if (this.length > 1) {
        for (var i=0; i < this.length; i++)
          $(this[i]).placeholder();
        return $this;
      }
    // Vars.
      var $this = $(this);
    // Text, TextArea.
      $this.find('input[type=text],textarea')
        .each(function() {
          var i = $(this);
          if (i.val() == ''
          ||  i.val() == i.attr('placeholder'))
            i
              .addClass('polyfill-placeholder')
              .val(i.attr('placeholder'));
        })
        .on('blur', function() {
          var i = $(this);
          if (i.attr('name').match(/-polyfill-field$/))
            return;
          if (i.val() == '')
            i
              .addClass('polyfill-placeholder')
              .val(i.attr('placeholder'));
        })
        .on('focus', function() {
          var i = $(this);
          if (i.attr('name').match(/-polyfill-field$/))
            return;
          if (i.val() == i.attr('placeholder'))
            i
              .removeClass('polyfill-placeholder')
              .val('');
        });
    // Password.
      $this.find('input[type=password]')
        .each(function() {
          var i = $(this);
          var x = $(
                $('<div>')
                  .append(i.clone())
                  .remove()
                  .html()
                  .replace(/type="password"/i, 'type="text"')
                  .replace(/type=password/i, 'type=text')
          );
          if (i.attr('id') != '')
            x.attr('id', i.attr('id') + '-polyfill-field');
          if (i.attr('name') != '')
            x.attr('name', i.attr('name') + '-polyfill-field');
          x.addClass('polyfill-placeholder')
            .val(x.attr('placeholder')).insertAfter(i);
          if (i.val() == '')
            i.hide();
          else
            x.hide();
          i
            .on('blur', function(event) {
              event.preventDefault();
              var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
              if (i.val() == '') {
                i.hide();
                x.show();
              }
            });
          x
            .on('focus', function(event) {
              event.preventDefault();
              var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
              x.hide();
              i
                .show()
                .focus();
            })
            .on('keypress', function(event) {
              event.preventDefault();
              x.val('');
            });
        });
    // Events.
      $this
        .on('submit', function() {
          $this.find('input[type=text],input[type=password],textarea')
            .each(function(event) {
              var i = $(this);
              if (i.attr('name').match(/-polyfill-field$/))
                i.attr('name', '');
              if (i.val() == i.attr('placeholder')) {
                i.removeClass('polyfill-placeholder');
                i.val('');
              }
            });
        })
        .on('reset', function(event) {
          event.preventDefault();
          $this.find('select')
            .val($('option:first').val());
          $this.find('input,textarea')
            .each(function() {
              var i = $(this),
                x;
              i.removeClass('polyfill-placeholder');
              switch (this.type) {
                case 'submit':
                case 'reset':
                  break;
                case 'password':
                  i.val(i.attr('defaultValue'));
                  x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
                  if (i.val() == '') {
                    i.hide();
                    x.show();
                  }
                  else {
                    i.show();
                    x.hide();
                  }
                  break;
                case 'checkbox':
                case 'radio':
                  i.attr('checked', i.attr('defaultValue'));
                  break;
                case 'text':
                case 'textarea':
                  i.val(i.attr('defaultValue'));
                  if (i.val() == '') {
                    i.addClass('polyfill-placeholder');
                    i.val(i.attr('placeholder'));
                  }
                  break;
                default:
                  i.val(i.attr('defaultValue'));
                  break;
              }
            });
        });
    return $this;
  };
  /**
   * Moves elements to/from the first positions of their respective parents.
   * @param {jQuery} $elements Elements (or selector) to move.
   * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
   */
  $.prioritize = function($elements, condition) {
    var key = '__prioritize';
    // Expand $elements if it's not already a jQuery object.
      if (typeof $elements != 'jQuery')
        $elements = $($elements);
    // Step through elements.
      $elements.each(function() {
        var $e = $(this), $p,
          $parent = $e.parent();
        // No parent? Bail.
          if ($parent.length == 0)
            return;
        // Not moved? Move it.
          if (!$e.data(key)) {
            // Condition is false? Bail.
              if (!condition)
                return;
            // Get placeholder (which will serve as our point of reference for when this element needs to move back).
              $p = $e.prev();
              // Couldn't find anything? Means this element's already at the top, so bail.
                if ($p.length == 0)
                  return;
            // Move element to top of parent.
              $e.prependTo($parent);
            // Mark element as moved.
              $e.data(key, $p);
          }
        // Moved already?
          else {
            // Condition is true? Bail.
              if (condition)
                return;
            $p = $e.data(key);
            // Move element back to its original location (using our placeholder).
              $e.insertAfter($p);
            // Unmark element as moved.
              $e.removeData(key);
          }
      });
  };
 })(jQuery);
--- a/dist/assets/pgp/autonomic-key.asc
+++ b/dist/assets/pgp/autonomic-key.asc
@ -0,0 +1,64 @@
 -----BEGIN PGP PUBLIC KEY BLOCK-----
 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
 fG9YVaQqGxeUSQ==
 =OH/1
 -----END PGP PUBLIC KEY BLOCK-----
--- a/dist/assets/styles/ie8.css
+++ b/dist/assets/styles/ie8.css
@ -0,0 +1,66 @@
 /*
  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; }
--- a/dist/assets/styles/ie9.css
+++ b/dist/assets/styles/ie9.css
@ -0,0 +1,88 @@
 /*
  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; }
--- a/dist/assets/styles/images/arrow.svg
+++ b/dist/assets/styles/images/arrow.svg
@ -0,0 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px" viewBox="0 0 30 30" zoomAndPan="disable" preserveAspectRatio="none">
    <style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 3; } ]]></style>
  <line x1="0" y1="15" x2="15" y2="30" />
  <line x1="30" y1="15" x2="15" y2="30" />
  <line x1="15" y1="30" x2="15" y2="0" />
 </svg>
--- a/dist/assets/styles/images/bars.svg
+++ b/dist/assets/styles/images/bars.svg
@ -0,0 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" zoomAndPan="disable" preserveAspectRatio="none">
    <style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 2; } ]]></style>
  <line x1="0" y1="1" x2="16" y2="1" />
  <line x1="0" y1="7" x2="16" y2="7" />
  <line x1="0" y1="13" x2="16" y2="13" />
 </svg>
--- a/dist/assets/styles/images/close.svg
+++ b/dist/assets/styles/images/close.svg
@ -0,0 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" zoomAndPan="disable" preserveAspectRatio="none">
    <style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 2; } ]]></style>
  <line x1="0" y1="0" x2="16" y2="16" />
  <line x1="16" y1="0" x2="0" y2="16" />
 </svg>
--- a/dist/assets/styles/main.css
+++ b/dist/assets/styles/main.css
--- a/dist/blog/index.html
+++ b/dist/blog/index.html
@ -0,0 +1,110 @@
 <!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>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>
--- a/dist/blog/our-founding-principles/index.html
+++ b/dist/blog/our-founding-principles/index.html
@ -0,0 +1,159 @@
 <!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>
--- a/dist/index.html
+++ b/dist/index.html
@ -0,0 +1,227 @@
 <!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>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.
        </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@posteo.net">autonomic@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,2 @@`
							`/* jquery.scrollex v0.2.1 \| (c) @ajlkn \| github.com/ajlkn/jquery.scrollex \| MIT licensed */`
							!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
		`@ -0,0 +1,2 @@`
							`/* jquery.scrolly v1.0.0-dev \| (c) @ajlkn \| MIT licensed */`
							(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"\|\|f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);