This commit is contained in:
notohh 2025-02-02 07:57:15 -05:00
parent 624419efe0
commit 78d4d133e2
Signed by: notohh
GPG key ID: BD47506D475EE86D
13 changed files with 85 additions and 85 deletions

2
src/app.d.ts vendored
View file

@ -10,4 +10,4 @@ declare global {
} }
} }
export {}; export {}

View file

@ -1,10 +1,10 @@
<footer <footer
class="font-display footer sm:footer-horizontal footer-center text-base-content p-4 bg-base-100 text-lg" class="footer-center footer bg-base-100 p-4 font-display text-lg text-base-content sm:footer-horizontal"
> >
<aside> <aside>
<span> <span>
made with ♥ by made with ♥ by
<a href="https://pot.cx/Sxo5A3" class="hover:text-accent color-transition" <a href="https://pot.cx/Sxo5A3" class="color-transition hover:text-accent"
>@notohh</a >@notohh</a
> >
</span> </span>
@ -12,7 +12,7 @@
site site
<a aria-label="source code" href="https://git.flake.sh/notohh/notohh.dev"> <a aria-label="source code" href="https://git.flake.sh/notohh/notohh.dev">
<span <span
class="inline-block color-transition hover:text-accent hover:motion-preset-seesaw-lg" class="color-transition inline-block hover:motion-preset-seesaw-lg hover:text-accent"
> >
source source
</span> </span>

View file

@ -19,41 +19,41 @@
</div> </div>
<ul <ul
tabindex="-1" tabindex="-1"
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow" class="dropdown-content menu z-1 mt-3 w-52 menu-sm rounded-box bg-base-100 p-2 shadow"
> >
<li> <li>
<a class="hover:text-accent color-transition" href="/about">about</a> <a class="color-transition hover:text-accent" href="/about">about</a>
</li> </li>
<li> <li>
<a class="hover:text-accent color-transition" href="/projects" <a class="color-transition hover:text-accent" href="/projects"
>projects</a >projects</a
> >
</li> </li>
<li> <li>
<a <a
class="hover:text-accent color-transition" class="color-transition hover:text-accent"
href="https://status.flake.sh/status/kumo">status</a href="https://status.flake.sh/status/kumo">status</a
> >
</li> </li>
</ul> </ul>
</div> </div>
<a href="/" class="btn btn-ghost text-xl hover:text-accent color-transition" <a href="/" class="color-transition btn text-xl btn-ghost hover:text-accent"
>notohh.dev</a >notohh.dev</a
> >
</div> </div>
<div class="navbar-center hidden lg:flex"> <div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1"> <ul class="menu menu-horizontal px-1">
<li> <li>
<a class="hover:text-accent color-transition" href="/about">about</a> <a class="color-transition hover:text-accent" href="/about">about</a>
</li> </li>
<li> <li>
<a class="hover:text-accent color-transition" href="/projects" <a class="color-transition hover:text-accent" href="/projects"
>projects</a >projects</a
> >
</li> </li>
<li> <li>
<a <a
class="hover:text-accent color-transition" class="color-transition hover:text-accent"
href="https://status.flake.sh/status/kumo">status</a href="https://status.flake.sh/status/kumo">status</a
> >
</li> </li>
@ -63,7 +63,7 @@
<span class="inline-block hover:motion-preset-spin"> <span class="inline-block hover:motion-preset-spin">
<a <a
href="https://www.youtube.com/watch?v=e1OWVKtAp7s" href="https://www.youtube.com/watch?v=e1OWVKtAp7s"
class="btn btn-ghost hover:text-accent color-transition" class="color-transition btn btn-ghost hover:text-accent"
aria-label="=3" aria-label="=3"
> >
=3 =3

View file

@ -1,13 +1,13 @@
<script lang="ts"> <script lang="ts">
export let className: string = ""; export let className: string = ''
</script> </script>
<svg <svg
class={className} class={className}
role="img" role="img"
viewBox="0 0 24 24" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
><title>Bluesky</title><path ><title>Bluesky</title><path
d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z" d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"
/></svg /></svg
> >

