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
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 {}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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