baseurl-relative assets

Author: dgopstein

_includes/head.html

@@ -6,13 +6,13 @@
   <meta name="viewport" content="width=device-width,initial-scale=1">
 
   <link rel="shortcut icon" href="{{ site.avatar }}">
-  <link rel="stylesheet" href="/css/reset.css">
-  <link rel="stylesheet" href="/css/font.css">
-  <link rel="stylesheet" href="/css/mobile.css">
-  <link rel="stylesheet" href="/css/desktop.css" media="(min-width:40em)">
-  <link rel="stylesheet" href="/css/pygments.css">
-  <link rel="stylesheet" href="/css/ssl.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}css/reset.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}css/font.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}css/mobile.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}css/desktop.css" media="(min-width:40em)">
+  <link rel="stylesheet" href="{{ site.baseurl }}css/pygments.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}css/ssl.css">
   <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700|Ubuntu:300,500,300italic,500italic|Ubuntu+Condensed' rel='stylesheet' type='text/css'>
-  <script type="text/javascript" charset="utf-8" src="/js/matchmedia.js"></script>
-  <script type="text/javascript" charset="utf-8" src="/js/picturefill.js"></script>
+  <script type="text/javascript" charset="utf-8" src="{{ site.baseurl }}js/matchmedia.js"></script>
+  <script type="text/javascript" charset="utf-8" src="{{ site.baseurl }}js/picturefill.js"></script>
 </head>

index.html

@@ -2,7 +2,7 @@
 layout: default
 ---
 
-<link rel="stylesheet" href="/css/index.css">
+<link rel="stylesheet" href="{{ site.baseurl }}css/index.css">
 
 <div class="index-hero">
 Secure<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Systems<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Lab

people.html

@@ -3,7 +3,7 @@
 layout: default
 ---
 
-<link rel="stylesheet" href="/css/people.css">
+<link rel="stylesheet" href="{{ site.baseurl }}css/people.css">
 
 <ul class="people-boxes">
 {% for person in site.data.people %}