notohh/notohh.dev
notohh/notohh.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

src: fmt

Browse source
This commit is contained in:
notohh 2025-02-02 07:57:15 -05:00
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 {}

6
src/lib/components/Footer.svelte
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>

18
src/lib/components/Navbar.svelte
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

2
src/lib/components/bluesky.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
export let className: string = ""; export let className: string = ''
</script> </script>
<svg <svg

2
src/lib/components/forgejo.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
export let className: string = ""; export let className: string = ''
</script> </script>
<svg <svg

2
src/lib/components/lastfm.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
export let className: string = ""; export let className: string = ''
</script> </script>
<svg <svg

2
src/lib/components/twitch.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
export let className: string = ""; export let className: string = ''
</script> </script>
<svg <svg

16
src/lib/scripts/randomimage.ts
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 }

6
src/routes/+error.svelte
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>

10
src/routes/+layout.svelte
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 />

18
src/routes/+page.svelte
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

4
src/routes/about/+page.svelte
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">

26
src/routes/projects/+page.svelte
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