From 59fc47cd427f1e4849f072199feaa756855fd6db Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Tue, 12 Dec 2023 17:54:43 +0100
Subject: [PATCH] :lipstick: landing page style finito

Co-authored-by: haraldnilsen <harald_998@hotmail.com>
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
---
 frontend/src/routes/+layout.svelte |  2 +-
 frontend/src/routes/+page.svelte   | 42 +++++++++++++++++++++---------
 package-lock.json                  |  6 -----
 3 files changed, 30 insertions(+), 20 deletions(-)
 delete mode 100644 package-lock.json

diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index c5e5316..9b0ba3c 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -5,6 +5,6 @@
     export let data: LayoutData;
 </script>
 
-<div class="bg-bg w-screen h-screen px-32 py-10">
+<div class="bg-bg w-screen h-screen px-64 py-64">
     <slot />
 </div>
\ No newline at end of file
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 585e284..25d0901 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,24 +1,40 @@
-<div class="flex flex-col justify-center">
+<div class="flex flex-col justify-center gap-40">
     <div class="flex">
-        <div class="w-3/5">
-            <h1 class="text-6xl text-primary">Helseveileder</h1>
-            <p>
-                Vi utfører en undersøkelse om kunstig intelligens (AI) i medisin. Vi ønsker å forstå hvordan AI kan fungere som en copilot for leger og pasienter.
-                Undersøkelsen er helt anonym og informasjonen vil bli brukt til å forbedre vår tjeneste. 
-            </p>
+        <div class="flex flex-col w-3/5 gap-4 px-32">
+            <h1 class="text-7xl text-primary font-bold">Helseveileder</h1>
+            <p>Vi utfører en undersøkelse om kunstig intelligens (AI) i medisin. Vi ønsker å forstå hvordan AI kan fungere som en copilot for leger og pasienter.</p>
+            <p>Undersøkelsen er helt anonym og informasjonen vil bli brukt til å forbedre vår tjeneste.</p>
             <ul>
                 <p>I denne undersøkelsen vil vi at du skal vurdere følgende: </p>
-                <li>Empati: Evnen til AI til å forstå og dele følelsene til en annen.</li>
-                <li>Kunnskap: Nøyaktighet og relevans av den medisinske informasjonen gitt.</li>
-                <li>Hjelpsomhet: Evnen til å gi nyttig og praktisk råd eller støtte.</li>
+                <li><strong>Empati:</strong> Evnen til AI til å forstå og dele følelsene til en annen.</li>
+                <li><strong>Kunnskap:</strong> Nøyaktighet og relevans av den medisinske informasjonen gitt.</li>
+                <li><strong>Hjelpsomhet:</strong> Evnen til å gi nyttig og praktisk råd eller støtte.</li>
             </ul>
         </div>
         <div class="flex justify-center items-center w-2/5">
-            <button><a href="/form">Start undersøkelse</a></button>
+            <button class="text-primary font-bold uppercase border-primary border-2 rounded-full px-8 py-3"><a href="/form">Start undersøkelse</a></button>
         </div>
     </div>
-    <div class="flex justify-center items-center gap-8 text-primary">
+    <div class="flex justify-center items-center gap-8 text-primary font-bold">
         <button>Personvern</button>
         <button>Mer info</button>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<style lang="postcss">
+    :root {
+        color: theme(colors.content);
+        
+    }
+    li {
+        list-style-type: disc;
+        margin-left: 2rem;
+        font-size: large;
+    }
+    p {
+        font-size: large;
+    }
+    button {
+        font-size: large;
+    }
+</style>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index cd385a9..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "name": "helseveileder",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {}
-}