Define contact information in params, add to footer of the page (#166)

contact icons in footer, opt-in via parameter

assets/css/theme.scss

@@ -273,3 +273,14 @@ a.fn-item {
 .site-footer a:hover {
   color: var(--sticky-menu-text-color);
 }
+
+/* Bottom Icons */
+.icons {
+  ol {
+    padding-left: 0;
+  }
+
+  li {
+    display: inline-block;
+  }
+}

exampleSite/config.toml

@@ -51,5 +51,13 @@ title = "Jane Doe - Nutrition Coach & Chef Consultant"
     # The sections of the home page alternate styling. Mark invert as true to swap the styling of the sections
     invertSectionColors = false
     
+    [params.footer]
+    # Show contact icons for email/phone (if specified) in the footer of the page
+    showContactIcons = false
+
     [params.meta]
         keywords = "some, keywords, for, seo, you, know, google, duckduckgo, and, such"
+
+    [params.contact]
+        email = "mail@janedoe.com"
+        phone = "+49 1111 555555"

exampleSite/content/homepage/contact.md

@@ -4,8 +4,8 @@ weight: 4
 header_menu: true
 ---
 
-{{<icon class="fa fa-envelope">}}&nbsp;[mail@janedoe.com](mailto:your-email@your-domain.com)
+{{<icon class="fa fa-envelope">}}&nbsp;[{{<email>}}](mailto:{{<email>}})
 
-{{<icon class="fa fa-phone">}}&nbsp;[+49 1111 555555](tel:+491111555555)
+{{<icon class="fa fa-phone">}}&nbsp;[{{<phone>}}](tel:{{<phone>}})
 
 Let us get in touch!

i18n/de.toml

@@ -0,0 +1,5 @@
+[email]
+other = "Email"
+
+[phone]
+other = "Telefon"

i18n/en.toml

@@ -0,0 +1,5 @@
+[email]
+other = "Email"
+
+[phone]
+other = "Phone"

layouts/partials/footer.html

@@ -1,5 +1,16 @@
 <footer class="site-footer">
   <div class="inner">
+    {{ if ne .Site.Params.footer.showContactIcons false }}
+      {{ with .Site.Params.contact }}
+      <section class="icons">
+        <ol>
+          <li><a href="mailto:{{ .email }}" aria-label='{{ i18n "email" }}'><i class="fa fa-envelope"></i></a></li>
+          <li><a href="tel:{{ .phone }}" aria-label='{{ i18n "phone" }}'><i class="fa fa-phone"></i></a></li>
+        </ol>
+      </section>
+      {{ end }}
+    {{ end }}
+
     {{ with .Site.Params.copyright }}
       <section class="copyright">{{ . | safeHTML }}</section>
     {{ end }}

layouts/shortcodes/email.html

@@ -0,0 +1 @@
+{{ .Site.Params.contact.email }}

layouts/shortcodes/phone.html

@@ -0,0 +1 @@
+{{ .Site.Params.contact.phone }}