Hannah/Dagemark-Webapp
Watch
1
0
Fork
You've already forked Dagemark-Webapp
 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Small fixes, Fix lint, Expand dropdown to have correct style and add icon

Browse source
This commit is contained in:
Hannah dagemark 2026-09-29 12:28:13 +02:00
commit c1d8ff9049
8 changed files with 70 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/Hannah/page.tsx
View file

@ -1,20 +1,28 @@
import Image from "next/image";
import Referencelink from "@/components/ui/Referencelink";
import RoundedContainer from "@/components/ui/RoundedContainer";
import NavLink from "@/components/ui/NavLink";
export default function Hannah() {
return (
<div className="flex h-full w-full justify-center py-10">
<RoundedContainer slim={false}>
<div className="flex w-full flex-row justify-between">
<Referencelink name={"Projects"} link={"/Hannah/Projects"} />
<Referencelink name={"CV"} link={"/Hannah/CV"} />
<NavLink name={"Projects"} link={"/Hannah/Projects"} />
<NavLink name={"CV"} link={"/Hannah/CV"} />
</div>
<div className="flex w-full flex-col space-y-2 py-10">
<h1 className="text-2xl font-bold">Hi!</h1>
<p>{"I'm Hannah, and I made this website! It's currently very much in it's early stages, but I am actively developing it and soon it'll hopefully contain some good examples of what I do. Besides being a place to display my projects, it also acts as a hub for the different services I've incorporated into our home web ecosystem, or HomeLab."}</p>
<p>{"If you came here from a job application, chances are you'll want to take a look at the Projects tab. As said It's still fairly new, but it'll give you a good example of what I put my time into! Just press the \"Projects\" button if you're interested"}</p>
<p>
{
"I'm Hannah, and I made this website! It's currently very much in it's early stages, but I am actively developing it and soon it'll hopefully contain some good examples of what I do. Besides being a place to display my projects, it also acts as a hub for the different services I've incorporated into our home web ecosystem, or HomeLab."
}
</p>
<p>
{
"If you came here from a job application, chances are you'll want to take a look at the Projects tab. As said It's still fairly new, but it'll give you a good example of what I put my time into! Just press the \"Projects\" button if you're interested"
}
</p>
<p>{"In the meantime, here's a picture of my cat :D"}</p>
<Image
src="/Missy.jpg"
@ -26,5 +34,5 @@ export default function Hannah() {
</div>
</RoundedContainer>
</div>
)
}
);
}

14
app/Playground/Components/page.tsx
View file

@ -8,7 +8,14 @@ import RoundedContainer from "@/components/ui/RoundedContainer";
export default function Components() {
return (
<div className="flex flex-col items-center gap-4 w-full h-full">
<div className="flex flex-col items-center gap-4 w-full h-full px-10">
<h1>Dropdown</h1>
<Dropdown title="Dropdown" mode="DARK">
<NavLink name="Home" link="/" />
<NavLink name="Admin" link="/Admin" />
<NavLink name="Hannah" link="/Hannah" />
</Dropdown>
<h1>Button</h1>
<Button
title={"Button"}
@ -49,11 +56,6 @@ export default function Components() {
<p>More Contents</p>
</div>
</RoundedContainer>
<h1>Dropdown</h1>
<Dropdown>
<p>Hello!</p>
</Dropdown>
</div>
);
}

9
app/page.tsx
View file

@ -1,11 +1,11 @@
import Image from "next/image";
import Image from "next/image";
import RoundedContainer from "@/components/ui/RoundedContainer";
import RoundedContainer from "@/components/ui/RoundedContainer";
export default function Home() {
return (
<main className="flex items-center justify-center w-full bg-zinc-200 font-sans dark:bg-slate-800">
<RoundedContainer>
<RoundedContainer slim={false}>
<Image
className="dark:invert"
src="/next.svg"
@ -19,7 +19,8 @@ export default function Home() {
Welcome to the Dagemark Server
</h1>
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400 italic">
Design In Progress, current layout and theme may change, have a good day :D
Design In Progress, current layout and theme may change, have a good
day :D
</p>
</div>
</RoundedContainer>