From 35c67ba4d1b1aff2146befb33bffb8fd2b1ab365 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Mon, 1 Jul 2024 13:00:50 +0200
Subject: [PATCH 01/21] Feat: Contact form init

---
 src/components/contact-footer.astro | 143 ++++++++++++++++++++++++++++
 1 file changed, 143 insertions(+)
 create mode 100644 src/components/contact-footer.astro

diff --git a/src/components/contact-footer.astro b/src/components/contact-footer.astro
new file mode 100644
index 00000000..e5c2f073
--- /dev/null
+++ b/src/components/contact-footer.astro
@@ -0,0 +1,143 @@
+<section class="contact-footer">
+  <div class="container">
+    <section class="content">
+      <h2>
+        Vi vil gjerne høre fra deg!
+      </h2>
+      <p>
+        Uansett om du har en idé som vil forandre verden, eller om det er en liten sak som irriterer deg i hverdagen, så er vi like ivrige.
+      </p>
+      <p>
+        Ta kontakt med oss for en hyggelig kaffeprat!
+      </p>
+      <form action="">
+        <div class="identity">
+          <input placeholder="Fullt navn" type="text" name="name" id="name" required />
+          <input placeholder="E-postadresse" type="email" name="email" id="email" required />
+        </div>
+        <div class="issue">
+          <input placeholder="Hva dreier deg seg om?" type="text" name="text" id="text" required />
+        </div>
+        <div class="buttons">
+          <div class="accept">
+            <input type="checkbox" name="personvern" id="" value="I AM HERE ok" required>  
+            <p>Jeg bekrefter at jeg har lest og akseptert vår <a href="/personvern" target="_blank">personvern­erklæring</a>.</p>
+          </div>
+          <input type="submit" value="Trykk meg" id="submit">
+        </div>
+      </form>
+    </section>
+  </div>
+</section>
+
+<style>
+  .contact-footer {
+    margin-top: 4rem;
+    background-color: hsl(var(--blue-base) 95%);
+  }
+
+  a {
+    --link-color: hsl(var(--blue-base) 50%);
+  }
+
+  @media (hover) {
+    a:hover {
+      --link-color: hsl(var(--blue-base) 25%);
+    }
+  }
+
+  .container {
+    width: var(--container-width);
+    margin-inline: auto;
+    color: white;
+    padding-block: 4rem;
+
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    flex-wrap: wrap;
+  }
+
+  .content p, h2, input {
+    color: hsl(var(--blue-base) 30%);
+  }
+  
+  .content p:last-child {
+    font-size: 0.8rem;
+    color: hsl(var(--blue-base) 40%);
+  }
+
+  input {
+    padding: 16px 0;
+    background-color: hsl(var(--blue-base) 95%);
+    border: none;
+    border-block-end: 1px solid grey;
+  }
+
+  input:focus {
+    background-color: hsl(var(--blue-base) 95%);
+  }
+
+  .socials {
+    font-size: 1.7rem;
+    display: flex;
+    gap: 1rem;
+  }
+
+  .socials a {
+    color: white;
+  }
+
+  .links {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin-block: 1rem;
+    list-style: none;
+    padding: 0;
+  }
+
+  form .identity {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1rem;
+  }
+  form .issue {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
+  form #submit {
+    font-size: 1rem;
+    padding: 0.25rem 1rem;
+    border-radius: 16px;
+    border: solid;
+    border-width: 2px;
+    border-color: hsl(var(--green-base) 75%);
+    text-decoration: none;
+
+  }
+  form #submit:hover {
+    background-color: hsl(var(--green-base) 75%);
+  }
+  form #submit:active {
+    border-color: hsl(var(--green-base) 55%);
+    background-color: hsl(var(--green-base) 55%);
+  }
+  form .buttons {
+    padding-top: 2rem;
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+  }
+  form .accept {
+    display: flex;
+    flex-grow: 2;
+    gap: 0.5em;
+  }
+  form .accept * {
+    max-width: 60ch;
+    font-size: 0.75rem;
+    margin: 0.5em 0;
+  }
+
+</style>

From 5c2332bf747cdcd1f7583a5a991a0954965a38aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Mon, 1 Jul 2024 13:01:58 +0200
Subject: [PATCH 02/21] Feat: Add contact form to main layout

---
 src/layouts/default.astro | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/layouts/default.astro b/src/layouts/default.astro
index 5b949bac..4ebb4c36 100644
--- a/src/layouts/default.astro
+++ b/src/layouts/default.astro
@@ -3,6 +3,7 @@ import type { WithContext, Thing } from 'schema-dts';
 import '@fontsource-variable/sora';
 import { jsonLd } from './json-ld';
 import Header from '@components/header.astro';
+import ContactFooter from '@components/contact-footer.astro';
 import Footer from '@components/footer.astro';
 import { ViewTransitions } from 'astro:transitions';
 
@@ -182,6 +183,7 @@ const canonical = new URL(path, Astro.site);
   <body>
     <Header />
     <slot />
