Add the contact address to the footer

frontend/app/layouts/default.vue

@@ -40,6 +40,9 @@ const { data: categories } = await useFetch<Category[]>('/api/categories', {
         <div class="footer-block">
           <img class="footer-logo" src="/logo.png" :alt="SITE_NAME" width="400" height="400">
           <p class="muted">{{ SITE_DESCRIPTION }}</p>
+          <address class="contact">
+            Contact: <a :href="`mailto:${SITE_EMAIL}`">{{ SITE_EMAIL }}</a>
+          </address>
         </div>
 
         <nav class="footer-block" aria-label="Categories">
@@ -162,6 +165,17 @@ const { data: categories } = await useFetch<Category[]>('/api/categories', {
   margin-bottom: 1rem;
 }
 
+.contact {
+  margin-top: 0.75rem;
+  font-size: 0.95rem;
+  font-style: normal;
+}
+
+.contact a {
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+}
+
 .footer-block ul {
   padding: 0;
   margin: 0.9rem 0 0;

frontend/shared/utils/site.ts

@@ -3,3 +3,6 @@ export const SITE_NAME = 'CorralitoComing'
 
 /** One-line description, used as the home page meta description. */
 export const SITE_DESCRIPTION = 'Articles, guides and analysis.'
+
+/** Public contact address, shown in the footer. */
+export const SITE_EMAIL = 'corralitocoming@gmail.com'