Add homepage background image

See #2
Track3 · Nov 22, 2018 · e594f1a · e594f1a
1 parent 0a0ee1a
commit e594f1a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -32,6 +32,7 @@ copyright = "This work is licensed under a Creative Commons Attribution-NonComme
   footerCopyright = ' &#183; <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a>'
   # gitUrl = "https://github.com/Someone/SomeRepo/commit/" # Prefix of link to you git commit detail page. GitInfo must be enabled. 
   justifyContent = false  # Set "text-align: justify" to .content
+  # bgImg = ""  #  Homepage background-image URL
 
   [[params.social]]
     name = "twitter"

diff --git a/layouts/index.html b/layouts/index.html
@@ -1,4 +1,7 @@
 {{ define "main" }}
+	{{- with .Site.Params.bgImg }}
+	<div class="bg-img" style="background-image: url('{{ . }}')"></div>
+	{{- end }}
 	<div id="spotlight" class="animated fadeIn">
 		<div id="home-center">
 			<h1 id="home-title">{{ .Site.Title }}</h1>