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

web/src/components/general/pig.module.scss

@@ -16,7 +16,7 @@
   bottom: 0;
   right: 0;
   transform: translate(1vw, 20%);
-  z-index: 1;
+  z-index: 600;
   transition: opacity .6s ease;
 
   &[data-inview=true] {

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%;
+  }
 }

web/src/components/venues/VenueList.tsx

@@ -2,12 +2,28 @@ import { VenueFragment } from "@/gql/graphql";
 import { VenueItem } from "./VenueItem";
 import styles from "./venueList.module.scss";
 
-export const VenueList = ({ venues }: { venues: VenueFragment[] }) => {
+export const VenueList = ({
+  venues,
+  heading,
+}: {
+  venues: VenueFragment[];
+  heading: string;
+}) => {
   return (
-    <ul className={styles.venueList}>
-      {venues.map((venue) => (
-        <VenueItem key={venue.id} venue={venue} />
-      ))}
-    </ul>
+    <div>
+      {heading && (
+        <h2 className="circlehead">
+          <span className="circle"></span>
+          <span className="circle"></span>
+          <span className="circle"></span>
+          {heading}
+        </h2>
+      )}
+      <ul className={styles.venueList}>
+        {venues.map((venue) => (
+          <VenueItem key={venue.id} venue={venue} />
+        ))}
+      </ul>
+    </div>
   );
 };