Correct some performance and accessibility issues.

_includes/head.html

@@ -11,11 +11,9 @@
   {% if page.description %}<meta property="og:description" content="{{ page.description }}">
   <meta type="description" content="{{ page.description }}">{% endif %}
   {% if page.image %} <meta property="og:image" content="{{ page.image }}">{% endif %}
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{% if page.title == "Home" %}{{ site.title }} &middot; {{ site.tagline }}{% else %}{{ page.title }} &middot; {{ site.title }}{% endif %}</title>
   <link rel="stylesheet" href="/public/css/styles.css">
-  <link rel="stylesheet" href="/public/css/syntax.css">
-  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/public/apple-touch-icon-144-precomposed.png">
   <link rel="shortcut icon" href="/public/favicon.ico">
   <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">

_layouts/default.html

@@ -12,14 +12,4 @@
     </div>
 
   </body>
-  <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');
-
-  ga('create', 'UA-2654191-1', 'auto');
-  ga('send', 'pageview');
-
-</script>
 </html>

public/css/styles.css

@@ -10,7 +10,10 @@
  */
 
 html {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 
+    "Segoe UI", "Roboto", "Oxygen", 
+    "Ubuntu", "Cantarell", "Fira Sans", 
+    "Droid Sans", "Helvetica Neue", sans-serif;
 }
 @media (min-width: 48em) {
   html {
@@ -53,17 +56,20 @@ html {
 }
 
 body {
-  color: #515151;
+  color: #202020;
   background-color: #fff;
   -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
 }
 
 /* No `:visited` state is required by default (browsers will use `a`) */
 a {
-  color: #268bd2;
+  color: #0000ff;
   text-decoration: none;
 }
+.content a {
+  text-decoration: underline;
+}
 a strong {
   color: inherit;
 }
@@ -350,7 +356,7 @@ tbody tr:nth-child(odd) th {
   display: block;
   margin-top: -.5rem;
   margin-bottom: 1rem;
-  color: #9a9a9a;
+  color: #343434;
 }
 
 /* Related posts */
@@ -440,7 +446,7 @@ a.pagination-item:hover {
 .sidebar {
   text-align: center;
   padding: 2rem 1rem;
-  color: rgba(255,255,255,.5);
+  color: #FFFFFF;
   background-color: #202020;
 }
 @media (min-width: 48em) {