misc messy design progress, fix table error, add more placeholder content to pages, etc

web/src/components/layout/Footer.tsx

@@ -2,10 +2,14 @@ import Link from "next/link";
 import styles from "./footer.module.scss";
 import { NeonChillPig } from "../general/pigs/fun/NeonChillPig";
 import { ToTop } from "./ToTop";
+import { LogoNeuf } from "../general/Logo";
 
 export const Footer = () => {
   return (
     <footer className={styles.footer}>
+      <div className={styles.logo}>
+        <LogoNeuf />
+      </div>
       <div className={styles.contact}>
         <ul className={styles.contactList}>
           <li className={styles.contactItem}>
@@ -64,18 +68,20 @@ export const Footer = () => {
           <li className={styles.contactItem}>
             <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>
+              <tbody>
+                <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>
+              </tbody>
             </table>
             <Link href="/praktisk#apningstider">Se alle åpningstider</Link>
           </li>

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

@@ -1,7 +1,4 @@
 .footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
   min-height: 60vh;
   padding: var(--spacing-sitepadding);
   background: var(--color-chateauBlue);
@@ -41,4 +38,13 @@
   a {
     font-size: var(--font-size-caption);
   }
+}
+
+.logo {
+  width: 12rem;
+  margin-bottom: var(--spacing-section-bottom);
+
+  >div {
+    width: 100%;
+  }
 }