css and routing adjustments

This commit is contained in:
christian 2024-05-20 13:55:55 +02:00
parent 862bbeaf8d
commit 8f09265976
8 changed files with 10 additions and 41 deletions

View File

@ -9,31 +9,12 @@
DropdownItem, DropdownItem,
DarkMode DarkMode
} from 'flowbite-svelte'; } from 'flowbite-svelte';
import { ChevronDownOutline } from 'flowbite-svelte-icons'; import { ChevronDownOutline, HomeOutline } from 'flowbite-svelte-icons';
import '../app.css'; import '../app.css';
import CloudflareAnalytics from '../lib/CloudflareAnalytics.svelte'; import CloudflareAnalytics from '$lib/CloudflareAnalytics.svelte';
import logo from '$lib/logo.png'; import logo from '$lib/logo.png';
import { page } from '$app/stores'; import { page } from '$app/stores';
// Navigation links are generated based on this object
const nav = [
{
name: 'index',
subPages: []
},
{
name: 'whoami',
subPages: ['about', 'resume']
},
{
name: 'portfolio',
subPages: ['svelte', 'next.js', 'homelab']
},
{
name: 'contact',
subPages: ['get_in_touch', 'socials']
}
];
$: activeUrl = $page.url.pathname; $: activeUrl = $page.url.pathname;
</script> </script>
@ -53,9 +34,9 @@
projects<ChevronDownOutline class="w-6 h-6 text-primary-800 dark:text-stone-200 inline" /> projects<ChevronDownOutline class="w-6 h-6 text-primary-800 dark:text-stone-200 inline" />
</NavLi> </NavLi>
<Dropdown class="w-44 z-20"> <Dropdown class="w-44 z-20">
<DropdownItem href="/svelte">svelte</DropdownItem> <DropdownItem href="/projects/svelte">svelte</DropdownItem>
<DropdownItem href="/nextjs">nextjs</DropdownItem> <DropdownItem href="/projects/nextjs">nextjs</DropdownItem>
<DropdownItem href="/homelab">homelab</DropdownItem> <DropdownItem href="/projects/homelab">homelab</DropdownItem>
</Dropdown> </Dropdown>
<NavLi href="/contact">contact</NavLi> <NavLi href="/contact">contact</NavLi>
<NavLi> <NavLi>
@ -63,7 +44,7 @@
</NavLi> </NavLi>
</NavUl> </NavUl>
</Navbar> </Navbar>
<div class="mt-6 mx-auto max-w-xs sm:max-w-md md:max-w-3xl text-center"> <div class="px-2 sm:px-0 mx-auto max-w-xs sm:max-w-md md:max-w-3xl text-center">
<slot /> <slot />
</div> </div>
<footer class="mt-12 text-center"> <footer class="mt-12 text-center">

View File

@ -1,2 +0,0 @@
<h1>This is the login page</h1>
<p>Access denied</p>

View File

@ -1,7 +1,7 @@
<script> <script>
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import Projects from '../../lib/Projects.svelte'; import Projects from '$lib/Projects.svelte';
import PageHeader from '../../lib/PageHeader.svelte'; import PageHeader from '$lib/PageHeader.svelte';
const category = 'nextjs'; const category = 'nextjs';
const title = 'Next.js Projects'; const title = 'Next.js Projects';
</script> </script>

View File

@ -1,7 +1,7 @@
<script> <script>
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import Projects from '../../lib/Projects.svelte'; import Projects from '$lib/Projects.svelte';
import PageHeader from '../../lib/PageHeader.svelte'; import PageHeader from '$lib/PageHeader.svelte';
const projectRssUrl = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss'; const projectRssUrl = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss';
const category = 'svelte'; const category = 'svelte';
const title = 'Svelte Projects'; const title = 'Svelte Projects';

View File

@ -1,9 +0,0 @@
<script>
import { fade } from "svelte/transition";
</script>
<div in:fade>
<h1 class="text-xl">Under development</h1>
<p>In the meantime have a look at my <a class="underline" href="https://www.linkedin.com/in/christian-rannes/">linkedin</a></p>
</div>

View File

@ -1 +0,0 @@
<h1>Under development</h1>