💄 landing page style finito
Co-authored-by: haraldnilsen <harald_998@hotmail.com> Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
		
							parent
							
								
									a9e9a2b5f6
								
							
						
					
					
						commit
						59fc47cd42
					
				
					 3 changed files with 30 additions and 20 deletions
				
			
		|  | @ -5,6 +5,6 @@ | ||||||
|     export let data: LayoutData; |     export let data: LayoutData; | ||||||
| </script> | </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 /> |     <slot /> | ||||||
| </div> | </div> | ||||||
|  | @ -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="flex"> | ||||||
|         <div class="w-3/5"> |         <div class="flex flex-col w-3/5 gap-4 px-32"> | ||||||
|             <h1 class="text-6xl text-primary">Helseveileder</h1> |             <h1 class="text-7xl text-primary font-bold">Helseveileder</h1> | ||||||
|             <p> |             <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> | ||||||
|                 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>Undersøkelsen er helt anonym og informasjonen vil bli brukt til å forbedre vår tjeneste.</p> | ||||||
|                 Undersøkelsen er helt anonym og informasjonen vil bli brukt til å forbedre vår tjeneste.  |  | ||||||
|             </p> |  | ||||||
|             <ul> |             <ul> | ||||||
|                 <p>I denne undersøkelsen vil vi at du skal vurdere følgende: </p> |                 <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><strong>Empati:</strong> 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><strong>Kunnskap:</strong> 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>Hjelpsomhet:</strong> Evnen til å gi nyttig og praktisk råd eller støtte.</li> | ||||||
|             </ul> |             </ul> | ||||||
|         </div> |         </div> | ||||||
|         <div class="flex justify-center items-center w-2/5"> |         <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> |     </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>Personvern</button> | ||||||
|         <button>Mer info</button> |         <button>Mer info</button> | ||||||
|     </div> |     </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> | ||||||
							
								
								
									
										6
									
								
								package-lock.json
									
										
									
										generated
									
									
									
								
							
							
						
						
									
										6
									
								
								package-lock.json
									
										
									
										generated
									
									
									
								
							|  | @ -1,6 +0,0 @@ | ||||||
| { |  | ||||||
|   "name": "helseveileder", |  | ||||||
|   "lockfileVersion": 3, |  | ||||||
|   "requires": true, |  | ||||||
|   "packages": {} |  | ||||||
| } |  | ||||||
		Reference in a new issue
	
	 Sindre Kjelsrud
						Sindre Kjelsrud