Version 2.10 with bug fix

CHANGELOG.md

@@ -1,3 +1,9 @@
+## Version 2.10 - May 25 2017
+
+- Fixed issue (#7) causing '_fades.css' to not load with some site structures
+    - file '_fades.css' is now unnecessary
+- Added baseURL to header assets in case the lack of was also causing complications
+
 # Version 2.00 - April 20 2017
 
 - Load speed improvements:

README.md

@@ -1,4 +1,4 @@
-# <a href="https://github.com/vickylaiio/hugo-theme-introduction" target="_blank">Introduction theme for Hugo</a>
+# <a href="https://vickylai.io/introduction/" target="_blank">Introduction theme for Hugo</a>
 
 A minimal, single page, smooth scrolling theme for Hugo.
 

exampleSite/config.toml

@@ -1,4 +1,4 @@
-baseurl             = "/"
+baseurl             = "/" # Must end with /
 languageCode        = "en-us"
 title               = "Introduction"
 theme               = "introduction"
@@ -33,8 +33,7 @@ faviconfile   = "img/fav.ico"
 highlightjs   = true # Syntax highlighting
 lang          = "en"
 footertext    = "" # Text to show in footer (overrides default text)
-
-fadein          = true # Turn on/off the fade-in effect
+fadein        = true # Turn on/off the fade-in effect
 
 showblog        = true # Show Blog section on home page
 showallposts    = false # Set 'true' to list all posts on home page, or set 'false' to link to separate blog list page

layouts/partials/header.html

@@ -50,14 +50,14 @@
 {{ if .Site.Params.cachebuster }}
 
     {{ $t := now.Unix }}
-    <link rel="stylesheet" href="/css/{{ .Site.Params.theme }}-style.css?t={{$t}}">
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}css/{{ .Site.Params.theme }}-style.css?t={{$t}}">
     {{range .Site.Params.extracssfiles}}
         <link rel="stylesheet" href="{{.}}?t={{$t}}">
     {{ end }}
 
 {{ else }}
 
-    <link rel="stylesheet" href="/css/{{ .Site.Params.theme }}-style.css">
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}css/{{ .Site.Params.theme }}-style.css">
     {{range .Site.Params.extracssfiles}}
         <link rel="stylesheet" href="{{.}}">
     {{end}}
@@ -67,9 +67,9 @@
 <!-- Icon -->
 <link rel="shortcut icon"
 {{ if .Site.Params.faviconfile }}
-    href="/{{ .Site.Params.faviconfile }}"
+    href="{{ .Site.BaseURL }}{{ .Site.Params.faviconfile }}"
 {{ else }}
-    href="/img/favicon.ico"
+    href="{{ .Site.BaseURL }}img/favicon.ico"
 {{ end }}
 >
 

static/css/_fades.css

@@ -1,38 +0,0 @@
-/* make keyframes that tell the start state and the end state of our object */
- 
-@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
-@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
-@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- 
-.fade-in {
-	opacity:0;  /* make things invisible upon start */
-	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */
-	-moz-animation:fadeIn ease-in 1;
-	animation:fadeIn ease-in 1;
- 
-	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-	-moz-animation-fill-mode:forwards;
-	animation-fill-mode:forwards;
- 
-	-webkit-animation-duration:1s;
-	-moz-animation-duration:1s;
-	animation-duration:1s;
-}
- 
-.fade-in.one {
--webkit-animation-delay: 0.7s;
--moz-animation-delay: 0.7s;
-animation-delay: 0.7s;
-}
- 
-.fade-in.two {
--webkit-animation-delay: 1.4s;
--moz-animation-delay:1.4s;
-animation-delay: 1.4s;
-}
- 
-.fade-in.three {
--webkit-animation-delay: 1.8s;
--moz-animation-delay: 1.8s;
-animation-delay: 1.8s;
-}