From ed41a547eeb6cfc628532466a99708b611352909 Mon Sep 17 00:00:00 2001
From: Frederic Hemberger <mail@frederic-hemberger.de>
Date: Sun, 6 Sep 2015 19:35:43 +0200
Subject: [PATCH 1/7] CSS: Optimize font weights and colors

---
 layouts/css/_variables.styl             |  2 ++
 layouts/css/base.styl                   |  8 ++++----
 layouts/css/page-modules/_download.styl | 10 +++++-----
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/layouts/css/_variables.styl b/layouts/css/_variables.styl
index 08d39bf517ddf..8a85fff7c7b22 100644
--- a/layouts/css/_variables.styl
+++ b/layouts/css/_variables.styl
@@ -7,6 +7,8 @@ $node-gray  = #333
 $darkgray   = #666
 $lightgray  = #999
 
+$border-color = #c0c0c0
+
 padded-link($padding)
     padding-left $padding
     padding-right $padding
diff --git a/layouts/css/base.styl b/layouts/css/base.styl
index f35067b455adf..ef30d67c735f4 100644
--- a/layouts/css/base.styl
+++ b/layouts/css/base.styl
@@ -3,8 +3,8 @@
 // Base styles
 body
     box-sizing border-box
-    font 300 20px/1.5 'Source Sans Pro', Arial, sans-serif
-    color #333
+    font 300 20px/1.5 'Source Sans Pro', Open Sans, Roboto, Helvetica, Arial, sans-serif
+    color $node-gray
     margin 0
     background-color #fff
 
@@ -18,7 +18,7 @@ h2,
 h3,
 h4,
 h5
-    font-weight normal
+    font-weight 400
 
 a,
 a:link,
@@ -55,7 +55,7 @@ code
 
 
 pre
-    background-color #333
+    background-color $node-gray
     border-radius 3px
     padding 0.75em 1.2em
     font-size 0.8em
diff --git a/layouts/css/page-modules/_download.styl b/layouts/css/page-modules/_download.styl
index f6846db4a7e5a..9449617b5d376 100644
--- a/layouts/css/page-modules/_download.styl
+++ b/layouts/css/page-modules/_download.styl
@@ -44,7 +44,7 @@
         width 33%
 
     td
-        border 1px solid #ccc
+        border 1px solid $border-color
 
         a,
         span
@@ -63,17 +63,17 @@ h5.download-table-previous-releases-header
 
 .download-table
     font-size small
-    border 1px solid #C0C0C0
+    border 1px solid $border-color
 
     td
         padding 5px
 
     > thead
-        font-weight bold
+        font-weight 600
 
     > tbody
         td
-            border-top 1px solid #C0C0C0
+            border-top 1px solid $border-color
 
         tr:nth-child(odd)
             background-color #eee
@@ -136,7 +136,7 @@ td.download-table-last
         td:before
             content attr(data-label)
             float left
-            font-weight bold
+            font-weight 600
 
         > thead > tr > th,
         > tbody > tr > th,

From 0ed05efd3ef08359b1a4351fd7d32312d7fecac0 Mon Sep 17 00:00:00 2001
From: Frederic Hemberger <mail@frederic-hemberger.de>
Date: Sun, 6 Sep 2015 19:36:41 +0200
Subject: [PATCH 2/7] Templates: Indentation

---
 layouts/partials/html-head.hbs | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/html-head.hbs b/layouts/partials/html-head.hbs
index f92fbd487b3fd..07e040d8b2ca5 100644
--- a/layouts/partials/html-head.hbs
+++ b/layouts/partials/html-head.hbs
@@ -21,12 +21,12 @@
     <link rel="stylesheet" href="/{{ site.locale }}/styles.css" media="all">
     <link rel="stylesheet" href="/static/css/prism-tomorrow.css" media="all">
     <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-      ga('create', 'UA-67020396-1', 'auto');
