Switch to https instead of protocol-relative. Switch to Lato type face.

_includes/head.html

@@ -26,15 +26,15 @@
   <link id="favicon" rel="icon" type="image/png" href="favicon.png" >
 
   <!-- Prefetch DNS for external assets -->
-  <link rel="dns-prefetch" href="//fonts.googleapis.com">
-  <link rel="dns-prefetch" href="//themes.googleusercontent.com">
-  <link rel="dns-prefetch" href="//www.google-analytics.com">
-  <link rel="dns-prefetch" href="//ajax.googleapis.com">
+  <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+  <link rel="dns-prefetch" href="https://themes.googleusercontent.com">
+  <link rel="dns-prefetch" href="https://www.google-analytics.com">
+  <link rel="dns-prefetch" href="https://ajax.googleapis.com">
 
   {% if page.prism %}<link rel="stylesheet" href="{{ site.baseurl }}/css/prism.css" />{% endif %}
   <link rel="stylesheet" href="{{ site.baseurl }}/css/style.css" />
   <link rel="stylesheet" href="{{ site.baseurl }}/css/shuffle-styles.css" />
-  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu:300,400,700">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400">
   {% if page.extraCSS %}
   {% for href in page.extraCSS %}
   <link rel="stylesheet" href="{{ site.baseurl }}{{ href }}" />

_includes/scripts.html

@@ -1,9 +1,9 @@
 {% if page.jquery != false %}
 <!--[if lt IE 9]>
-  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <![endif]-->
 <!--[if gte IE 9]><!-->
-  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
 <!--<![endif]-->
 {% endif %}
 

_posts/2013-05-03-images.html

@@ -45,7 +45,7 @@ prism: true
           <img src="{{ site.baseurl }}/img/{{ item.img }}" alt="{{item.title}}"/>
         </div>
       </div>
-      <figcaption>{{ item.groups }}</figcaption>
+      <figcaption>{{ item.groups | join: ', ' }}</figcaption>
     </figure>
     {% endfor %}
     <div class="col-3@sm col-3@xs" id="js-sizer"></div>
@@ -104,7 +104,7 @@ prism: true
       &lt;img src="/img/tennis-ball.png" alt="3D render of a tennis ball"&gt;
     &lt;/div&gt;
   &lt;/div&gt;
-  &lt;figcaption&gt;wallpaper3d&lt;/figcaption&gt;
+  &lt;figcaption&gt;wallpaper, 3d&lt;/figcaption&gt;
 &lt;/figure&gt;</code></pre>
       </div>
     </div>

_posts/2013-06-29-image-problems.html

@@ -34,7 +34,7 @@ extraJS: [ "demos/images.js"]
     {% for item in site.items %}
     <figure class="js-item img-item col-3@sm col-3@xs">
       <img src="{{ site.baseurl }}/img/{{ item.img }}" alt="{{item.title}}"/>
-      <figcaption>{{ item.groups }}</figcaption>
+      <figcaption>{{ item.groups | join: ', ' }}</figcaption>
     </figure>
     {% endfor %}
     <div class="col-3@sm col-3@xs" id="js-sizer"></div>

_posts/2014-04-09-requirejs.html

@@ -61,4 +61,4 @@ pagejs: false
 {% include credit-jake.html %}
 
 
-<script data-main="{{ site.baseurl }}/js/require-main.js" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.11/require.min.js"></script>
+<script data-main="{{ site.baseurl }}/js/require-main.js" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.11/require.min.js"></script>

_scss/_type.scss

@@ -1,5 +1,5 @@
 body {
-  font-family: 'Ubuntu', Verdana, sans-serif;
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
   color: $gray30;
 }
 

css/style.css

@@ -408,7 +408,7 @@ nav > a {
   margin-bottom: 32px; }
 
 body {
-  font-family: 'Ubuntu', Verdana, sans-serif;
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
   color: #5D6D77; }
 
 a {