View file

@ -1,13 +1,13 @@
<script lang="ts"> <script lang="ts">
export let className: string = ""; export let className: string = ''
</script> </script>
<svg <svg
class={className} class={className}
role="img" role="img"
viewBox="0 0 24 24" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
><title>Forgejo</title><path ><title>Forgejo</title><path
d="M16.7773 0c1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.1175a7.0759 7.0759 0 0 1 4.148-1.4205l.1176-.001 1.3385.0002c.4973-.8827 1.4434-1.4788 2.5288-1.4788 1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.319c.8827.4973 1.4788 1.4434 1.4788 2.5287 0 1.602-1.2986 2.9005-2.9005 2.9005-1.6018 0-2.9004-1.2986-2.9004-2.9005 0-1.0853.596-2.0314 1.4788-2.5287l-.0002-9.9831c0-3.887 3.1195-7.0453 6.9915-7.108l.1176-.001h1.3385C14.7458.5962 15.692 0 16.7773 0ZM7.2227 19.9052c-.6596 0-1.1943.5347-1.1943 1.1943s.5347 1.1943 1.1943 1.1943 1.1944-.5347 1.1944-1.1943-.5348-1.1943-1.1944-1.1943Zm9.5546-10.4644c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Zm0-7.7346c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Z" d="M16.7773 0c1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.1175a7.0759 7.0759 0 0 1 4.148-1.4205l.1176-.001 1.3385.0002c.4973-.8827 1.4434-1.4788 2.5288-1.4788 1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.319c.8827.4973 1.4788 1.4434 1.4788 2.5287 0 1.602-1.2986 2.9005-2.9005 2.9005-1.6018 0-2.9004-1.2986-2.9004-2.9005 0-1.0853.596-2.0314 1.4788-2.5287l-.0002-9.9831c0-3.887 3.1195-7.0453 6.9915-7.108l.1176-.001h1.3385C14.7458.5962 15.692 0 16.7773 0ZM7.2227 19.9052c-.6596 0-1.1943.5347-1.1943 1.1943s.5347 1.1943 1.1943 1.1943 1.1944-.5347 1.1944-1.1943-.5348-1.1943-1.1944-1.1943Zm9.5546-10.4644c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Zm0-7.7346c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Z"
/> />
</svg> </svg>

View file

@ -1,13 +1,13 @@
<script lang="ts"> <script lang="ts">
export let className: string = ""; export let className: string = ''
</script> </script>
<svg <svg
class={className} class={className}
role="img" role="img"
viewBox="0 0 24 24" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
><title>Last.fm</title><path ><title>Last.fm</title><path
d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z" d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z"
/></svg /></svg
> >

View file

@ -1,13 +1,13 @@
<script lang="ts"> <script lang="ts">
export let className: string = ""; export let className: string = ''
</script> </script>
<svg <svg
class={className} class={className}
role="img" role="img"
viewBox="0 0 24 24" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
><title>Twitch</title><path ><title>Twitch</title><path
d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z" d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"
/></svg /></svg
> >

View file

@ -1,10 +1,10 @@
import error from '$lib/images/error.png'; import error from '$lib/images/error.png'
import error1 from '$lib/images/error1.avif'; import error1 from '$lib/images/error1.avif'
import error2 from '$lib/images/error2.avif'; import error2 from '$lib/images/error2.avif'
import error3 from '$lib/images/error3.avif'; import error3 from '$lib/images/error3.avif'
import error4 from '$lib/images/error4.avif'; import error4 from '$lib/images/error4.avif'
const images = [error, error1, error2, error3, error4]; const images = [error, error1, error2, error3, error4]
const randomImage = images[Math.floor(Math.random() * 5)]; const randomImage = images[Math.floor(Math.random() * 5)]
export { randomImage }; export { randomImage }

