mirror of
https://github.com/youwen5/site.git
synced 2024-11-24 09:23:50 -08:00
style: update some padding and font sizes
This commit is contained in:
parent
1d5335e9c7
commit
c581fe4519
6 changed files with 19 additions and 23 deletions
|
@ -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'
|
||||
|
|
|
@ -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 />
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -1,6 +1 @@
|
|||
<script lang="ts">
|
||||
import BackToTop from '$lib/components/BackToTop.svelte'
|
||||
</script>
|
||||
|
||||
<BackToTop />
|
||||
<slot />
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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" />
|
||||
|
|
Loading…
Reference in a new issue