use absolute paths with protocol

- prevent Mixed Content in #91
DevTips · Nov 1, 2016 · 698570d · 698570d
1 parent 5ec5c02
commit 698570d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/_includes/work.html b/_includes/work.html
@@ -13,7 +13,7 @@ <h3 id="work">Work</h3>
       <div class="thumb-container">
       {% for project in site.data.settings.projects %}
       <label for="{{ project.folder }}">
-        <div class="thumb-unit" data-folder="{{ project.folder }}">
+        <div class="thumb-unit" data-url="{{ site.github.url }}/work/{{ project.folder }}">
           <img src="{{ site.github.url }}/assets/img/work/{{project.folder}}/thumb.jpg" alt="{{ project.name }}" />
         </div>
         <div class="thumb-overlay">

diff --git a/assets/js/functions.js b/assets/js/functions.js
@@ -51,11 +51,10 @@ function  workLoad() {
   $('.thumb-container label').click(function() {
     var $this = $(this),
         newTitle = $this.find('strong').text(),
-        newFolder = $this.find('.thumb-unit').data('folder'),
         spinner = '<div class="loader">Loading...</div>',
-        newHTML = 'work/'+ newFolder;
+        url = window.location.origin + $this.find('.thumb-unit').data('url');
 
-    $('.project-load').html(spinner).load(newHTML);
+    $('.project-load').html(spinner).load(url);
     $('.project-title').text(newTitle);
   });