View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { page } from '$app/state'; import { page } from '$app/state'
import { randomImage } from '$lib/scripts/randomimage'; import { randomImage } from '$lib/scripts/randomimage'
</script> </script>
<svelte:head> <svelte:head>
@ -8,7 +8,7 @@
</svelte:head> </svelte:head>
<div <div
class="bg-base-300 font-display flex flex-col items-center justify-center h-screen" class="flex h-screen flex-col items-center justify-center bg-base-300 font-display"
> >
<img class="mb-4" src={randomImage} alt="" /> <img class="mb-4" src={randomImage} alt="" />
<h1 class="text-4xl font-bold">{page.status}: {page.error?.message}</h1> <h1 class="text-4xl font-bold">{page.status}: {page.error?.message}</h1>

View file

@ -1,12 +1,12 @@
<script> <script>
import Footer from '$lib/components/Footer.svelte'; import Footer from '$lib/components/Footer.svelte'
import Navbar from '$lib/components/Navbar.svelte'; import Navbar from '$lib/components/Navbar.svelte'
import '../app.css'; import '../app.css'
</script> </script>
<div class="flex flex-col min-h-screen"> <div class="flex min-h-screen flex-col">
<Navbar /> <Navbar />
<main class="flex-grow"> <main class="grow">
<slot /> <slot />
</main> </main>
<Footer /> <Footer />

View file

@ -1,9 +1,9 @@
<script lang="ts"> <script lang="ts">
import Pfp from '$lib/images/pfp.jpg'; import Pfp from '$lib/images/pfp.jpg'
import Forgejo from '$lib/components/forgejo.svelte'; import Forgejo from '$lib/components/forgejo.svelte'
import Bluesky from '$lib/components/bluesky.svelte'; import Bluesky from '$lib/components/bluesky.svelte'
import Lastfm from '$lib/components/lastfm.svelte'; import Lastfm from '$lib/components/lastfm.svelte'
import Twitch from '$lib/components/twitch.svelte'; import Twitch from '$lib/components/twitch.svelte'
</script> </script>
<svelte:head> <svelte:head>
@ -11,19 +11,19 @@
</svelte:head> </svelte:head>
<div <div
class="bg-base-300 font-display flex flex-col items-center justify-center h-screen text-base-content" class="flex h-screen flex-col items-center justify-center bg-base-300 font-display text-base-content"
> >
<img <img
src={Pfp} src={Pfp}
alt="" alt=""
class="rounded-full w-32 h-32 mb-4 motion-preset-blur-down-lg motion-delay-100" class="mb-4 h-32 w-32 motion-preset-blur-down-lg rounded-full motion-delay-100"
/> />
<h1 <h1
class="text-4xl font-bold text-center motion-preset-blur-down-lg motion-delay-200" class="motion-preset-blur-down-lg text-center text-4xl font-bold motion-delay-200"
> >
notohh notohh
</h1> </h1>
<div class="flex space-x-4 mt-4"> <div class="mt-4 flex space-x-4">
<a href="https://www.last.fm/user/notoh" aria-label="Lastfm"> <a href="https://www.last.fm/user/notoh" aria-label="Lastfm">
<span class="inline-block motion-preset-expand motion-delay-400"> <span class="inline-block motion-preset-expand motion-delay-400">
<Lastfm <Lastfm

View file

@ -2,8 +2,8 @@
<title>about</title> <title>about</title>
</svelte:head> </svelte:head>
<div class="bg-base-300 min-h-screen flex flex-col items-center justify-center"> <div class="flex min-h-screen flex-col items-center justify-center bg-base-300">
<h1 class="text-4xl motion-preset-slide-down mb-10">about me</h1> <h1 class="mb-10 motion-preset-slide-down text-4xl">about me</h1>
<ul class="list-inside list-disc text-2xl"> <ul class="list-inside list-disc text-2xl">
<li class="motion-preset-blur-right-lg motion-delay-200">23 y/o</li> <li class="motion-preset-blur-right-lg motion-delay-200">23 y/o</li>
<li class="motion-preset-blur-right-lg motion-delay-400"> <li class="motion-preset-blur-right-lg motion-delay-400">

View file

