layout, login, createAccount, register, discover

This commit is contained in:
Ota Prokopec 2023-03-03 21:34:39 +01:00
parent e5b76ccfea
commit 377d16af13
5 changed files with 25 additions and 19 deletions

View File

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

View File

@ -1,14 +1,11 @@
<script> <script>
import { navigate } from '$lib/router'
</script> </script>
<div class="discover"> <div class="discover">
<h2> <h2>Dicoveries around</h2>
Dicoveries around
</h2>
<button> <button on:click={() => navigate('/explore')}> Start your trips! </button>
Start your trips!
</button>
</div> </div>
<style> <style>
@ -43,7 +40,7 @@
.discover > button { .discover > button {
text-align: center; text-align: center;
color: #110042; color: #110042;
background-color: #FFFFFF; background-color: #ffffff;
font-family: 'Source Sans Pro'; font-family: 'Source Sans Pro';
font-style: normal; font-style: normal;
@ -55,7 +52,8 @@
border-radius: 15px; border-radius: 15px;
} }
.discover > button:hover, .discover > button:active{ .discover > button:hover,
.discover > button:active {
opacity: 80%; opacity: 80%;
cursor: pointer; cursor: pointer;
} }

View File

@ -49,7 +49,7 @@
<p>Continue with Google</p> <p>Continue with Google</p>
</button> </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> <p>Continue with Facebook</p>
</button> </button>
</div> </div>

View File

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

View File

@ -41,12 +41,12 @@
</div> </div>
<div class="continue_with"> <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 /> <GoogleLogo />
<p>Continue with Google</p> <p>Continue with Google</p>
</button> </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> <p>Continue with Facebook</p>
</button> </button>
</div> </div>