add contact info

css/default.scss

@@ -5,13 +5,15 @@ $themes: (
     "background": #F3F8F1,
     "primary": #D7263D,
     "secondary": #984EA3,
-    "text": black
+    "text": black,
+    "filter": invert(0)
   ),
   "dark": (
     "primary": #88d498,
     "secondary": #db5375,
     "background": #161616,
-    "text": white
+    "text": white,
+    "filter": invert(1) 
   )
 );
 
@@ -211,6 +213,21 @@ article .header {
 }
 }
 
+.svg-img {
+  border: none;
+  margin: none;
+  filter: var(--filter);
+  height: 1.4rem;
+  display: inline;
+}
+
+footer {
+  font-size: 1.4rem;
+  border-top: 1px dotted;
+  text-align: left;
+  align-content: left;
+}
+
 img {
     border: 1px solid;
     margin: auto;

templates/default.html

@@ -39,7 +39,7 @@
             <nav>
                 <a href="/">Home</a>
                 <a href="/gallery.html" title="Photo gallery">Photos</a>
-                <a href="https://github.com/rostyhn" title="Github"><i class="fa-brands fa-github"></i></a>
+            <a href="https://github.com/rostyhn" title="Github"><i class="fa-brands fa-github"></i></a>
                 <a href="https://git.rshyn.site/explore/repos" title="Self-hosted Gitea instance"><i class="fa-brands fa-git-alt"></i></a>
                 <button id="btn-switch" title="Switch light / dark mode"><i class="fa-solid fa-circle-half-stroke"></i></button>
             </nav>
@@ -48,5 +48,16 @@
             <h1>$title$</h1>
             $body$
         </main>
+        <footer>
+            <i>
+            Contact:
+            </i>
+            <div>
+                <img class="svg-img" src="../images/email.svg"/>
+            </div>
+            <div>
+                <img class="svg-img" src="../images/asu_email.svg"/>
+            </div>
+        </footer>
     </body>
 </html>