diff --git a/assets/js/init.js b/assets/js/init.js
index 4d66202..0c5f0af 100755
--- a/assets/js/init.js
+++ b/assets/js/init.js
@@ -1,3 +1,5 @@
+---
+---
 /*
 	Arcana by HTML5 UP
 	html5up.net | @n33co
@@ -9,13 +11,13 @@
 	skel.init({
 		reset: 'full',
 		breakpoints: {
-			global:		{ range: '*', href: '/assets/css/style.css', containers: 1400, grid: { gutters: 50 } },
-			wide:		{ range: '-1680', href: '/assets/css/style-wide.css', containers: 1200, grid: { gutters: 40 } },
-			normal:		{ range: '-1280', href: '/assets/css/style-normal.css', containers: 960, grid: { gutters: 30 }, viewport: { scalable: false } },
-			narrow:		{ range: '-980', href: '/assets/css/style-narrow.css', containers: '95%', grid: { gutters: 20 } },
-			narrower:	{ range: '-840', href: '/assets/css/style-narrower.css', grid: { collapse: 1 } },
-			mobile:		{ range: '-736', href: '/assets/css/style-mobile.css', containers: '90%', grid: { gutters: 15 } },
-			mobilep:	{ range: '-480', href: '/assets/css/style-mobilep.css', grid: { collapse: 2 }, containers: '100%' }
+			global:		{ range: '*', href: '{{ site.baseurl }}/assets/css/style.css', containers: 1400, grid: { gutters: 50 } },
+			wide:		{ range: '-1680', href: '{{ site.baseurl }}/assets/css/style-wide.css', containers: 1200, grid: { gutters: 40 } },
+			normal:		{ range: '-1280', href: '{{ site.baseurl }}/assets/css/style-normal.css', containers: 960, grid: { gutters: 30 }, viewport: { scalable: false } },
+			narrow:		{ range: '-980', href: '{{ site.baseurl }}/assets/css/style-narrow.css', containers: '95%', grid: { gutters: 20 } },
+			narrower:	{ range: '-840', href: '{{ site.baseurl }}/assets/css/style-narrower.css', grid: { collapse: 1 } },
+			mobile:		{ range: '-736', href: '{{ site.baseurl }}/assets/css/style-mobile.css', containers: '90%', grid: { gutters: 15 } },
+			mobilep:	{ range: '-480', href: '{{ site.baseurl }}/assets/css/style-mobilep.css', grid: { collapse: 2 }, containers: '100%' }
 		},
 		plugins: {
 			layers: {