-      ga('send', 'pageview');
+        ga('create', 'UA-67020396-1', 'auto');
+        ga('send', 'pageview');
     </script>
 </head>

From 8d729f3531747ac94f9c4a06fffbd6bccf8a6e43 Mon Sep 17 00:00:00 2001
From: Frederic Hemberger <mail@frederic-hemberger.de>
Date: Sun, 6 Sep 2015 19:39:07 +0200
Subject: [PATCH 3/7] Templates: Move non-critical CSS to avoid blocked
 rendering

---
 layouts/partials/footer.hbs    | 22 ++++++++++++----------
 layouts/partials/html-head.hbs |  2 +-
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/layouts/partials/footer.hbs b/layouts/partials/footer.hbs
index a61c0c6c115e9..ecf0e8d394484 100644
--- a/layouts/partials/footer.hbs
+++ b/layouts/partials/footer.hbs
@@ -1,15 +1,5 @@
 <a href="#" id="scrollToTop">&uarr; <span>{{i18n.scrollToTop}}</span></a>
 
-<script type="text/javascript">
-    var $scrollToTop = document.getElementById('scrollToTop');
-    (window.onscroll = function() {
-        $scrollToTop.style.display = (window.pageYOffset > window.innerHeight) ? 'block' : 'none';
-    })();
-    $scrollToTop.onclick = function() {
-        window.scrollTo(0, 0);
-        return false;
-    };
-</script>
 <footer role="contentinfo">
 
     <div class="linuxfoundation-footer">
@@ -26,3 +16,15 @@
     </div>
 
 </footer>
+
+<link rel="stylesheet" href="/static/css/prism-tomorrow.css" media="all">
+<script type="text/javascript">
+    var $scrollToTop = document.getElementById('scrollToTop');
+    (window.onscroll = function() {
+        $scrollToTop.style.display = (window.pageYOffset > window.innerHeight) ? 'block' : 'none';
+    })();
+    $scrollToTop.onclick = function() {
+        window.scrollTo(0, 0);
+        return false;
+    };
+</script>
diff --git a/layouts/partials/html-head.hbs b/layouts/partials/html-head.hbs
index 07e040d8b2ca5..b03c0c297c953 100644
--- a/layouts/partials/html-head.hbs
+++ b/layouts/partials/html-head.hbs
@@ -19,7 +19,7 @@
         <link rel="alternate" href="/{{ ../site.locale }}/{{ link }}" title="{{ text }}" type="application/rss+xml">
     {{/each}}
     <link rel="stylesheet" href="/{{ site.locale }}/styles.css" media="all">
-    <link rel="stylesheet" href="/static/css/prism-tomorrow.css" media="all">
+
     <script>
         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

From 67d6400204d065794c000ccc1bfb07ae4af3e0a6 Mon Sep 17 00:00:00 2001
From: Frederic Hemberger <mail@frederic-hemberger.de>
Date: Sun, 6 Sep 2015 19:39:59 +0200
Subject: [PATCH 4/7] CSS: Optimize navigation and links on small screens

---
 layouts/css/layout/_lists.styl | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/layouts/css/layout/_lists.styl b/layouts/css/layout/_lists.styl
index 85555c1ce4ac1..28d3bf7ad4948 100644
--- a/layouts/css/layout/_lists.styl
+++ b/layouts/css/layout/_lists.styl
@@ -5,12 +5,17 @@
     li
         display inline-block
 
-@media screen and (min-width: 481px)
-  .list-divider-pipe
+        + li:before
+            content '|'
+            padding 0 .3em 0 .1em
+            color $lightgray
 
-      li
 
-          + li:before
-              content '|'
-              padding 0 .3em 0 .1em
-              color $lightgray
+@media screen and (max-width: 480px)
+    nav
+        .list-divider-pipe
+            margin-bottom 1rem
+            overflow hidden
+
+            li + li:before
+                display none

