update footer

Author: Lutong Chen

README.md

@@ -55,7 +55,23 @@ Alse you can add your own custom menus in `config.toml` like this:
     weight = 7
 ```
 
-None you add add your contacts like this:
+A Menu in the footer is also available:
+
+```
+[[menu.footer]]
+    identifier = "home"
+    name = "home"
+    url = "/"
+    weight = 1
+
+[[menu.footer]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+    weight = 2
+```
+
+Now you can add your contacts like this:
 
 ```
 # Social icons to be shown on the right-hand side of the navigation bar

archetypes/zone.md

@@ -0,0 +1,5 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+draft: false
+---

exampleSite/config.toml

@@ -14,14 +14,25 @@ footnoteReturnLinkContents = "^"
     """
     copyright = "Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved."
 
-[menu]
 
-  [[menu.main]]
+[[menu.main]]
     identifier = "about"
     name = "About"
     url = "/about/"
     weight = 10
 
+[[menu.footer]]
+    identifier = "home"
+    name = "home"
+    url = "/"
+    weight = 1
+
+[[menu.footer]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+    weight = 2
+
 [taxonomies]
 category = "categories"
 tag = "tags"

layouts/partials/footer.html

@@ -1,5 +1,21 @@
-<div class="layui-container ">
-    <footer>
-        <p class="copyright">{{ .Site.Params.copyright | default "&copy; All rights reserved. Powered by [Hugo](https://gohugo.io) and [Erblog](https://github.com/ertuil/erblog)." | markdownify }}</p>
-    </footer>
-</div>
+<footer>
+    {{ if .Site.Menus.footer }}
+
+    <div class="layui-container">
+        <div class="layui-row">
+            <div class="layui-col-md4 layui-col-sm6 layui-col-xs6">
+                <h3> Related Sites </h3>
+            </div>
+        </div>
+        <div class="layui-row">
+            {{ range sort .Site.Menus.footer }}
+            <div class="layui-col-md4 layui-col-sm6 layui-col-xs12">
+                <a href="{{ .URL }}"><p class="footer-url">{{ .Name }}</p></a>
+            </div>
+            {{end}}
+        </div>
+    </div>
+    {{end}}
+    
+    <p class="copyright">{{ .Site.Params.copyright | default "&copy; All rights reserved. Powered by [Hugo](https://gohugo.io) and [Erblog](https://github.com/ertuil/erblog)." | markdownify }}</p>
+</footer>

layouts/zone/list.html

@@ -41,7 +41,7 @@ <h3 class="layui-timeline-title">Prev</h3>
               <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
               <div class="layui-timeline-content layui-text">
                 <h3 class="layui-timeline-title">{{.Date.Format "2006-01-02"}}</h3>
-                <div class="layui-card-body">
+                <div class="layui-card-body markdown-body">
                     {{ .Content }}
                 </div>
               </div>

static/self/css/default.css

@@ -2,6 +2,7 @@ body {
     background-color: #f6f8fa!important;
     font-family: monospace, Helvetica, Tahoma, Arial;;
 }
+
 /* index */
 .about {
     margin-top: 40px;
@@ -205,10 +206,31 @@ body {
 
 /* Footer */
 footer {
+    /* background-color: #393D49; */
+    background-color: #2F4056;
+    padding: 20px 0 20px;
+
     text-align: center;
-    margin-top: 20px;
     border-bottom: var(--border-width) solid var(--accent);
     font-family: 'TT Commons',Arial,Helvetica,sans-serif;
     font-size: 1.0625rem;
-    color: #697A89;
-}
+    color: #ffffff;
+}
+
+.copyright {
+    border-bottom: var(--border-width) solid var(--accent);
+    font-family: 'TT Commons',Arial,Helvetica,sans-serif;
+    font-size: 1.0625rem;
+    color: #ffffff;
+    margin-top: 10px;
+}
+
+.footer-url {
+    color: #c2c2c2;
+}
+
+
+.footer-url:hover {
+    color: #f2f2f2;
+    text-decoration: underline;
+}