Sync Getting Started section with main repo README

_includes/head.html

@@ -11,4 +11,9 @@
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
   <!-- Place this tag in your head or just before your close body tag. -->
   <script async defer src="https://buttons.github.io/buttons.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
+  <script
+    src="https://code.jquery.com/jquery-3.2.1.min.js"
+    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
+    crossorigin="anonymous"></script>
 </head>

_sass/libs/_vars.scss

@@ -39,7 +39,7 @@
 	$palette: (
 		bg:					#2e3842,
 		fg:					#fff,
-		fg-bold:			#fff,
+		fb-bold:		  #2e3842,
 		fg-light:			rgba(255,255,255,0.5),
 		border:				#fff,
 		border-bg:			rgba(144,144,144,0.25),

css/main.scss

@@ -32,6 +32,47 @@ $baseurl: '{{ site.baseurl }}/images';
 		grid: ( gutters: 1.5em )
 	));
 
+/* CSS spinner */
+  .spinner {
+    margin: 25px auto 25px;
+    width: 70px;
+    text-align: center;
+  }
+
+  .spinner > div {
+    width: 18px;
+    height: 18px;
+    background-color: #333;
+    border-radius: 100%;
+    display: inline-block;
+    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
+    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
+  }
+
+  .spinner .bounce1 {
+    -webkit-animation-delay: -0.32s;
+    animation-delay: -0.32s;
+  }
+  .spinner .bounce2 {
+    -webkit-animation-delay: -0.16s;
+    animation-delay: -0.16s;
+  }
+
+  @-webkit-keyframes sk-bouncedelay {
+    0%, 80%, 100% { -webkit-transform: scale(0) }
+    40% { -webkit-transform: scale(1.0) }
+  }
+
+  @keyframes sk-bouncedelay {
+    0%, 80%, 100% { 
+      -webkit-transform: scale(0);
+      transform: scale(0);
+    } 40% { 
+      -webkit-transform: scale(1.0);
+      transform: scale(1.0);
+    }
+  }
+
 /* Basic */
 
 	@-ms-viewport {
@@ -109,6 +150,16 @@ $baseurl: '{{ site.baseurl }}/images';
 		}
 	}
 
+  h1 {
+		font-size: 1.5em;
+		line-height: 1.75em;
+
+		@include breakpoint(small) {
+			font-size: 1.2em;
+			line-height: 1.65em;
+		}
+  }
+
 	h2 {
 		font-size: 1.35em;
 		line-height: 1.75em;

getting_started.html

@@ -0,0 +1,18 @@
+---
+layout: page
+title: Getting started
+subtitle: How to build and use the erlangpl script
+---
+
+<section id="content">
+  <div class="spinner">
+    <div class="bounce1"></div>
+    <div class="bounce2"></div>
+    <div class="bounce3"></div>
+  </div>
+</section>
+<script>
+ $.get("https://raw.githubusercontent.com/erlanglab/erlangpl/master/README.md", function(data) {
+   $('#content').html(marked(data))
+ });
+</script>