diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..bf33140
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,16 @@
+# Authentication route
+OAUTH2__AUTHENTICATE=
+# Logout route
+OAUTH2__LOGOUT=
+# Token route
+OAUTH2__GET_TOKEN=
+
+# Client id
+OAUTH2__CLIENT_ID=
+# Client secret
+OAUTH2__CLIENT_SECRET=
+
+# Userinfo route
+USERINFO__ROUTE=
+# Identifier
+USERINFO__IDENTIFIER=
\ No newline at end of file
diff --git a/bun.lockb b/bun.lockb
index fce8e8c..cde59eb 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 856f2b6..5893a83 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -1 +1,3 @@
-// place files you want to import through the `$lib` alias in this folder.
+export function userAuthorize() {
+
+}
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index faf8f75..e1fd901 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,6 @@
-<script>
-    import "@fontsource-variable/inter"
+<script lang="ts">
+    import "@fontsource-variable/inter";
+    export let data: { userid?: string };
 </script>
 <!DOCTYPE html>
 <html lang="en">
@@ -8,12 +9,34 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>ava</title>
         <style>
+            :root {
+                --text: black;
+                --background: white;
+            }
             body {
                 font-family: "Inter Variable", "Inter", sans-serif;
+                max-width: 35em;
+                margin: auto;
+                color: var(--text);
+            }
+            nav {
+                display: flex;
+                gap: 1em;
+                justify-content: center;
+                margin: 1em 0;
             }
         </style>
     </head>
     <body>
+
+        <nav>
+            <a href="/">Home</a>
+            <a href="/set">Set avatar</a>
+            {#if data.userid}
+                <a href="/logout">Log out</a>
+            {/if}
+        </nav>
+        
         <slot />
     </body>
 </html>
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5982b0a..986861d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,2 +1,10 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<h1>Hi, welcome to ava</h1>
+<p>
+    ava is a simple avatar server.
+    Put an image in, get a few images out. That's it.
+    Nothing more, nothing less.
+</p>
+<p>
+    If you'd like to set a profile picture, <a href="/set">click here</a>.
+    If logged out, you will be redirected to the OAuth2 provider of this instance.
+</p>
diff --git a/src/routes/logout/+page.server.ts b/src/routes/logout/+page.server.ts
new file mode 100644
index 0000000..40f67e2
--- /dev/null
+++ b/src/routes/logout/+page.server.ts
@@ -0,0 +1,5 @@
+import { redirect } from "@sveltejs/kit";
+
+export function load({}) {
+    throw redirect(301, "/")
+}
\ No newline at end of file
diff --git a/src/routes/set/+page.server.ts b/src/routes/set/+page.server.ts
new file mode 100644
index 0000000..0a8b1ef
--- /dev/null
+++ b/src/routes/set/+page.server.ts
@@ -0,0 +1,4 @@
+export function load({ cookies }) {
+    let token = cookies.get("accessToken")
+    
+}
\ No newline at end of file
diff --git a/src/routes/set/+page.svelte b/src/routes/set/+page.svelte
new file mode 100644
index 0000000..7a9dcf5
--- /dev/null
+++ b/src/routes/set/+page.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+    export let data: { userid: string };
+</script>
+
+<h1>Set an avatar</h1>
+<p>
+    Your identifier is {data.userid}.
+</p>
\ No newline at end of file
