style: update some padding and font sizes

This commit is contained in:
Youwen Wu 2024-06-29 00:28:57 -07:00
parent 1d5335e9c7
commit c581fe4519
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
6 changed files with 19 additions and 23 deletions

View file

@ -1,5 +1,4 @@
<script>
import { onMount } from 'svelte'
import { fly } from 'svelte/transition'
import Button from './ui/button/button.svelte'
import { ChevronUp } from 'svelte-radix'

View file

@ -11,6 +11,7 @@
import { afterNavigate, beforeNavigate } from '$app/navigation'
import Loading from '$lib/components/Loading.svelte'
import type { BeforeNavigate } from '@sveltejs/kit'
import BackToTop from '$lib/components/BackToTop.svelte'
let root: HTMLElement | null
let navigating = false
@ -47,5 +48,6 @@
<div class="pt-16 lg:pt-24">
<slot />
</div>
<BackToTop />
<Footer />

View file

@ -33,7 +33,7 @@
coding.
<div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
</h2>
<p class="text-lg leading-relaxed">
<p class="text-xl leading-relaxed">
I learned how to code when I was in 3rd grade (around 8-9 years old). Regrettably, I am
not a gifted genius and did not build a massive open source empire nor did I found a
startup before the age of 12. My projects consisted principally of crummy games or
@ -56,7 +56,7 @@
hacking.
<div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
</h2>
<p class="text-lg leading-relaxed">
<p class="text-xl leading-relaxed">
Most people I know in real life think that I am some kind of hacker - likely because
they once saw me open up a text terminal and update my packages with <code>pacman</code
>. I proclaim myself a hacker because I once learned how to create shoddy CRUD web
@ -68,21 +68,21 @@
src="https://media.tenor.com/XUD0K8qLJYsAAAAe/how-linux-users-install-a-web-browser-linux.png"
alt="linux users installing a web browser"
/>
<p class="text-lg leading-relaxed">
I do consider myself a hacker under <a
href="https://stallman.org/articles/on-hacking.html"
class="link">this definition</a
> of hacking, though.
<p class="text-xl leading-relaxed">
I subscribe to <a href="https://stallman.org/articles/on-hacking.html" class="link"
>this definition</a
>
of hacking, though, by which I <em>am</em> deemed a hacker.
</p>
<h2 class="text-3xl font-semibold tracking-tight">
math.
<div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
</h2>
<p class="text-lg leading-relaxed">
<p class="text-xl leading-relaxed">
I learn about math I find interesting as a hobby. I also happen to be pursuing it an
undergraduate degree in it, soon.
</p>
<p class="text-lg leading-relaxed">
<p class="text-xl leading-relaxed">
I tried doing math competitions in middle and early high school before I realized that
it wasn't for me (that's my way of saying that I couldn't hope to compete with the
prodigies). Still, I wholly recommend that anyone who likes math take a look at <a
@ -95,20 +95,20 @@
other stuff.
<div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
</h2>
<p class="text-lg leading-relaxed">
<p class="text-xl leading-relaxed">
Let's see. I play guitar, although I haven't had much time lately. I play video games
sometimes, <a href="https://steamcommunity.com/id/couscousdude/" class="link"
>here's my Steam profile</a
>.
</p>
<p class="text-lg leading-relaxed">
<p class="text-xl leading-relaxed">
If for whatever reason you're interested in the tools I use on my computer, I have a <a
class="link"
href="/about/computing">brief page about it</a
>. I'm legally obligated to notify you that I run Arch Linux with a tiling window
manager and Neovim.
</p>
<p class="text-lg leading-relaxed">
<p class="text-xl leading-relaxed">
This site contains a <a class="link" href="/colophon">colophon</a>, for those interested
in its inner workings.
</p>
@ -116,13 +116,13 @@
contact me.
<div class="w-24 h-1.5 rounded-lg bg-muted-foreground mt-1" />
</h2>
<p class="text-lg leading-relaxed">Find me on:</p>
<p class="text-xl leading-relaxed">Find me on:</p>
<Socials />
<p class="text-lg leading-relaxed mt-4">
<p class="text-xl leading-relaxed mt-4">
I read message requests everywhere but do not accept Discord friend requests if I don't
know you. The best way to reach me and receive a response is probably by email.
</p>
<p class="text-lg leading-relaxed">
<p class="text-xl leading-relaxed">
If you notice any issues with or have any suggestions about this site or any of my
projects, feel free to send me an email or message about it.
</p>

View file

@ -1,6 +1 @@
<script lang="ts">
import BackToTop from '$lib/components/BackToTop.svelte'
</script>
<BackToTop />
<slot />

View file

@ -1,4 +1,4 @@
<main class="container mx-auto max-w-3xl my-20">
<main class="px-2 mx-auto max-w-3xl my-20">
<div class="px-2">
<h1 class="text-4xl font-semibold tracking-tight">
colophon.

View file

@ -12,7 +12,7 @@
</svelte:head>
<div class="md:dots-background py-20">
<main class="container mx-auto max-w-5xl bg-background rounded-lg py-4">
<main class="px-4 mx-auto max-w-5xl bg-background rounded-lg py-4">
<h1 class="font-serif text-5xl font-medium tracking-tight">
Portfolio
<hr class="w-32 mt-0.5 h-1 bg-muted-foreground rounded-lg" />