rannes.dev/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
ChrQR 2024-04-06 13:57:52 +02:00
parent 8088da8886
commit 1239013742
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/routes/+layout.svelte
View File

@ -1,5 +1,5 @@
<script>
import { fade } from "svelte/transition";
import { blur, fade } from "svelte/transition";
import "../app.css";
@ -24,7 +24,7 @@
{
name: "login",
subPages: [],
}
},
];
let selected = nav[0]; // keep track of the selected 'page' object.
@ -51,12 +51,13 @@
</ul>
<hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto my-1 bg-black rounded md:my-1"/>
{#key selected}
<ul in:fade={{ delay: 250 }} out:fade={{ duration: 250 }} class="text-center h-4 my-1">
<ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
{#each selected.subPages as subPage}
<li class="sub-nav-item inline-block font-jose"><a class="sub-nav-link text-xl p-2"href={subPage}>{subPage}</a></li>
{/each}
</ul>
{/key}
</nav>
<slot />
<div class="text-center w-3/5 mx-auto">
<slot />
</div>

5
src/routes/+page.svelte
View File

@ -1,5 +1,4 @@
<div class="main-container w-2/4 mx-auto text-center">
<div class="main-container mx-auto text-center">
<h1 class="text-xl">Welcome to my personal webpage</h1>
<p>My name is Christian and I live in Copenhagen. In my professional life, I recruit in product and engineering.
</p>
<p class="text-left">My name is Christian and I live in Copenhagen. In my professional life, I recruit in product and engineering.</p>
</div>