add missing pages

web/src/app/medlem/page.tsx

@@ -0,0 +1,23 @@
+import { graphql } from "@/gql";
+//import { NewsFragment } from "@/gql/graphql";
+import { getClient } from "@/app/client";
+import Link from "next/link";
+import { PageHeader } from "@/components/general/PageHeader";
+import { IconListBlock } from "@/components/blocks/IconListBlock";
+
+export default async function Page() {
+  return (
+    <main className="site-main" id="main">
+      <PageHeader heading="Bli medlem" />
+      <p>Som medlem kan du... får du... glede og samvær</p>
+      <p>
+        Inngang til{" "}
+        <a href="https://galtinn.neuf.no/" target="_blank">
+          Galtinn
+        </a>
+      </p>
+      <p>Inngang til foreningene</p>
+      <IconListBlock />
+    </main>
+  );
+}

web/src/app/om/page.tsx

@@ -0,0 +1,19 @@
+import { graphql } from "@/gql";
+//import { NewsFragment } from "@/gql/graphql";
+import { getClient } from "@/app/client";
+import Link from "next/link";
+import { PageHeader } from "@/components/general/PageHeader";
+import { IconListBlock } from "@/components/blocks/IconListBlock";
+
+export default async function Page() {
+  return (
+    <main className="site-main" id="main">
+      <PageHeader heading="Om oss" />
+      <p>Generelt om oss, CN og DNS</p>
+      <p>Inngang til kontakt, åpningstider og kart(?)</p>
+      <p>Historie og tradisjoner</p>
+      <p>Inngang til HMgrisen.no</p>
+      <p>Inngang til foreningene (kanskje under info om DNS over?)</p>
+    </main>
+  );
+}

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

@@ -4,4 +4,5 @@
 
 .title {
   font-size: var(--font-size-h1);
+  margin-bottom: 1rem;
 }

web/src/components/layout/Header.tsx

@@ -75,7 +75,7 @@ export const Header = () => {
             </Link>
           </li>
           <li>
-            <Link href="/" data-active={pathname === "/medlem"}>
+            <Link href="/medlem" data-active={pathname === "/medlem"}>
               Bli medlem
             </Link>
           </li>
@@ -109,7 +109,7 @@ export const Header = () => {
               </Link>
             </li>
             <li className={styles.menuItemLarge}>
-              <Link href="/" data-active={pathname === "/medlem"}>
+              <Link href="/medlem" data-active={pathname === "/medlem"}>
                 Bli medlem
               </Link>
             </li>
@@ -119,7 +119,7 @@ export const Header = () => {
               </Link>
             </li>
             <li>
-              <Link href="/" data-active={pathname === "/om"}>
+              <Link href="/om" data-active={pathname === "/om"}>
                 Om oss
               </Link>
             </li>
@@ -140,12 +140,18 @@ export const Header = () => {
               </label>
             </li>
             <li className={styles.galtinn}>
-              <Link href="/">Mitt medlemskap &rarr;</Link>
+              <a href="https://galtinn.neuf.no/" target="_blank">
+                Mitt medlemskap &rarr;
+              </a>
             </li>
             <li>
               {/* TODO: skal trolig ikke være så synlig ved lansering */}
               <Link href="/lokaler">Lokaler*</Link>
             </li>
+            <li>
+              {/* TODO: skal trolig ikke være så synlig ved lansering */}
+              <Link href="/foreninger">Foreninger*</Link>
+            </li>
           </ul>
         </div>
       </nav>