Add a link to docs, upd footer

Author: zemlyansky

css/main.css

@@ -88,24 +88,40 @@ header img.phone {
   width: 320px;
 }
 
-header .social {
+header .links {
   position: absolute;
   right: 0;
   top: 60px;
-  width: 150px;
+  width: 350px;
   text-align: right;
+  display:flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  align-content: center;
+  align-items: center;
+}
+
+header .links a.link {
+  display: inline-block;
+  padding: 15px;
+  color: white;
+  text-decoration: none;
+  font-size: 16px;
+  display: inline-block;
+  margin: 0 10px 10px 0;
 }
 
-header .social .icon {
-  margin: 5px;
-  opacity: .2;
+header .links a {
+  margin: 5px 12px 5px 5px;
+  opacity: .7;
 }
 
-header .social .icon:hover {
-  opacity: .8;
+header .links a:hover {
+  opacity: .5;
 }
 
-header .social .icon img {
+header .links .icon img {
   width: 22px;
   filter: invert(100%);
     -webkit-filter: invert(100%);

index.html

@@ -22,13 +22,14 @@
     <header class="site-header">
       <div class="wrapper">
         <div class="header-content">
-        <img class="logo" alt="StatSim" src="images/logo.png"/>
-        <h1>Statistical Simulation and Inference in the Browser</h1>
-        <p><strong>StatSim</strong> is a free probabilistic simulation web app. Multiple simulation methods and over 20 built-in distributions make it possible to create complex models and implement Bayesian inference in the browser. Server-side processing coming soon... </p>
-        <a href="/app" class="cta cta-web">Open web app</a> or
-        <a href="https://github.com/statsim/app/releases" class="cta cta-download">Download</a>
+          <img class="logo" alt="StatSim" src="images/logo.png"/>
+          <h1>Statistical Simulation and Inference in the Browser</h1>
+          <p><strong>StatSim</strong> is a free probabilistic simulation web app. Multiple simulation methods and over 20 built-in distributions make it possible to create complex models and implement Bayesian inference in the browser. Server-side processing coming soon... </p>
+          <a href="/app" class="cta cta-web">Open web app</a> or
+          <a href="https://github.com/statsim/app/releases" class="cta cta-download">Download</a>
         </div>
-        <div class="social">
+        <div class="links">
+          <a href="/docs" class="link">Documentation</a>
           <a href="https://twitter.com/statsimcom" class="icon"><img src="images/twitter.svg"/></a>
           <a href="https://www.facebook.com/statsim" class="icon"><img src="images/facebook.svg"/></a>
           <a href="https://github.com/statsim" class="icon"><img src="images/github.svg"/></a>
@@ -119,14 +120,15 @@ <h2>Examples</h2>
     </section>
     <section class="footer">
       <div class="wrapper">
-        <p>© 2018 StatSim. Statistical Simulation and Bayesian Inference in the Browser.</p>
+        <p>© <span id="year"></span> StatSim. Statistical Simulation and Bayesian Inference in the Browser.</p>
       </div>
     </section>
     <script src="particles.min.js"></script>
     <script charset="utf-8">
       particlesJS.load('particles-js', 'particles-config.json', function() {
           console.log('callback - particles.js config loaded');
       })
+      document.getElementById('year').innerText = (new Date()).getFullYear()
     </script>
   </body>
 </html>