adds tailwind & images

src/layouts/BaseLayout.astro

@@ -4,6 +4,12 @@ interface Props {
 }
 
 const { title = "KarkarCar" } = Astro.props;
+
+import { Image } from 'astro:assets';
+import logo from './src/images/logo-urdina.png';
+
+
+import './src/styles/global.css'
 ---
 
 <!DOCTYPE html>
@@ -14,6 +20,7 @@ const { title = "KarkarCar" } = Astro.props;
     <title>{title}</title>
   </head>
   <body>
+    <Image src={logo} alt="KarKarCar" />
     <slot />
   </body>
 </html> 

src/pages/index.astro

@@ -1,9 +1,7 @@
 ---
-import Layout from '../layouts/Base.astro';
-import type { Session } from '@auth/core/types';
+import Layout from '../layouts/BaseLayout.astro';
 
-import { getSession } from 'auth-astro/server';
-import { Auth, SignIn, SignOut } from 'auth-astro/components';
+import {  SignIn, SignOut } from 'auth-astro/components';
 import KarKarCarAuth from "../components/KarKarCarAuth.astro"
 // 1. Import any dependencies (Full support for JavaScript/TypeScript)
 
@@ -13,21 +11,23 @@ import type { KarKarCarSession } from "../api/index.ts"
 
 
 ---
-<KarKarCarAuth>
-	{(session: KarKarCarSession) => (
-						
-	  <>
-		{session ? 
-			<SignOut>Logout</SignOut>
-		:
-			<SignIn provider="keycloak">Login</SignIn>
-		}
-		<p>
-		
-			{session ? `Logged in as ${session.user?.name}` : 'Not logged in'}
-			{session ? `Amount ${session.userData.amount}` : 'Not logged in'}
-
-		</p>
-	  </>
-	)}
-</KarKarCarAuth>
+<Layout>
+	<KarKarCarAuth>
+		{(session: KarKarCarSession) => (
+							
+		  <>
+			{session ? 
+				<SignOut>Logout</SignOut>
+			:
+				<SignIn provider="keycloak">Login</SignIn>
+			}
+			<p>
+			
+				{session ? `Logged in as ${session.user?.name}` : 'Not logged in'}
+				{session ? `Amount ${session.userData.amount}` : ''}
+	
+			</p>
+		  </>
+		)}
+	</KarKarCarAuth>
+</Layout>

src/styles/global.css

@@ -0,0 +1 @@
+@import "tailwindcss";