+    <ContactFooter />
     <Footer />
     <style is:global>
       :root {

From 29299b91158855716867eba20f491177a110df13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Mon, 1 Jul 2024 13:02:32 +0200
Subject: [PATCH 03/21] Fix: Remove margin from old footer

---
 src/components/footer.astro | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/footer.astro b/src/components/footer.astro
index 5360119e..3c96dc23 100644
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -45,7 +45,6 @@ import LinkedInIcon from '~icons/ph/linkedin-logo-fill';
 
 <style>
   footer {
-    margin-top: 4rem;
     background-color: hsl(var(--blue-base) 20%);
   }
 

From 7714e64b37ae5d99fcb24120e7119750b1c7682e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Mon, 1 Jul 2024 14:04:00 +0200
Subject: [PATCH 04/21] Fix: Change to default text color

---
 src/components/contact-footer.astro | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/components/contact-footer.astro b/src/components/contact-footer.astro
index e5c2f073..4bfbd9aa 100644
--- a/src/components/contact-footer.astro
+++ b/src/components/contact-footer.astro
@@ -49,7 +49,6 @@
   .container {
     width: var(--container-width);
     margin-inline: auto;
-    color: white;
     padding-block: 4rem;
 
     display: flex;
@@ -57,14 +56,9 @@
     align-items: baseline;
     flex-wrap: wrap;
   }
-
-  .content p, h2, input {
-    color: hsl(var(--blue-base) 30%);
-  }
   
   .content p:last-child {
     font-size: 0.8rem;
-    color: hsl(var(--blue-base) 40%);
   }
 
   input {

From a72066934989486cbd0900dea1b464d7774d9e3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Tue, 2 Jul 2024 14:31:02 +0200
Subject: [PATCH 05/21] Fix: Style affecting other components

---
 src/layouts/page.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/page.astro b/src/layouts/page.astro
index 4b3b23b6..517475d2 100644
--- a/src/layouts/page.astro
+++ b/src/layouts/page.astro
@@ -15,7 +15,7 @@ const { frontmatter } = Astro.props;
         </aside>
       )
     }
-    <section>
+    <section class="main-section">
       <slot />
     </section>
   </main>
@@ -33,7 +33,7 @@ const { frontmatter } = Astro.props;
     justify-content: space-between;
   }
 
