add more practical info content, opening hours + some association sketching

web/src/components/layout/Footer.tsx

@@ -62,14 +62,22 @@ export const Footer = () => {
             </p>
           </li>
           <li className={styles.contactItem}>
-            <h2 className="suphead">Åpningstider</h2>
-            <p>
-              Glassbaren
-              <br />
-              Andre lokaler?
-              <br />
-              Generelle åpningstider?
-            </p>
+            <h2 className="suphead">Åpningstider i dag</h2>
+            <table className="openingHours">
+              <tr>
+                <td>Glassbaren</td>
+                <td>15:00—00:30</td>
+              </tr>
+              <tr>
+                <td>Bokcaféen</td>
+                <td>19:00—23:30</td>
+              </tr>
+              <tr>
+                <td>Ekspedisjonen</td>
+                <td>15:00—00:00</td>
+              </tr>
+            </table>
+            <Link href="/praktisk#apningstider">Se alle åpningstider</Link>
           </li>
         </ul>
       </div>

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

@@ -25,7 +25,7 @@
 
 .contactItem {
   list-style: none;
-  grid-column: span 3;
+  grid-column: span 4;
 
   h2 {
     margin-bottom: 1em;
@@ -36,7 +36,9 @@
   }
 
   ul,
-  p {
+  p,
+  table,
+  a {
     font-size: var(--font-size-caption);
   }
 }