From 0089d75a471353f708b5dc33c12ae6471919e003 Mon Sep 17 00:00:00 2001
From: Frederic Hemberger <mail@frederic-hemberger.de>
Date: Sun, 6 Sep 2015 19:40:22 +0200
Subject: [PATCH 5/7] Performance: Use Google web-font loader

---
 layouts/partials/footer.hbs    | 1 +
 layouts/partials/html-head.hbs | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/footer.hbs b/layouts/partials/footer.hbs
index ecf0e8d394484..175ee9662165e 100644
--- a/layouts/partials/footer.hbs
+++ b/layouts/partials/footer.hbs
@@ -18,6 +18,7 @@
 </footer>
 
 <link rel="stylesheet" href="/static/css/prism-tomorrow.css" media="all">
+<script src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" async defer></script>
 <script type="text/javascript">
     var $scrollToTop = document.getElementById('scrollToTop');
     (window.onscroll = function() {
diff --git a/layouts/partials/html-head.hbs b/layouts/partials/html-head.hbs
index b03c0c297c953..eb9c3d08acaf0 100644
--- a/layouts/partials/html-head.hbs
+++ b/layouts/partials/html-head.hbs
@@ -5,7 +5,6 @@
     <link rel="dns-prefetch" href="http://fonts.googleapis.com">
     <link rel="dns-prefetch" href="http://fonts.gstatic.com">
     <link rel="dns-prefetch" href="http://www.google-analytics.com">
-    <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
 
     <meta name="author" content="{{ site.author }}">
     <meta name="robots" content="{{#if robots}}{{ robots }}{{else}}index, follow{{/if}}">
@@ -21,6 +20,7 @@
     <link rel="stylesheet" href="/{{ site.locale }}/styles.css" media="all">
 
     <script>
+        var WebFontConfig = { google: { families: ['Source Sans Pro:300,400,600'] } };
         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
         m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

From 5511f3c0444815ad0a4e0086613e2d71030abe97 Mon Sep 17 00:00:00 2001
From: Steve Mao <maochenyan@gmail.com>
Date: Wed, 2 Sep 2015 14:45:30 +1000
Subject: [PATCH 6/7] change isogram to nodejs

---
 layouts/partials/html-head.hbs | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/layouts/partials/html-head.hbs b/layouts/partials/html-head.hbs
index eb9c3d08acaf0..0c3c39fd38368 100644
--- a/layouts/partials/html-head.hbs
+++ b/layouts/partials/html-head.hbs
@@ -21,10 +21,10 @@
 
     <script>
         var WebFontConfig = { google: { families: ['Source Sans Pro:300,400,600'] } };
-        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+        !function(n,o,d,e,j,s){n.GoogleAnalyticsObject=d;n[d]||(n[d]=function(){
+        (n[d].q=n[d].q||[]).push(arguments)});n[d].l=+new Date;j=o.createElement(e);
+        s=o.getElementsByTagName(e)[0];j.src='//www.google-analytics.com/analytics.js';
+        s.parentNode.insertBefore(j,s)}(window,document,'ga','script');
 
         ga('create', 'UA-67020396-1', 'auto');
         ga('send', 'pageview');

From 1302516a800ecaea26e739b22b3617263436541d Mon Sep 17 00:00:00 2001
From: Frederic Hemberger <mail@frederic-hemberger.de>
Date: Sun, 6 Sep 2015 22:42:28 +0200
Subject: [PATCH 7/7] Fix footer

---
 layouts/css/layout/_sticky-footer.styl | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/css/layout/_sticky-footer.styl b/layouts/css/layout/_sticky-footer.styl
index f8f6c1b528e57..8ca114f2e4c2f 100644
--- a/layouts/css/layout/_sticky-footer.styl
+++ b/layouts/css/layout/_sticky-footer.styl
@@ -1,10 +1,10 @@
-html
-    height 100%
+// html
+//     height 100%
 
 body
     display flex
     flex-direction column
-    height 100%
+    // height 100%
     min-height 100vh
     margin 0