Fix the image path when the url is like: https://blogpush.github.io/geeksoflondon

Author: blogpush

sass/base/_theme.scss

@@ -1,4 +1,4 @@
-$noise-bg: image-url('/images/noise.png') top left !default;
+$noise-bg: image-url('../images/noise.png') top left !default;
 $img-border: inline-image('dotted-border.png');
 
 // Main Link Colors
@@ -12,7 +12,7 @@ $main-bg: #fff !default;
 $page-bg: #fff !default;
 $article-border: #eeeeee !default;
 
-$header-bg:  url(/images/background.jpg) !default;
+$header-bg:  url(../images/background.jpg) !default;
 $header-border: lighten(#418284, 15) !default;
 $title-color: #f2f2f2 !default;
 $subtitle-color: #ccc !default;
@@ -63,7 +63,7 @@ a {
 }
 
 html {
-  background: $page-bg image-url('/images/line-tile.png') top left;
+  background: $page-bg image-url('../images/line-tile.png') top left;
 }
 body {
   > div {

sass/partials/events.scss

@@ -5,7 +5,7 @@
     margin: 0px;
 
     li {
-      background-image: url(/images/calendar.png);
+      background-image: url(../images/calendar.png);
       background-repeat: no-repeat;
       background-position: 10px 15px;
       font-size: 1em;
@@ -28,4 +28,4 @@ aside {
       border-top: 0px;
     }
   }
-}
+}

source/_includes/custom/header.html

@@ -1,5 +1,5 @@
 <hgroup>
-  <h1><a href="{{ root_url }}/"><img src='/images/logo.png'></a></h1>
+  <h1><a href="{{ root_url }}/"><img src='../images/logo.png'></a></h1>
   {% if site.subtitle %}
     <h2>{{ site.subtitle }}</h2>
   {% endif %}

source/_includes/custom/navigation.html

@@ -2,5 +2,5 @@
   <li><a href="{{ root_url }}/">Home</a></li>
   <li><a href="{{ root_url }}/blog">News</a></li>
   <!-- <li><a href="{{ root_url }}/contact">Contact</a></li> -->
-  <li><a href="{{ root_url }}/atom.xml"><img src='/images/rss.png' /> RSS</a></li>
+  <li><a href="{{ root_url }}/atom.xml"><img src='../images/rss.png' /> RSS</a></li>
 </ul>

source/_layouts/frontpage.html

@@ -6,7 +6,7 @@
   <div id="main">
     <div id="content">
       <div>
-        <img src="/images/logo.png" />
+        <img src="../images/logo.png" />
         <article role="article">
           {{ content | expand_urls: root_url }}
         </article>