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

@@ -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>