Added badges

content/contents.lr

@@ -7,10 +7,10 @@ body:
 #### banner ####
 image: header.jpg
 ----
-class: dark
-----
 height: 500
 ----
+class: dark
+----
 contents:
 
 <div class="container lektor-intro">
@@ -27,6 +27,17 @@ contents:
     <div class="col-md-4 visible-md-block visible-lg-block">
       <div class="download-btn"><a href="download/"
         ><i class="glyphicon glyphicon-download-alt"></i> Download</a></div>
+
+      <ul class="badges">
+        <li><a href="https://twitter.com/getlektor"
+          class="twitter-follow-button" data-show-count="false"
+          data-size="large" data-dnt="true">Follow @getlektor</a>
+        <li><a class="github-button" href="https://github.com/lektor/lektor"
+          data-style="mega" data-count-href="/lektor/lektor/stargazers"
+          data-count-api="/repos/lektor/lektor#stargazers_count"
+          data-count-aria-label="# stargazers on GitHub"
+          aria-label="Star lektor/lektor on GitHub">Star</a>
+      </ul>
     </div>
   </div>
   <div class="install-row">

templates/layout.html

@@ -75,4 +75,6 @@
     ga('create', 'UA-70822533-1', 'auto');
     ga('send', 'pageview');
   </script>
+  <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
+  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 </body>

webpack/scss/main.scss

@@ -348,6 +348,19 @@ i.feature-circle {
   line-height: 52px;
 }
 
+ul.badges {
+  text-align: right;
+  margin-top: 45px;
+  font-size: 0;
+  list-style: none;
+  padding: 0;
+
+  li {
+    margin: 10px 0;
+    padding: 0;
+  }
+}
+
 div.text-block {
   margin: 15px 0;
   &.text-block-centered {