Add copyright notice to bottom of page, so that the copyright variable in config.toml actually does something

2 files changed, 50 insertions, 41 deletions

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index f5a69b2..3f53b35 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,43 +1,48 @@
 <div class="footer pure-g">
     <div class="pure-u-1-24 pure-u-md-5-24"></div>
     <div class="pure-u-11-12 pure-u-md-5-8">
-        <div class="pure-menu pure-menu-horizontal footer-content">
-            <ul>
-                <li class="pure-menu-heading" id="foot-name">{{ .Site.Author.name }}:</li>
-
-                {{ if .Site.Author.email }}
-                <li class="pure-menu-item">
-                    <a href="mailto:{{ .Site.Author.email }}" class="pure-menu-link">Email</a>
-                </li>
-                {{ end }}
-
-                {{ if .Site.Author.github }}
-                <li class="pure-menu-item">
-                    <a href="https://github.com/{{ .Site.Author.github }}" class="pure-menu-link">GitHub</a>
-                </li>
-                {{ end }}
-
-                {{ if .Site.Author.linkedin }}
-                <li class="pure-menu-item">
-                    <a href="https://www.linkedin.com/in/{{ .Site.Author.linkedin }}" class="pure-menu-link">LinkedIn</a>
-                </li>
-                {{ end }}
-
-                {{ if .Site.Author.facebook }}
-                <li class="pure-menu-item">
-                    <a href="https://www.facebook.com/{{ .Site.Author.facebook }}" class="pure-menu-link">Facebook</a>
-                </li>
-                {{ end }}
-
-                {{ if .Site.Author.twitter }}
-                <li class="pure-menu-item">
-                    <a href="https://twitter.com/{{ .Site.Author.twitter }}" class="pure-menu-link">Twitter</a>
-                </li>
-                {{ end }}
-
-            </ul>
-            <a href="#" class="pure-menu-heading pull-right" id="gototop-btn">↑↑</a>
-        </div>
+        <div class="footer-content">
+		  <div class="pure-menu pure-menu-horizontal">
+              <ul>
+                  <li class="pure-menu-heading" id="foot-name">{{ .Site.Author.name }}:</li>
+          
+                  {{ if .Site.Author.email }}
+                  <li class="pure-menu-item">
+                      <a href="mailto:{{ .Site.Author.email }}" class="pure-menu-link">Email</a>
+                  </li>
+                  {{ end }}
+          
+                  {{ if .Site.Author.github }}
+                  <li class="pure-menu-item">
+                      <a href="https://github.com/{{ .Site.Author.github }}" class="pure-menu-link">GitHub</a>
+                  </li>
+                  {{ end }}
+          
+                  {{ if .Site.Author.linkedin }}
+                  <li class="pure-menu-item">
+                      <a href="https://www.linkedin.com/in/{{ .Site.Author.linkedin }}" class="pure-menu-link">LinkedIn</a>
+                  </li>
+                  {{ end }}
+          
+                  {{ if .Site.Author.facebook }}
+                  <li class="pure-menu-item">
+                      <a href="https://www.facebook.com/{{ .Site.Author.facebook }}" class="pure-menu-link">Facebook</a>
+                  </li>
+                  {{ end }}
+          
+                  {{ if .Site.Author.twitter }}
+                  <li class="pure-menu-item">
+                      <a href="https://twitter.com/{{ .Site.Author.twitter }}" class="pure-menu-link">Twitter</a>
+                  </li>
+                  {{ end }}
+          
+              </ul>
+              <a href="#" class="pure-menu-heading pull-right" id="gototop-btn">↑↑</a>
+          </div>
+		  {{ if .Site.Copyright }}
+		  <p id="foot-copyright">{{ .Site.Copyright | safeHTML }}</p>
+		  {{ end }}
+		</div>
 	  </div>
       <div class="pure-u-1-24 pure-u-md-1-6"></div>
 </div>
diff --git a/static/css/custom.css b/static/css/custom.css
index ee5a478..71f6678 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -97,6 +97,8 @@ body {
 
 .footer-content {
 	border-top: 1px solid #e3e3e3;
+	font-size: 80%;
+	color: #bbb;
 }
 
 .footer-content a {
@@ -114,14 +116,16 @@ body {
 
 #gototop-btn {
 	display: inline-block;
-	color: #bbb;
-	font-size: 80%;
 }
 
 #foot-name {
 	text-transform: none;
-	font-size: 80%;
-	color: #bbb;
+}
+
+#foot-copyright {
+	padding-left: 1em;
+	padding-bottom: 0.5em;
+	margin: 0;
 }
 
 .post {