@ -1,24 +1,24 @@
<svelte:head> <svelte:head>
<title>projects</title> <title>projects</title>
</svelte:head> </svelte:head>
<div class="bg-base-300 min-h-screen flex items-center justify-center"> <div class="flex min-h-screen items-center justify-center bg-base-300">
<div class="w-1/2 text-center"> <div class="w-1/2 text-center">
<div <div
class="absolute left-5 right-5 top-1/2 flex flex-grow -translate-y-1/2 transform justify-between" class="absolute top-1/2 right-5 left-5 flex grow -translate-y-1/2 transform justify-between"
> >
<a href="#slide1" class="btn btn-circle bg-accent-content"></a> <a href="#slide1" class="btn btn-circle bg-accent-content"></a>
<a href="#slide2" class="btn btn-circle bg-accent-content"></a> <a href="#slide2" class="btn btn-circle bg-accent-content"></a>
</div> </div>
<div class="collapse border border-base-content motion-preset-expand"> <div class="collapse motion-preset-expand border border-base-content">
<div class="collapse-title font-semibold flex-col">projects</div> <div class="collapse-title flex-col font-semibold">projects</div>
<input type="radio" name="accordion" checked={true} /> <input type="radio" name="accordion" checked={true} />
<div class="collapse-content text-sm"> <div class="collapse-content text-sm">
<div class="carousel w-full"> <div class="carousel w-full">
<div id="slide1" class="carousel-item relative w-full flex-col"> <div id="slide1" class="relative carousel-item w-full flex-col">
<img src="https://i.imgur.com/s2zvbRt.png" alt="" class="w-full" /> <img src="https://i.imgur.com/s2zvbRt.png" alt="" class="w-full" />
<h1 <h1
class="flex justify-center text-center font-display sm:text-4xl mt-5" class="mt-5 flex justify-center text-center font-display sm:text-4xl"
> >
<a href="https://git.flake.sh/notohh/snowflake"> <a href="https://git.flake.sh/notohh/snowflake">
<span <span
@ -27,13 +27,13 @@
</span> </span>
</a> </a>
</h1> </h1>
<h2 class="flex font-display sm:text-lg mt-5"> <h2 class="mt-5 flex font-display sm:text-lg">
snowflake is my multi-config nixos repo. its the heart of my snowflake is my multi-config nixos repo. its the heart of my
servers, my desktop, my laptop, my everything servers, my desktop, my laptop, my everything
</h2> </h2>
<div class="flex justify-start text-left text-balance sm:text-lg"> <div class="flex justify-start text-left text-balance sm:text-lg">
<ul <ul
class="flex flex-col list-disc list-inside mt-5 justify-start" class="mt-5 flex list-inside list-disc flex-col justify-start"
> >
<li> <li>
multi-config repo, with configs for servers, laptop, and multi-config repo, with configs for servers, laptop, and
@ -102,15 +102,15 @@
</ul> </ul>
</div> </div>
</div> </div>
<div id="slide2" class="carousel-item relative w-full flex-col"> <div id="slide2" class="relative carousel-item w-full flex-col">
<div id="slide2" class="carousel-item relative w-full flex-col"> <div id="slide2" class="relative carousel-item w-full flex-col">
<img <img
src="https://i.imgur.com/KOoUpRv.png" src="https://i.imgur.com/KOoUpRv.png"
alt="" alt=""
class="w-full" class="w-full"
/> />
<h1 <h1
class="flex justify-center text-center font-display sm:text-4xl mt-5" class="mt-5 flex justify-center text-center font-display sm:text-4xl"
> >
<a href="https://git.flake.sh/notohh/notohh.dev"> <a href="https://git.flake.sh/notohh/notohh.dev">
<span <span
@ -120,13 +120,13 @@
</a> </a>
</h1> </h1>
<h2 <h2
class="flex justify-center text-center font-display sm:text-lg mt-5" class="mt-5 flex justify-center text-center font-display sm:text-lg"
> >
this website :) this website :)
</h2> </h2>
<div class="flex justify-start text-left text-balance sm:text-lg"> <div class="flex justify-start text-left text-balance sm:text-lg">
<ul <ul
class="flex flex-col list-disc list-inside mt-5 justify-start" class="mt-5 flex list-inside list-disc flex-col justify-start"
> >
<li> <li>
built with built with