support baseurl. issue #4

Author: Nico Prananta

_includes/head.html

@@ -10,11 +10,11 @@
   <link rel="stylesheet" href="{{ "/css/component.css" | prepend: site.baseurl }}">
   <link rel="stylesheet" href="{{ "/css/demo.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="shortcut icon" href="{% if page.favicon %}{{ page.favicon }}{% else %}{{ "favicon.ico" }}{% endif %}">
+  <link rel="shortcut icon" href="{% if page.favicon %}{{ page.favicon | prepend: site.baseurl }}{% else %}{{ "favicon.ico" }}{% endif %}">
   <link rel="stylesheet" type="text/css" href="{{ "/fonts/feather/style.css" | prepend: site.baseurl }}">
   <link rel="stylesheet" type="text/css"  href="{{ "/css/animate.min.css" | prepend: site.baseurl  }}">
-  <script src="/js/modernizr.custom.js"></script>
-  <script src="/js/hammer.min.js"></script>
+  <script src="{{ "/js/modernizr.custom.js" | prepend: site.baseurl }}"></script>
+  <script src="{{ "/js/hammer.min.js" | prepend: site.baseurl }}"></script>
   {% if site.facebook %}
   <meta property="og:site_name" content="{% if page.facebook.site_name %}{{ page.facebook.site_name }}{% else %}{{ site.title }}{% endif %}"/>
   <meta property="og:title" content="{% if page.facebook.site_name %}{{ page.facebook.title }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"/>

_layouts/default.html

@@ -25,7 +25,7 @@
 
                       </div>
                       <div class="avatar">
-                          <img alt="" src="{{ site.author.avatar | prepend: base.url }}">
+                          <img alt="" src="{{ site.author.avatar | prepend: site.baseurl }}">
                       </div>
                       <div class="info">
                           <div class="title">

_plugins/download.rb

@@ -18,6 +18,8 @@ def initialize(tag_name, text, tokens)
     end
 
     def render(context)
+        site = context.registers[:site]
+        @img = site.baseurl + @img
         if @url.length > 0
             if @text
                 rendered = "<p style=\"text-align: center\"><a href=\""+@url+"\" class=\"centerbutton\">"+@text+"</a></p>"

_plugins/image.rb

@@ -12,6 +12,8 @@ def initialize(tag_name, text, tokens)
     end
 
     def render(context)
+        site = context.registers[:site]
+        @src = site.baseurl + @src
         if @alignment.downcase == "fill-width"
             # See below for explanation of [[[[  ]]]]
             "[[[[  <img class=\""+@alignmentClass+"\" src=\""+@src+"\" alt=\""+@alt+"\" /> ]]]]"

index.html

@@ -5,16 +5,17 @@
     <div style="display: flex; flex-direction: column; height: 88%; width: 100%; position: absolute; justify-content: center;">
         <section class="slider" id="main_slider">
             {% for post in site.posts %}
-            <div class="slide" data-content="{% if post.external_url %}{{ post.external_url }}{% else %}{{ post.permalink }}{% endif %}">
+            <div class="slide" data-content="{% if post.external_url %}{{ post.external_url }}{% else %}{{ post.permalink | prepend: site.baseurl }}{% endif %}">
                 <div class="slide__mover">
                     <div class="zoomer flex-center">
-                        <img class="zoomer__image" src="/images/{{ post.device }}.png" alt="{{ post.device }}" />
+                        {% assign device_image = '/images/' | append: post.device | append: '.png' | prepend: site.baseurl %}
+                        <img class="zoomer__image" src="{{ device_image }}" alt="{{ post.device }}" />
                         <div class="preview">
                             {% assign app_preview = '/images/' | append: post.name | downcase | append: '/preview.png'  %}
                             {% if post.app_preview %}
                                 {% assign app_preview = post.app_preview %}
                             {% endif %}
-                            <img src="{{ app_preview }}" alt="{{ post.name }}" />
+                            <img src="{{ app_preview | prepend: site.baseurl }}" alt="{{ post.name }}" />
                             <div class="zoomer__area zoomer__area--size-5"></div>
                         </div>
                     </div>

js/main.js

@@ -1,3 +1,6 @@
+---
+---
+
 /**
  * main.js
  * http://www.codrops.com
@@ -329,7 +332,7 @@
 
 			isOpen = false;
 
-			window.location = '/'+item.getAttribute('data-content')+'?fr='+current;
+			window.location = item.getAttribute('data-content')+'?fr='+current;
 
 			return;
 		});
@@ -368,7 +371,7 @@
 			if (qs["fr"] > 0) {
 				window.history.back();
 			} else {
-				window.location = '/';
+				window.location = {{ site.baseurl }};
 			}
 		});
 	}
@@ -465,7 +468,7 @@
 		if (current > 0) {
 			window.history.replaceState(null, '', '#'+current);
 		} else {
-			window.history.replaceState(null, '', '/');
+			window.history.replaceState(null, '', '#');
 		}
 
 		if (current % 2 == 0) {