news article template, association cleanup, footer email links to serif

web/src/components/layout/Footer.tsx

@@ -49,12 +49,16 @@ export const Footer = () => {
           <div>
             Generelle henvendelser
             <br />
-            <a href="/#">post@neuf.no</a>
+            <a href="/#" target="_blank" className={styles.emailLink}>
+              post@neuf.no
+            </a>
           </div>
           <div>
             Billetter
             <br />
-            <a href="/#">billetter@neuf.no</a>
+            <a href="/#" target="_blank" className={styles.emailLink}>
+              billetter@neuf.no
+            </a>
           </div>
           <div>
             <Link href="/kontakt">Øvrig kontaktinfo</Link>

web/src/components/layout/footer.module.scss

@@ -6,10 +6,6 @@
   z-index: 700;
   font-size: var(--font-size-caption);
   overflow: hidden;
-
-  a {
-    font-size: var(--font-size-caption);
-  }
 }
 
 .contactList {
@@ -91,11 +87,18 @@
   }
 }
 
+.emailLink {
+  font-family: var(--font-serif);
+  font-size: var(--font-size-lead);
+}
+
 .pig {
   position: absolute;
   bottom: -2rem;
   right: -2rem;
   z-index: 800;
+
+  display: none;
 }
 
 .toTop {

web/src/components/layout/header.module.scss

@@ -196,5 +196,5 @@
 .observer {
   position: absolute;
   top: calc(100vh + 8rem);
-  height: calc(100% - 100vh - 8rem);
+  height: 100%;
 }