Madmin
/
Erant-OldApp
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/__routes.svelte
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'),
},
]} ]}
/> />

26
src/routes/homepage/Components/Discover.svelte
View File

@ -1,19 +1,16 @@
<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>
/*min 370px*/ /*min 370px*/
.discover { .discover {
background-color: #110042; background-color: #110042;
color: white; color: white;
@ -31,7 +28,7 @@
gap: 18px; gap: 18px;
} }
.discover > h2{ .discover > h2 {
font-family: 'Source Sans Pro'; font-family: 'Source Sans Pro';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
@ -40,10 +37,10 @@
margin: 0; margin: 0;
text-align: center; text-align: center;
} }
.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,24 +52,25 @@
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;
} }
@media screen and (max-width: 370px){ @media screen and (max-width: 370px) {
.discover { .discover {
width: calc(100% - 24px); width: calc(100% - 24px);
height: 33.5vw; height: 33.5vw;
border-radius: 8vw; border-radius: 8vw;
} }
.discover > button{ .discover > button {
font-size: 4.3vw; font-size: 4.3vw;
line-height: 5.4vw; line-height: 5.4vw;
padding: 2.2vw 14.8vw 2.2vw 14.8vw; padding: 2.2vw 14.8vw 2.2vw 14.8vw;
border-radius: 15px; border-radius: 15px;
} }
.discover > h2{ .discover > h2 {
font-size: 6.4vw; font-size: 6.4vw;
line-height: 8.6vw; line-height: 8.6vw;
} }

2
src/routes/log_in.svelte
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>

4
src/routes/register/createAccount.svelte Normal file
View File

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

4
src/routes/register/register.svelte
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>