Add LinkedIn next to email in footer

Citizen-Knowledge-Graph · Jan 29, 2024 · d6fca82 · d6fca82
1 parent abb2c62
commit d6fca82
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -595,4 +595,18 @@ body {
 /*# sourceMappingURL=maps/style.css.map */
 .linkedin-logo-small {
   width: 25px;
-}
+}
+
+.linkedin-logo-footer {
+  width: 42px;
+}
+
+.footer-divider {
+  margin: 0 10px;
+  font-size: x-large;
+  color: lightgray;
+}
+
+.footer-mailto {
+  margin-top: 6px;
+}
diff --git a/src/_includes/base.njk b/src/_includes/base.njk
@@ -79,7 +79,11 @@
       <div class="container">
         <div class="row site-footer-link">
           <p>
-            {{footer.text}} <a href="mailto:{{footer.email}}">{{footer.email}}</a>
+            <a href="{{nav.linkedinLink}}" target="_blank">
+              <img class="linkedin-logo-footer" src="{% rootPath %}{{nav.linkedinLogo}}" alt="linkedin-logo" />
+            </a>
+            <div class="footer-divider">|</div>
+            <a class="footer-mailto" href="mailto:{{footer.email}}">{{footer.email}}</a>
           </p>
         </div>
       </div>