layout, login, createAccount, register, discover
This commit is contained in:
parent
e5b76ccfea
commit
377d16af13
|
@ -68,5 +68,9 @@
|
|||
path: '/:gameurl',
|
||||
component: () => import('$routes/game/game.svelte'),
|
||||
},
|
||||
{
|
||||
path: '/create/account',
|
||||
component: () => import('$routes/game/game.svelte'),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
|
|
@ -1,14 +1,11 @@
|
|||
<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>
|
||||
|
@ -31,7 +28,7 @@
|
|||
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,24 +52,25 @@
|
|||
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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
<script>
|
||||
</script>
|
||||
|
||||
<div />
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue