youwen5/site
1
0
Fork 0
mirror of https://github.com/youwen5/site.git synced 2024-11-28 10:53:50 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: make dots less annoying on dark mode

Browse source
This commit is contained in:
Youwen Wu 2024-04-03 17:56:22 -07:00
parent 966263dccd
commit 448d8b3615
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
1 changed files with 16 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/routes/+page.svelte
View file

@ -14,7 +14,7 @@
</svelte:head> </svelte:head>
<main class="dots-background"> <main class="dots-background">
<div class="container max-w-5xl mx-auto py-10 px-4 sm:px-8"> <div class="container max-w-5xl mx-auto py-10 px-4 sm:px-8 justify-center">
<Typewriter mode="scramble" scrambleDuration={750}> <Typewriter mode="scramble" scrambleDuration={750}>
<h1 class="text-5xl sm:text-6xl font-bold text-center mt-14 sm:mt-20 font-display"> <h1 class="text-5xl sm:text-6xl font-bold text-center mt-14 sm:mt-20 font-display">
👋 Hi, I'm Youwen, 👋 Hi, I'm Youwen,
@ -30,7 +30,7 @@
</Typewriter> </Typewriter>
<br /> <br />
<Typewriter mode="scramble" scrambleDuration={1000}> <Typewriter mode="scramble" scrambleDuration={1000}>
I'm interested in systems programming, web design, data science, and statistics. <p>I'm interested in systems programming, web design, data science, and statistics.</p>
</Typewriter> </Typewriter>
</div> </div>
<div class="flex flex-wrap gap-4 justify-center my-8"> <div class="flex flex-wrap gap-4 justify-center my-8">
@ -45,20 +45,6 @@
> >
</div> </div>
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-4">
<Card.Root class="col-span-2 sm:col-span-1">
<Card.Header>
<Card.Title>Blog</Card.Title>
</Card.Header>
<Card.Content>
<p>
Check out my blog, <strong>The Coredump</strong>, where I occasionally write about
computer science, math, and everything else on my mind.
</p>
</Card.Content>
<Card.Footer>
<Button variant="outline" href="/blog">Go<ArrowRight class="ml-2" /></Button>
</Card.Footer>
</Card.Root>
<Card.Root class="col-span-2 sm:col-span-1"> <Card.Root class="col-span-2 sm:col-span-1">
<Card.Header> <Card.Header>
<Card.Title>Projects</Card.Title> <Card.Title>Projects</Card.Title>
@ -91,6 +77,20 @@
</span> </span>
</Card.Footer> </Card.Footer>
</Card.Root> </Card.Root>
<Card.Root class="col-span-2 sm:col-span-1">
<Card.Header>
<Card.Title>Blog</Card.Title>
</Card.Header>
<Card.Content>
<p>
Check out my blog, <strong>The Coredump</strong>, where I occasionally write about
computer science, math, and everything else on my mind.
</p>
</Card.Content>
<Card.Footer>
<Button variant="outline" href="/blog">Go<ArrowRight class="ml-2" /></Button>
</Card.Footer>
</Card.Root>
<Card.Root class="col-span-2"> <Card.Root class="col-span-2">
<Card.Header> <Card.Header>
<Card.Title>Contact Me</Card.Title> <Card.Title>Contact Me</Card.Title>
@ -106,6 +106,3 @@
</div> </div>
</div> </div>
</main> </main>
<style lang="postcss">
</style>