Use assets folder for bgimg and homeimg

4 files changed, 10 insertions, 11 deletions

diff --git a/README.md b/README.md
index 1d1182b..db19dd7 100644
--- a/README.md
+++ b/README.md
@@ -34,18 +34,18 @@ googleAnalytics = "Your google analytics tracking ID - optional"
 disqusShortname = "Your shortname for Disqus - optional"

 

 [params]

-brand = "The name that is displayed in the top left of the website, consider it the website name"

-description = "The website's description"

-homeimg = "URL to the image used for the home button at the bottom of each post - optional"

-bgimg = "URL to the image used for the page background - optional"

-rssinmenu = whether you would like a RSS feed link to appear in the navigation menu (true, false) - optional

+	brand = "The name that is displayed in the top left of the website, consider it the website name"

+	description = "The website's description"

+	homeimg = "Path, within the 'assets' folder, of the image used for the home button at the bottom of each post - optional"

+	bgimg = "Path, within the 'assets' folder, of the image used for the page background - optional"

+	rssinmenu = whether you would like a RSS feed link to appear in the navigation menu (true, false) - optional

 ```

 

 The `title` parameter is used for each page title, the title that search engines display in search results. If you would like the title shown in the top left of the page to be different from the page title, use the `brand` parameter. For instance, the title parameter for my site is `Joe Hutchinson` but the brand parameter is set to `joehutch`.

 

 Find your `language code` [here](https://www.metamodpro.com/browser-language-codes).

 

-The `homeimg` and `bgimg` parameters give you the ability to customize the look of your site further. The homeimg parameter is the image used for the home button at the bottom of every page. Since the text used on the home button is white, a darker background image is preferred. If the homeimg parameter is not specified, a fallback image is used. Similarly, the bgimg parameter is used for the background of each webpage. Aether is designed to look best with a subtle tiling image for the background. If no background image is specified, the background will be a solid gray color.

+The `homeimg` and `bgimg` parameters give you the ability to customize the look of your site further. Both the homeimg and the bgimg should reside in the assets folder of your site. The homeimg parameter is the image used for the home button at the bottom of every page. Since the text used on the home button is white, a darker background image is preferred. If the homeimg parameter is not specified, a fallback image is used. Similarly, the bgimg parameter is used for the background of each webpage. Aether is designed to look best with a subtle tiling image for the background. If no background image is specified, the background will be a solid gray color.

 

 That is the only configuration required at the site level! You can now begin writing content for your site.

 

diff --git a/static/img/grey-cloud.jpg b/assets/img/grey-cloud.jpg
index eb8a20b..eb8a20b 100644
--- a/static/img/grey-cloud.jpg
+++ b/assets/img/grey-cloud.jpg
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 426b21d..4dae5fd 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -28,19 +28,18 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.css" integrity="sha384-9eLZqc9ds8eNjO3TmqPeYcDj8n+Qfa4nuSiGYa6DjLNcv9BtN69ZIulL9+8CqC9Y" crossorigin="anonymous">
   {{ $mainStyle := resources.Get "css/style.css" }}
-  {{ $xcodeStyle := resources.Get "css/xcode.css" }}
   {{ $fontStyle := resources.Get "css/latolatinfonts.css" }}
   {{ $overrideStyle := resources.Get "css/override.css" }}
-  {{ $style := slice $xcodeStyle $fontStyle $mainStyle $overrideStyle | resources.Concat "css/concated.css" | minify }}
+  {{ $style := slice $fontStyle $mainStyle $overrideStyle | resources.Concat "css/concated.css" | minify }}
   <link href="{{ $style.Permalink }}" rel="stylesheet">
   {{ range .AlternativeOutputFormats -}}
     {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
   {{ end -}}
   {{ template "_internal/google_analytics.html" . }}
-  {{ if isset $.Site.Params "bgimg" -}}
+  {{ with resources.Get $.Site.Params.bgimg -}}
   <style>
     body {
-      background: #ecedef url("{{ $.Site.Params.bgimg | absURL | safeCSS }}") repeat;
+      background: #ecedef url("{{ .Permalink | safeCSS }}") repeat;
     }
   </style>
   {{- end }}
diff --git a/layouts/partials/home-card.html b/layouts/partials/home-card.html
index 5490e70..7435a58 100644
--- a/layouts/partials/home-card.html
+++ b/layouts/partials/home-card.html
@@ -1,4 +1,4 @@
 <a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)" 
-  href="{{ .Site.BaseURL }}" class="card home-card" style="background-image: url({{if isset .Site.Params "homeimg"}} {{ .Site.Params.homeimg | absURL | safeCSS }} {{ else }} {{ "img/grey-cloud.jpg" | absURL | safeCSS }} {{ end }})" rel="bookmark" >
+  href="{{ .Site.BaseURL }}" class="card home-card" style="background-image: url({{if isset .Site.Params "homeimg"}} {{ (resources.Get .Site.Params.homeimg).Permalink | safeCSS }} {{ else }} {{ (resources.Get "img/grey-cloud.jpg").Permalink | safeCSS }} {{ end }})" rel="bookmark" >
   Home
 </a>
\ No newline at end of file