layout, login, createAccount, register, discover

src/__routes.svelte

@@ -68,5 +68,9 @@
 			path: '/:gameurl',
 			component: () => import('$routes/game/game.svelte'),
 		},
+		{
+			path: '/create/account',
+			component: () => import('$routes/game/game.svelte'),
+		},
 	]}
 />

src/routes/homepage/Components/Discover.svelte

@@ -1,19 +1,16 @@
 <script>
+	import { navigate } from '$lib/router'
 </script>
 
 <div class="discover">
-    <h2>
-        Dicoveries around
-    </h2>
+	<h2>Dicoveries around</h2>
 
-    <button>
-        Start your trips!
-    </button>
+	<button on:click={() => navigate('/explore')}> Start your trips! </button>
 </div>
 
 <style>
 	/*min 370px*/
-    .discover {
+	.discover {
 		background-color: #110042;
 		color: white;
 
@@ -30,8 +27,8 @@
 		justify-content: center;
 		gap: 18px;
 	}
-	
-	.discover > h2{
+
+	.discover > h2 {
 		font-family: 'Source Sans Pro';
 		font-style: normal;
 		font-weight: 600;
@@ -40,10 +37,10 @@
 		margin: 0;
 		text-align: center;
 	}
-	.discover > button{
+	.discover > button {
 		text-align: center;
 		color: #110042;
-		background-color: #FFFFFF;
+		background-color: #ffffff;
 
 		font-family: 'Source Sans Pro';
 		font-style: normal;
@@ -55,26 +52,27 @@
 		border-radius: 15px;
 	}
 
-	.discover > button:hover, .discover > button:active{
+	.discover > button:hover,
+	.discover > button:active {
 		opacity: 80%;
 		cursor: pointer;
 	}
 
-	@media screen and (max-width: 370px){
+	@media screen and (max-width: 370px) {
 		.discover {
 			width: calc(100% - 24px);
 			height: 33.5vw;
 			border-radius: 8vw;
 		}
-		.discover > button{
+		.discover > button {
 			font-size: 4.3vw;
 			line-height: 5.4vw;
 			padding: 2.2vw 14.8vw 2.2vw 14.8vw;
 			border-radius: 15px;
 		}
-		.discover > h2{
+		.discover > h2 {
 			font-size: 6.4vw;
 			line-height: 8.6vw;
 		}
 	}
-</style>
+</style>

src/routes/log_in.svelte

@@ -49,7 +49,7 @@
 			<p>Continue with Google</p>
 		</button>
 
-		<button on:click={() => account.createOAuth2Session('facebook')}>
+		<button on:click={() => account.createOAuth2Session('facebook', `${location.origin}/create/account`, `${location.origin}/register/failed`)}>
 			<p>Continue with Facebook</p>
 		</button>
 	</div>

src/routes/register/createAccount.svelte

@@ -0,0 +1,4 @@
+<script>
+</script>
+
+<div />

src/routes/register/register.svelte

@@ -41,12 +41,12 @@
 	</div>
 
 	<div class="continue_with">
-		<button on:click={() => account.createOAuth2Session('google', '/', '/register/failed')}>
+		<button on:click={() => account.createOAuth2Session('google', location.origin, `${location.origin}/register/failed`)}>
 			<GoogleLogo />
 			<p>Continue with Google</p>
 		</button>
 
-		<button on:click={() => account.createOAuth2Session('facebook', '/', '/register/failed')}>
+		<button on:click={() => account.createOAuth2Session('facebook', location.origin, `${location.origin}/register/failed`)}>
 			<p>Continue with Facebook</p>
 		</button>
 	</div>