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
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>
<span>
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
>
</span>
@ -12,7 +12,7 @@
site
<a aria-label="source code" href="https://git.flake.sh/notohh/notohh.dev">
<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
</span>

View file

@ -19,41 +19,41 @@
</div>
<ul
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>
<a class="hover:text-accent color-transition" href="/about">about</a>
<a class="color-transition hover:text-accent" href="/about">about</a>
</li>
<li>
<a class="hover:text-accent color-transition" href="/projects"
<a class="color-transition hover:text-accent" href="/projects"
>projects</a
>
</li>
<li>
<a
class="hover:text-accent color-transition"
class="color-transition hover:text-accent"
href="https://status.flake.sh/status/kumo">status</a
>
</li>
</ul>
</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
>
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<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>
<a class="hover:text-accent color-transition" href="/projects"
<a class="color-transition hover:text-accent" href="/projects"
>projects</a
>
</li>
<li>
<a
class="hover:text-accent color-transition"
class="color-transition hover:text-accent"
href="https://status.flake.sh/status/kumo">status</a
>
</li>
@ -63,7 +63,7 @@
<span class="inline-block hover:motion-preset-spin">
<a
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"
>
=3

View file

@ -1,13 +1,13 @@
<script lang="ts">
export let className: string = "";
export let className: string = ''
</script>
<svg
class={className}
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><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"
/></svg
class={className}
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><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"
/></svg
>

View file

@ -1,13 +1,13 @@
<script lang="ts">
export let className: string = "";
export let className: string = ''
</script>
<svg
class={className}
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><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"
/>
class={className}
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><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"
/>
</svg>

View file

@ -1,13 +1,13 @@
<script lang="ts">
export let className: string = "";
export let className: string = ''
</script>
<svg
class={className}
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><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"
/></svg
class={className}
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><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"
/></svg
>

View file

@ -1,13 +1,13 @@
<script lang="ts">
export let className: string = "";
export let className: string = ''
</script>
<svg
class={className}
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><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"
/></svg
class={className}
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
><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"
/></svg
>

View file

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

View file

@ -1,6 +1,6 @@
<script lang="ts">
import { page } from '$app/state';
import { randomImage } from '$lib/scripts/randomimage';
import { page } from '$app/state'
import { randomImage } from '$lib/scripts/randomimage'
</script>
<svelte:head>
@ -8,7 +8,7 @@
</svelte:head>
<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="" />
<h1 class="text-4xl font-bold">{page.status}: {page.error?.message}</h1>

View file

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

View file

@ -1,9 +1,9 @@
<script lang="ts">
import Pfp from '$lib/images/pfp.jpg';
import Forgejo from '$lib/components/forgejo.svelte';
import Bluesky from '$lib/components/bluesky.svelte';
import Lastfm from '$lib/components/lastfm.svelte';
import Twitch from '$lib/components/twitch.svelte';
import Pfp from '$lib/images/pfp.jpg'
import Forgejo from '$lib/components/forgejo.svelte'
import Bluesky from '$lib/components/bluesky.svelte'
import Lastfm from '$lib/components/lastfm.svelte'
import Twitch from '$lib/components/twitch.svelte'
</script>
<svelte:head>
@ -11,19 +11,19 @@
</svelte:head>
<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
src={Pfp}
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
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
</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">
<span class="inline-block motion-preset-expand motion-delay-400">
<Lastfm

View file

@ -2,8 +2,8 @@
<title>about</title>
</svelte:head>
<div class="bg-base-300 min-h-screen flex flex-col items-center justify-center">
<h1 class="text-4xl motion-preset-slide-down mb-10">about me</h1>
<div class="flex min-h-screen flex-col items-center justify-center bg-base-300">
<h1 class="mb-10 motion-preset-slide-down text-4xl">about me</h1>
<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-400">

View file

@ -1,24 +1,24 @@
<svelte:head>
<title>projects</title>
</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="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="#slide2" class="btn btn-circle bg-accent-content"></a>
</div>
<div class="collapse border border-base-content motion-preset-expand">
<div class="collapse-title font-semibold flex-col">projects</div>
<div class="collapse motion-preset-expand border border-base-content">
<div class="collapse-title flex-col font-semibold">projects</div>
<input type="radio" name="accordion" checked={true} />
<div class="collapse-content text-sm">
<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" />
<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">
<span
@ -27,13 +27,13 @@
</span>
</a>
</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
servers, my desktop, my laptop, my everything
</h2>
<div class="flex justify-start text-left text-balance sm:text-lg">
<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>
multi-config repo, with configs for servers, laptop, and
@ -102,15 +102,15 @@
</ul>
</div>
</div>
<div id="slide2" class="carousel-item relative 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">
<div id="slide2" class="relative carousel-item w-full flex-col">
<img
src="https://i.imgur.com/KOoUpRv.png"
alt=""
class="w-full"
/>
<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">
<span
@ -120,13 +120,13 @@
</a>
</h1>
<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 :)
</h2>
<div class="flex justify-start text-left text-balance sm:text-lg">
<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>
built with