yisroelbaum/Attainly
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

add guest auth pages

Browse source
This commit is contained in:
Yisroel Baum 2026-07-31 09:56:16 +03:00
parent edcaf80b98
commit 02c947708f
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
13 changed files with 1499 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

67
frontend/website/src/views/DashboardView.vue Normal file
View file

@ -0,0 +1,67 @@
<script setup lang="ts">
import BrandWordmark from '@/components/BrandWordmark.vue'
</script>
<template>
<main class="dashboard-page">
<header>
<BrandWordmark theme="dark" />
</header>
<section>
<p>Dashboard</p>
<h1>Your next step starts here.</h1>
<span>
Your goals and today&apos;s assignments will appear here once account authentication is
connected.
</span>
</section>
</main>
</template>
<style scoped>
.dashboard-page {
min-height: 100vh;
min-height: 100svh;
padding: 2rem clamp(1.5rem, 6vw, 5rem);
color: #183029;
background: #f4f1e7;
}
header {
width: min(100%, 76rem);
margin: 0 auto;
}
section {
width: min(100%, 42rem);
margin: clamp(6rem, 18vh, 12rem) auto 0;
text-align: center;
}
section p {
margin: 0 0 1rem;
color: #926044;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
h1 {
margin: 0;
font-family: Georgia, 'Times New Roman', serif;
font-size: clamp(3rem, 7vw, 5rem);
font-weight: 500;
line-height: 1;
letter-spacing: -0.055em;
}
section span {
display: block;
max-width: 34rem;
margin: 1.5rem auto 0;
color: #68776f;
line-height: 1.7;
}
</style>