-  :global(section > :first-child) {
+  :global(.main-section > :first-child) {
     font-weight: 600;
     font-size: 1.25rem;
     line-height: 1.4;

From b3d55180120e90e7bf58a6d9c228da62276e821f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Tue, 2 Jul 2024 14:32:35 +0200
Subject: [PATCH 06/21] Fix: Adjust placement

---
 src/components/contact-footer.astro | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/contact-footer.astro b/src/components/contact-footer.astro
index 4bfbd9aa..fe18bd5a 100644
--- a/src/components/contact-footer.astro
+++ b/src/components/contact-footer.astro
@@ -52,10 +52,14 @@
     padding-block: 4rem;
 
     display: flex;
-    justify-content: space-between;
+    justify-content: center;
     align-items: baseline;
     flex-wrap: wrap;
   }
+
+  .content {
+    flex-grow: 1;
+  }
   
   .content p:last-child {
     font-size: 0.8rem;

From a66461b6444d4762fb93d12fbe1ba2b931338ade Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Tue, 2 Jul 2024 16:45:15 +0200
Subject: [PATCH 07/21] Fix: Padding added to nested elements

---
 src/components/brief.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/brief.astro b/src/components/brief.astro
index d0160558..fa948a9b 100644
--- a/src/components/brief.astro
+++ b/src/components/brief.astro
@@ -50,7 +50,7 @@ const { title } = Astro.props;
     font-weight: 400;
     font-stretch: extra-condensed;
   }
-  .heading *:not(a) {
+  .heading {
     padding-left: 5%;
     padding-right: 5%;
     font-size: 1.2rem;

From c537c180d61a3a4645ac8a02cd1440064311ea90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Tue, 2 Jul 2024 16:45:37 +0200
Subject: [PATCH 08/21] Feat: Restyle contact site

---
 src/pages/kontakt/index.astro | 135 ++++++++++++++++++++++++++++------
 1 file changed, 111 insertions(+), 24 deletions(-)

diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index 262512dd..6a3ce351 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -1,4 +1,5 @@
 ---
+import Brief from '@components/brief.astro';
 import Person from '@components/person.astro';
 import Layout from '@layouts/default.astro';
 import { getCollection } from 'astro:content';
@@ -64,36 +65,53 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   }}
 >
   <main>
-    <section class="brief">
-      <h1>Vi gleder oss til å høre fra deg!</h1>
+    <Brief title='Kontakt'>
+      <p>Vi gleder oss til å høre fra deg!</p>
       <p>
         Bjerk har kontorer i Oslo ved Akersgata 51, 0180 Oslo og Finland. Du får
         tak i oss via e-post til
         <a href="mailto:kontoret@bjerk.io">kontoret@bjerk.io</a>.
       </p>
-    </section>
-
-    <section class="details">
-      <dl>
-        <div>
-          <dt>E-post</dt>
-          <dd>kontoret@bjerk.io</dd>
+      <section class="details">
+        <dl>
+          <div>
+            <dt>E-post</dt>
+            <dd><a href="mailto:kontoret@bjerk.io">kontoret@bjerk.io</a></dd>
+          </div>
+          <div>
+            <dt>Adresse</dt>
+            <dd>
+              <a
+                href="https://goo.gl/maps/FkcqThLgRtCauPmZA"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Akersgata 51, 0180 Oslo <!-- <ArrowSquareOut /> -->
+              </a>
+            </dd>
+          </div>
+        </dl>
+      </section>
+      <br>
+      <p>
+        Send oss en melding
+      </p>
+      <form action="">
+        <div class="issue">
+          <textarea placeholder="Hva dreier deg seg om?" name="text" id="text" rows="5" required />
         </div>
-        <div>
-          <dt>Adresse</dt>
-          <dd>
-            <a
-              href="https://goo.gl/maps/FkcqThLgRtCauPmZA"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              Akersgata 51, 0180 Oslo <!-- <ArrowSquareOut /> -->
-            </a>
-          </dd>
+        <div class="identity">
+          <input placeholder="Navn eller e-postadresse" type="text" name="name" id="name" required />
+          <input type="submit" value="Trykk meg" id="submit">
         </div>
-      </dl>
-    </section>
-
+        <div class="gdpr">
+          <div class="accept">
+            <input type="checkbox" name="personvern" id="" value="accept" required>  
+            <p>Jeg bekrefter at jeg har lest og akseptert vår <a href="/personvern" target="_blank">personvern­erklæring</a>.</p>
+          </div>
+        </div>
+      </form>    
+    </Brief>
     <section class="employees">
       {employees.map(person => <Person person={person} />)}
     </section>
@@ -120,11 +138,18 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
 
   dl {
     display: grid;
+    grid-template-columns: 1fr 1fr;
+    font-size: 1rem;
     gap: 1rem;
+    font-family:
+          'Sora Variable',
+          system-ui,
+          -apple-system,
+          sans-seri;
   }
 
   dl div > dt {
-    font-weight: bold;
+    opacity: 50%;
   }
 
   dl div > dd {
@@ -134,7 +159,69 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   dl div > dd a {
     color: inherit;
   }
+  input, textarea {
+    width: auto;
+    padding: 16px 0;
+    border: none;
+    border-block-end: 1px solid grey;
+    resize: none;
+    font-family:
+          'Sora Variable',
+          system-ui,
+          -apple-system,
+          sans-seri;
+  }
 
+  input:focus {
+    background-color: hsl(var(--blue-base) 95%);
+  }
+  form {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+  form .identity {
+    display: grid;
+    grid-template-columns: 3fr 1fr;
+    gap: 1rem;
+  }
+  form .issue {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
+  form #submit {
+    font-size: 1rem;
+    padding: 0.25rem 1rem;
+    margin: 4px;
+    border-radius: 16px;
+    border: solid;
+    border-width: 2px;
+    border-color: hsl(var(--green-base) 75%);
+    text-decoration: none;
+    background-color: white;
+  }
+  form #submit:hover {
+    background-color: hsl(var(--green-base) 75%);
+  }
+  form #submit:active {
+    border-color: hsl(var(--green-base) 55%);
+    background-color: hsl(var(--green-base) 55%);
+  }
+  form .gdpr {
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+  }
+  form .accept {
+    display: flex;
+    flex-grow: 2;
+    gap: 0.5em;
+  }
+  form .accept * {
+    max-width: 60ch;
+    font-size: 0.75rem;
+    margin: 0.5em 0;
+  }
   .employees {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(244px, 1fr));

From 257e210a49cb5ab4a9dba7c82542e7c5ddb370d7 Mon Sep 17 00:00:00 2001
From: Xillians <sandra.toftemo@bjerk.io>
Date: Tue, 6 Aug 2024 15:55:44 +0200
Subject: [PATCH 09/21] make contact info sectionised

---
 src/pages/kontakt/index.astro | 125 +++++++++++++++++++---------------
 1 file changed, 71 insertions(+), 54 deletions(-)

diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index 6a3ce351..870b4078 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -66,51 +66,56 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
 >
   <main>
     <Brief title='Kontakt'>
-      <p>Vi gleder oss til å høre fra deg!</p>
-      <p>
-        Bjerk har kontorer i Oslo ved Akersgata 51, 0180 Oslo og Finland. Du får
-        tak i oss via e-post til
-        <a href="mailto:kontoret@bjerk.io">kontoret@bjerk.io</a>.
-      </p>
-      <section class="details">
-        <dl>
-          <div>
-            <dt>E-post</dt>
-            <dd><a href="mailto:kontoret@bjerk.io">kontoret@bjerk.io</a></dd>
-          </div>
-          <div>
-            <dt>Adresse</dt>
-            <dd>
-              <a
-                href="https://goo.gl/maps/FkcqThLgRtCauPmZA"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                Akersgata 51, 0180 Oslo <!-- <ArrowSquareOut /> -->
-              </a>
-            </dd>
-          </div>
-        </dl>
-      </section>
-      <br>
-      <p>
-        Send oss en melding
-      </p>
-      <form action="">
-        <div class="issue">
-          <textarea placeholder="Hva dreier deg seg om?" name="text" id="text" rows="5" required />
-        </div>
-        <div class="identity">
-          <input placeholder="Navn eller e-postadresse" type="text" name="name" id="name" required />
-          <input type="submit" value="Trykk meg" id="submit">
-        </div>
-        <div class="gdpr">
-          <div class="accept">
-            <input type="checkbox" name="personvern" id="" value="accept" required>  
-            <p>Jeg bekrefter at jeg har lest og akseptert vår <a href="/personvern" target="_blank">personvern­erklæring</a>.</p>
-          </div>
-        </div>
-      </form>    
+      <div class="contact-info">
+        <section>
+          <p>Vi gleder oss til å høre fra deg!</p>
+          <p>
+            Bjerk har kontorer i Oslo ved Akersgata 51, 0180 Oslo og Finland. Du får
+            tak i oss via e-post til
+            <a href="mailto:kontoret@bjerk.io">kontoret@bjerk.io</a>.
+          </p>
+        </section>
+        <section class="details">
+          <dl>
+            <div>
+              <dt>E-post</dt>
+              <dd><a href="mailto:kontoret@bjerk.io">kontoret@bjerk.io</a></dd>
+            </div>
+            <div>
+              <dt>Adresse</dt>
+              <dd>
+                <a
+                  href="https://goo.gl/maps/FkcqThLgRtCauPmZA"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Akersgata 51, 0180 Oslo <!-- <ArrowSquareOut /> -->
+                </a>
+              </dd>
+            </div>
+          </dl>
+        </section>
+        <section class="contact-form">
+          <p>
+            Send oss en melding
+          </p>
+          <form action="">
+            <div class="issue">
+              <textarea placeholder="Hva dreier deg seg om?" name="text" id="text" rows="5" required />
+            </div>
+            <div class="identity">
+              <input placeholder="Navn eller e-postadresse" type="text" name="name" id="name" required />
+              <input type="submit" value="Trykk meg" id="submit">
+            </div>
+            <div class="gdpr">
+              <div class="accept">
+                <input type="checkbox" name="personvern" id="" value="accept" required>  
+                <p>Jeg bekrefter at jeg har lest og akseptert vår <a href="/personvern" target="_blank">personvern­erklæring</a>.</p>
+              </div>
+            </div>
+          </form>    
+        </section>
+      </div>
     </Brief>
     <section class="employees">
       {employees.map(person => <Person person={person} />)}
@@ -129,6 +134,11 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   .brief {
     max-width: 64ch;
   }
+  .contact-info {
+    display: flex;
+    flex-direction: column;
+    gap: 1em;
+  }
 
   main {
     width: var(--container-width);
@@ -137,8 +147,9 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   }
 
   dl {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
     font-size: 1rem;
     gap: 1rem;
     font-family:
@@ -161,15 +172,21 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   }
   input, textarea {
     width: auto;
-    padding: 16px 0;
-    border: none;
-    border-block-end: 1px solid grey;
+    padding: 1em;
     resize: none;
     font-family:
-          'Sora Variable',
-          system-ui,
-          -apple-system,
-          sans-seri;
+    'Sora Variable',
+    system-ui,
+    -apple-system,
+    sans-seri;
+  }
+  input {
+    border: none;
+    border-block-end: 1px solid grey;
+    padding: 16px 0;
+  }
+  textarea {
+    border-radius: 8px;
   }
 
   input:focus {

From ece292d6d386f96794653262253633ebfd1050bf Mon Sep 17 00:00:00 2001
From: Xillians <sandra.toftemo@bjerk.io>
Date: Wed, 7 Aug 2024 09:21:32 +0200
Subject: [PATCH 10/21] update address

---
 src/pages/kontakt/index.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index 870b4078..108fd4fb 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -40,10 +40,10 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
     priceRange: '$$$',
     address: {
       '@type': 'PostalAddress',
-      streetAddress: 'Akersgata 51',
+      streetAddress: 'Arbins gate 11',
       addressLocality: 'Oslo',
       addressRegion: 'Oslo',
-      postalCode: '0180',
+      postalCode: '0253',
       addressCountry: 'NO',
     },
     sameAs: [
@@ -70,7 +70,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
         <section>
           <p>Vi gleder oss til å høre fra deg!</p>
           <p>
-            Bjerk har kontorer i Oslo ved Akersgata 51, 0180 Oslo og Finland. Du får
+            Bjerk har kontorer i Oslo ved Arbins gate 11, 0253 Oslo og Finland. Du får
             tak i oss via e-post til
             <a href="mailto:kontoret@bjerk.io">kontoret@bjerk.io</a>.
           </p>
@@ -89,7 +89,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
                   target="_blank"
                   rel="noopener noreferrer"
                 >
-                  Akersgata 51, 0180 Oslo <!-- <ArrowSquareOut /> -->
+                  Arbins gate 11, 0253 Oslo <!-- <ArrowSquareOut /> -->
                 </a>
               </dd>
             </div>

From 9feb748e06682e03be353c636de473e5d2769f53 Mon Sep 17 00:00:00 2001
From: Xillians <sandra.toftemo@bjerk.io>
Date: Wed, 7 Aug 2024 09:28:02 +0200
Subject: [PATCH 11/21] add transitional padding

---
 src/pages/kontakt/index.astro | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index 108fd4fb..f0cf72d1 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -179,6 +179,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
     system-ui,
     -apple-system,
     sans-seri;
+    transition: all 0.5s ease;
   }
   input {
     border: none;
@@ -191,6 +192,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
 
   input:focus {
     background-color: hsl(var(--blue-base) 95%);
+    padding: 1em;
   }
   form {
     display: flex;

From 303b48cb11e4cb1d5dc04a81d98d9842cf233564 Mon Sep 17 00:00:00 2001
From: Xillians <sandra.toftemo@bjerk.io>
Date: Wed, 7 Aug 2024 09:30:56 +0200
Subject: [PATCH 12/21] avoid adjusting sizes

---
 src/pages/kontakt/index.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index f0cf72d1..5659a1a4 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -192,7 +192,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
 
   input:focus {
     background-color: hsl(var(--blue-base) 95%);
-    padding: 1em;
+    padding: 16px 1em;
   }
   form {
     display: flex;

From fdc42e1938cbfe034e801aefdb8d7a5879fdb5b4 Mon Sep 17 00:00:00 2001
From: Xillians <sandra.toftemo@bjerk.io>
Date: Wed, 7 Aug 2024 10:04:44 +0200
Subject: [PATCH 13/21] increase gap for email and address

---
 src/pages/kontakt/index.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index 5659a1a4..3dbaa77b 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -151,7 +151,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
     flex-direction: row;
     flex-wrap: wrap;
     font-size: 1rem;
-    gap: 1rem;
+    gap: 2rem;
     font-family:
           'Sora Variable',
           system-ui,

From 07e8939bcc519053fa2749681daf5fd70dc912e3 Mon Sep 17 00:00:00 2001
From: Xillians <sandra.toftemo@bjerk.io>
Date: Wed, 7 Aug 2024 10:05:46 +0200
Subject: [PATCH 14/21] re-structure inputs & remove gdpr

---
 src/pages/kontakt/index.astro | 36 ++++++++---------------------------
 1 file changed, 8 insertions(+), 28 deletions(-)

diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index 3dbaa77b..0b32230e 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -100,18 +100,12 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
             Send oss en melding
           </p>
           <form action="">
-            <div class="issue">
-              <textarea placeholder="Hva dreier deg seg om?" name="text" id="text" rows="5" required />
-            </div>
             <div class="identity">
-              <input placeholder="Navn eller e-postadresse" type="text" name="name" id="name" required />
-              <input type="submit" value="Trykk meg" id="submit">
+              <input placeholder="E-postadresse" type="text" name="name" id="name" required />
             </div>
-            <div class="gdpr">
-              <div class="accept">
-                <input type="checkbox" name="personvern" id="" value="accept" required>  
-                <p>Jeg bekrefter at jeg har lest og akseptert vår <a href="/personvern" target="_blank">personvern­erklæring</a>.</p>
-              </div>
+            <div class="issue">
+              <textarea placeholder="Hva dreier deg seg om?" name="text" id="text" rows="5" required />
+              <input type="submit" value="Send inn" id="submit">
             </div>
           </form>    
         </section>
@@ -180,6 +174,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
     -apple-system,
     sans-seri;
     transition: all 0.5s ease;
+    max-width: 60ch;
   }
   input {
     border: none;
@@ -197,27 +192,27 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   form {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 2em;
   }
   form .identity {
     display: grid;
-    grid-template-columns: 3fr 1fr;
     gap: 1rem;
   }
   form .issue {
     display: grid;
     grid-template-columns: 1fr;
+    gap: 1rem;
   }
   form #submit {
     font-size: 1rem;
     padding: 0.25rem 1rem;
-    margin: 4px;
     border-radius: 16px;
     border: solid;
     border-width: 2px;
     border-color: hsl(var(--green-base) 75%);
     text-decoration: none;
     background-color: white;
+    width: fit-content;
   }
   form #submit:hover {
     background-color: hsl(var(--green-base) 75%);
@@ -226,21 +221,6 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
     border-color: hsl(var(--green-base) 55%);
     background-color: hsl(var(--green-base) 55%);
   }
-  form .gdpr {
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-  }
-  form .accept {
-    display: flex;
-    flex-grow: 2;
-    gap: 0.5em;
-  }
-  form .accept * {
-    max-width: 60ch;
-    font-size: 0.75rem;
-    margin: 0.5em 0;
-  }
   .employees {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(244px, 1fr));

From a8a897c5060c0327b2b5851dc409294fe46884e0 Mon Sep 17 00:00:00 2001
From: "Sandra Viktoria D. Toftemo" <sandra.toftemo@gmail.com>
Date: Wed, 7 Aug 2024 12:19:33 +0200
Subject: [PATCH 15/21] move primary button to global (#740)

* use global primary button

* increase fontsize

* move form hover and active to global

* move textarea and input to global

* merge form css together
---
 src/layouts/default.astro     | 50 +++++++++++++++++++++++++++--
 src/pages/kontakt/index.astro | 59 ++++-------------------------------
 2 files changed, 54 insertions(+), 55 deletions(-)

diff --git a/src/layouts/default.astro b/src/layouts/default.astro
index c1c1897f..6d47a5ec 100644
--- a/src/layouts/default.astro
+++ b/src/layouts/default.astro
@@ -31,12 +31,12 @@ export type Props = {
    */
   headline?: string;
 
-    /**
+  /**
    * The heading on the page next to headline. Should be longer than headline.
    *
    * @default title
    */
-   heading?: string;
+  heading?: string;
 
   /**
    * The title for social media platforms. The ideal length is approximately 47 characters.
@@ -245,6 +245,25 @@ const canonical = new URL(path, Astro.site);
         color: #1d1d1d;
       }
 
+      .primary {
+        font-size: 1rem;
+        padding: 0.25rem 1rem;
+        border-radius: 16px;
+        border: solid;
+        border-width: 2px;
+        border-color: hsl(var(--green-base) 75%);
+        text-decoration: none;
+        background-color: white;
+        width: fit-content;
+      }
+      .primary:hover {
+        background-color: hsl(var(--green-base) 75%);
+      }
+      .primary:active {
+        border-color: hsl(var(--green-base) 55%);
+        background-color: hsl(var(--green-base) 55%);
+      }
+
       body *::-webkit-scrollbar {
         background-color: hsl(var(--blue-base) 90%);
       }
@@ -273,6 +292,33 @@ const canonical = new URL(path, Astro.site);
         text-underline-offset: 0.125em;
       }
 
+      input,
+      textarea {
+        width: auto;
+        padding: 1em;
+        resize: none;
+        font-family:
+          'Sora Variable',
+          system-ui,
+          -apple-system,
+          sans-seri;
+        transition: all 0.5s ease;
+        max-width: 60ch;
+      }
+      input {
+        border: none;
+        border-block-end: 1px solid grey;
+        padding: 16px 0;
+      }
+      textarea {
+        border-radius: 8px;
+      }
+
+      input:focus {
+        background-color: hsl(var(--blue-base) 95%);
+        padding: 16px 1em;
+      }
+
       @media (hover) {
         a:hover {
           --link-color: hsl(var(--blue-base) 5%);
diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index 0b32230e..d855e7ea 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -105,7 +105,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
             </div>
             <div class="issue">
               <textarea placeholder="Hva dreier deg seg om?" name="text" id="text" rows="5" required />
-              <input type="submit" value="Send inn" id="submit">
+              <button class="primary" type="submit" id="submit">Send inn</button>
             </div>
           </form>    
         </section>
@@ -164,62 +164,15 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   dl div > dd a {
     color: inherit;
   }
-  input, textarea {
-    width: auto;
-    padding: 1em;
-    resize: none;
-    font-family:
-    'Sora Variable',
-    system-ui,
-    -apple-system,
-    sans-seri;
-    transition: all 0.5s ease;
-    max-width: 60ch;
-  }
-  input {
-    border: none;
-    border-block-end: 1px solid grey;
-    padding: 16px 0;
-  }
-  textarea {
-    border-radius: 8px;
-  }
-
-  input:focus {
-    background-color: hsl(var(--blue-base) 95%);
-    padding: 16px 1em;
-  }
-  form {
+  form,
+  form .identity,
+  form .issue {
     display: flex;
     flex-direction: column;
-    gap: 2em;
-  }
-  form .identity {
-    display: grid;
     gap: 1rem;
   }
-  form .issue {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: 1rem;
-  }
-  form #submit {
-    font-size: 1rem;
-    padding: 0.25rem 1rem;
-    border-radius: 16px;
-    border: solid;
-    border-width: 2px;
-    border-color: hsl(var(--green-base) 75%);
-    text-decoration: none;
-    background-color: white;
-    width: fit-content;
-  }
-  form #submit:hover {
-    background-color: hsl(var(--green-base) 75%);
-  }
-  form #submit:active {
-    border-color: hsl(var(--green-base) 55%);
-    background-color: hsl(var(--green-base) 55%);
+  form {
+    gap: 2rem;
   }
   .employees {
     display: grid;

From b5e17dc2c9e2aa999064e4e7a03c83a2d52fd806 Mon Sep 17 00:00:00 2001
From: "Sandra Viktoria D. Toftemo" <sandra.toftemo@gmail.com>
Date: Wed, 7 Aug 2024 14:23:20 +0200
Subject: [PATCH 16/21] refactor: move contact form to own component (#742)

---
 src/components/contact-form.astro | 37 +++++++++++++++++++++++++++++++
 src/pages/kontakt/index.astro     | 23 +++----------------
 2 files changed, 40 insertions(+), 20 deletions(-)
 create mode 100644 src/components/contact-form.astro

diff --git a/src/components/contact-form.astro b/src/components/contact-form.astro
new file mode 100644
index 00000000..5372d6f4
--- /dev/null
+++ b/src/components/contact-form.astro
@@ -0,0 +1,37 @@
+---
+---
+
+<form action="">
+  <div>
+    <input
+      placeholder="E-postadresse"
+      type="text"
+      name="name"
+      id="name"
+      required
+    />
+  </div>
+  <div>
+    <textarea
+      placeholder="Hva dreier deg seg om?"
+      name="text"
+      id="text"
+      rows="5"
+      required
+    >
+    </textarea>
+    <button class="primary" type="submit" id="submit">Send inn</button>
+  </div>
+</form>
+
+<style>
+  form,
+  div {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+  form {
+    gap: 2rem;
+  }
+</style>
diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index d855e7ea..3ca7fdf0 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -2,6 +2,7 @@
 import Brief from '@components/brief.astro';
 import Person from '@components/person.astro';
 import Layout from '@layouts/default.astro';
+import ContactForm from '@components/contact-form.astro';
 import { getCollection } from 'astro:content';
 
 const people = await getCollection('people');
@@ -98,16 +99,8 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
         <section class="contact-form">
           <p>
             Send oss en melding
-          </p>
-          <form action="">
-            <div class="identity">
-              <input placeholder="E-postadresse" type="text" name="name" id="name" required />
-            </div>
-            <div class="issue">
-              <textarea placeholder="Hva dreier deg seg om?" name="text" id="text" rows="5" required />
-              <button class="primary" type="submit" id="submit">Send inn</button>
-            </div>
-          </form>    
+          </p> 
+          <ContactForm />
         </section>
       </div>
     </Brief>
@@ -164,16 +157,6 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   dl div > dd a {
     color: inherit;
   }
-  form,
-  form .identity,
-  form .issue {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-  }
-  form {
-    gap: 2rem;
-  }
   .employees {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(244px, 1fr));

From 288b440cf84cdca11f0b81c0a4fce9f7ecdc99e1 Mon Sep 17 00:00:00 2001
From: Xillians <sandra.toftemo@bjerk.io>
Date: Thu, 8 Aug 2024 12:49:04 +0200
Subject: [PATCH 17/21] refactor: re-use contact form

---
 src/components/contact-footer.astro | 21 +++++----------------
 src/layouts/default.astro           |  6 ++++--
 2 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/src/components/contact-footer.astro b/src/components/contact-footer.astro
index fe18bd5a..129aa713 100644
--- a/src/components/contact-footer.astro
+++ b/src/components/contact-footer.astro
@@ -1,3 +1,6 @@
+---
+import ContactForm from '@components/contact-form.astro';
+---
 <section class="contact-footer">
   <div class="container">
     <section class="content">
@@ -10,22 +13,7 @@
       <p>
         Ta kontakt med oss for en hyggelig kaffeprat!
       </p>
-      <form action="">
-        <div class="identity">
-          <input placeholder="Fullt navn" type="text" name="name" id="name" required />
-          <input placeholder="E-postadresse" type="email" name="email" id="email" required />
-        </div>
-        <div class="issue">
-          <input placeholder="Hva dreier deg seg om?" type="text" name="text" id="text" required />
-        </div>
-        <div class="buttons">
-          <div class="accept">
-            <input type="checkbox" name="personvern" id="" value="I AM HERE ok" required>  
-            <p>Jeg bekrefter at jeg har lest og akseptert vår <a href="/personvern" target="_blank">personvern­erklæring</a>.</p>
-          </div>
-          <input type="submit" value="Trykk meg" id="submit">
-        </div>
-      </form>
+      <ContactForm />
     </section>
   </div>
 </section>
@@ -59,6 +47,7 @@
 
   .content {
     flex-grow: 1;
+    max-width: 60ch;
   }
   
   .content p:last-child {
diff --git a/src/layouts/default.astro b/src/layouts/default.astro
index 536c823d..4254fb48 100644
--- a/src/layouts/default.astro
+++ b/src/layouts/default.astro
@@ -257,7 +257,7 @@ const canonical = new URL(path, Astro.site);
         border-width: 2px;
         border-color: hsl(var(--green-base) 75%);
         text-decoration: none;
-        background-color: white;
+        background-color: hsl(var(--green-base) 75%);
         width: fit-content;
       }
       .primary:hover {
@@ -308,6 +308,7 @@ const canonical = new URL(path, Astro.site);
           sans-seri;
         transition: all 0.5s ease;
         max-width: 60ch;
+        background-color: transparent;
       }
       input {
         border: none;
@@ -317,10 +318,11 @@ const canonical = new URL(path, Astro.site);
       textarea {
         border-radius: 8px;
       }
-
+      textarea:focus,
       input:focus {
         background-color: hsl(var(--blue-base) 95%);
         padding: 16px 1em;
+        background-color: white;
       }
 
       @media (hover) {

From b791f3f17f7a2cf6c61c23a0438c49e9ad6d4d30 Mon Sep 17 00:00:00 2001
From: Xillians <sandra.toftemo@bjerk.io>
Date: Thu, 8 Aug 2024 13:03:44 +0200
Subject: [PATCH 18/21] footer with image

---
 src/components/contact-footer.astro | 93 ++++++++---------------------
 1 file changed, 26 insertions(+), 67 deletions(-)

diff --git a/src/components/contact-footer.astro b/src/components/contact-footer.astro
index 129aa713..fde764b3 100644
--- a/src/components/contact-footer.astro
+++ b/src/components/contact-footer.astro
@@ -1,19 +1,18 @@
 ---
 import ContactForm from '@components/contact-form.astro';
 ---
+
 <section class="contact-footer">
   <div class="container">
+    <img src="/assets/about-bjerk.jpg" alt="Bilde av Bjerk" />
     <section class="content">
-      <h2>
-        Vi vil gjerne høre fra deg!
-      </h2>
-      <p>
-        Uansett om du har en idé som vil forandre verden, eller om det er en liten sak som irriterer deg i hverdagen, så er vi like ivrige.
-      </p>
-      <p>
-        Ta kontakt med oss for en hyggelig kaffeprat!
-      </p>
-      <ContactForm />
+        <h2>Vi vil gjerne høre fra deg!</h2>
+        <p>
+          Uansett om du har en idé som vil forandre verden, eller om det er en
+          liten sak som irriterer deg i hverdagen, så er vi like ivrige.
+        </p>
+        <p>Ta kontakt med oss for en hyggelig kaffeprat!</p>
+        <ContactForm />
     </section>
   </div>
 </section>
@@ -28,6 +27,11 @@ import ContactForm from '@components/contact-form.astro';
     --link-color: hsl(var(--blue-base) 50%);
   }
 
+  img {
+    max-width: 550px;
+    border-radius: 1rem;
+  }
+
   @media (hover) {
     a:hover {
       --link-color: hsl(var(--blue-base) 25%);
@@ -39,9 +43,10 @@ import ContactForm from '@components/contact-form.astro';
     margin-inline: auto;
     padding-block: 4rem;
 
-    display: flex;
+    display: grid;
+    grid-template-columns: 1.5fr 1fr;
     justify-content: center;
-    align-items: baseline;
+    align-items: center;
     flex-wrap: wrap;
   }
 
@@ -49,22 +54,11 @@ import ContactForm from '@components/contact-form.astro';
     flex-grow: 1;
     max-width: 60ch;
   }
-  
+
   .content p:last-child {
     font-size: 0.8rem;
   }
 
-  input {
-    padding: 16px 0;
-    background-color: hsl(var(--blue-base) 95%);
-    border: none;
-    border-block-end: 1px solid grey;
-  }
-
-  input:focus {
-    background-color: hsl(var(--blue-base) 95%);
-  }
-
   .socials {
     font-size: 1.7rem;
     display: flex;
@@ -83,48 +77,13 @@ import ContactForm from '@components/contact-form.astro';
     list-style: none;
     padding: 0;
   }
-
-  form .identity {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 1rem;
-  }
-  form .issue {
-    display: grid;
-    grid-template-columns: 1fr;
-  }
-  form #submit {
-    font-size: 1rem;
-    padding: 0.25rem 1rem;
-    border-radius: 16px;
-    border: solid;
-    border-width: 2px;
-    border-color: hsl(var(--green-base) 75%);
-    text-decoration: none;
-
-  }
-  form #submit:hover {
-    background-color: hsl(var(--green-base) 75%);
-  }
-  form #submit:active {
-    border-color: hsl(var(--green-base) 55%);
-    background-color: hsl(var(--green-base) 55%);
-  }
-  form .buttons {
-    padding-top: 2rem;
-    display: flex;
-    gap: 0.5rem;
-    align-items: center;
-  }
-  form .accept {
-    display: flex;
-    flex-grow: 2;
-    gap: 0.5em;
-  }
-  form .accept * {
-    max-width: 60ch;
-    font-size: 0.75rem;
-    margin: 0.5em 0;
+  @media (max-width: 1024px) {
+    .container {
+      display: flex;
+      gap: 2rem;
+    }
+    img {
+      display: none;
+    }
   }
-
 </style>

From eaca5c227ee712a88b1131a029092ad36feaf373 Mon Sep 17 00:00:00 2001
From: "Sandra Viktoria D. Toftemo" <sandra.toftemo@gmail.com>
Date: Thu, 8 Aug 2024 15:06:49 +0200
Subject: [PATCH 19/21] refactor: set margin on slot instead of specific footer
 (#746)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: set margin on slot instead of specific footer

* Feat: Add contact footer boolean

* Style: Move padding to main element

---------

Co-authored-by: Flemming Møller Pedersen <flemming@bjerk.io>
---
 src/components/contact-footer.astro |  1 -
 src/layouts/default.astro           | 15 +++++++++++++--
 src/pages/kontakt/index.astro       |  1 +
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/contact-footer.astro b/src/components/contact-footer.astro
index fde764b3..03f2fe42 100644
--- a/src/components/contact-footer.astro
+++ b/src/components/contact-footer.astro
@@ -19,7 +19,6 @@ import ContactForm from '@components/contact-form.astro';
 
 <style>
   .contact-footer {
-    margin-top: 4rem;
     background-color: hsl(var(--blue-base) 95%);
   }
 
diff --git a/src/layouts/default.astro b/src/layouts/default.astro
index 4254fb48..02357ad5 100644
--- a/src/layouts/default.astro
+++ b/src/layouts/default.astro
@@ -86,6 +86,11 @@ export type Props = {
    */
   articleAuthor?: string;
 
+  /**
+   * Set to false for pages that shouldn't have a contact form at the bottom.
+   */
+  contactFooter?: boolean;
+
   /**
    * JSON-LD structured data for the page.
    */
@@ -113,6 +118,7 @@ const {
   schema,
   articleAuthor,
   articlePublishDate,
+  contactFooter = true,
 } = Astro.props;
 
 // const parsedImages = images.map((image) => parseSocialMediaImage(image));
@@ -192,7 +198,10 @@ const canonical = new URL(path, Astro.site);
   <body>
     <Header />
     <slot />
-    <ContactFooter />
+    {
+      contactFooter && 
+      <ContactFooter />
+    }
     <Footer />
     <style is:global>
       :root {
@@ -212,7 +221,6 @@ const canonical = new URL(path, Astro.site);
         --border-radius: 0.25rem;
         --border-radius-sm: 0.125rem;
       }
-
       html {
         font-family:
           'Sora Variable',
@@ -228,6 +236,9 @@ const canonical = new URL(path, Astro.site);
         -moz-osx-font-smoothing: grayscale;
         font-feature-settings: 'kern', 'liga';
       }
+      main {
+        margin-bottom: 4rem;
+      }
 
       body {
         margin: 0;
diff --git a/src/pages/kontakt/index.astro b/src/pages/kontakt/index.astro
index 3ca7fdf0..1ca79719 100644
--- a/src/pages/kontakt/index.astro
+++ b/src/pages/kontakt/index.astro
@@ -28,6 +28,7 @@ const employees = people.filter(person => person.data.email.includes('@bjerk.io'
   socialMediaTitle="🚀 Start samtalen med Bjerk: Bli med å skap noe med oss!"
   socialMediaDescription="Start en samtale med Bjerk i dag for å lage skreddersydde løsningerog få tilgang på ekspertise innen digital innovasjon."
   path="/kontakt"
+  contactFooter={false}
   schema={{
     '@context': 'https://schema.org',
     '@type': 'ProfessionalService',

From a1983b97da5f40830745b5a89952d8bc7c54e5c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Thu, 8 Aug 2024 15:54:07 +0200
Subject: [PATCH 20/21] Chore: Rewrite content

---
 src/components/contact-footer.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/contact-footer.astro b/src/components/contact-footer.astro
index 03f2fe42..5997e082 100644
--- a/src/components/contact-footer.astro
+++ b/src/components/contact-footer.astro
@@ -9,7 +9,7 @@ import ContactForm from '@components/contact-form.astro';
         <h2>Vi vil gjerne høre fra deg!</h2>
         <p>
           Uansett om du har en idé som vil forandre verden, eller om det er en
-          liten sak som irriterer deg i hverdagen, så er vi like ivrige.
+          liten sak i hverdagen som må fikses, så er vi like ivrige.
         </p>
         <p>Ta kontakt med oss for en hyggelig kaffeprat!</p>
         <ContactForm />

From 93f793295a41fdc0fa496647c6cd6d8ec4aa6fd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Flemming=20M=C3=B8ller=20Pedersen?= <flemming@bjerk.io>
Date: Thu, 8 Aug 2024 15:55:12 +0200
Subject: [PATCH 21/21] Fix: Remove unused CSS and tweak formatting

---
 src/components/contact-footer.astro | 19 -------------------
 1 file changed, 19 deletions(-)

diff --git a/src/components/contact-footer.astro b/src/components/contact-footer.astro
index 5997e082..0f3c1af0 100644
--- a/src/components/contact-footer.astro
+++ b/src/components/contact-footer.astro
@@ -41,7 +41,6 @@ import ContactForm from '@components/contact-form.astro';
     width: var(--container-width);
     margin-inline: auto;
     padding-block: 4rem;
-
     display: grid;
     grid-template-columns: 1.5fr 1fr;
     justify-content: center;
@@ -58,24 +57,6 @@ import ContactForm from '@components/contact-form.astro';
     font-size: 0.8rem;
   }
 
-  .socials {
-    font-size: 1.7rem;
-    display: flex;
-    gap: 1rem;
-  }
-
-  .socials a {
-    color: white;
-  }
-
-  .links {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1rem;
-    margin-block: 1rem;
-    list-style: none;
-    padding: 0;
-  }
   @media (max-width: 1024px) {
     .container {
       display: flex;