sidski/helseveileder
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 landing page style finito

Browse source 
Co-authored-by: haraldnilsen <harald_998@hotmail.com>
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2023-12-12 17:54:43 +01:00
parent a9e9a2b5f6
commit 59fc47cd42
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
3 changed files with 30 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/routes/+layout.svelte
View file

@ -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>

42
frontend/src/routes/+page.svelte
View file

@ -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>
</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>