layout, login, createAccount, register, discover
This commit is contained in:
parent
e5b76ccfea
commit
377d16af13
|
@ -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'),
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
<script>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div />
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue