troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: lock page width back to 65ch

Browse source
This commit is contained in:
Troy 2025-02-13 00:25:26 +00:00
parent 3d6da4d63b
commit 73c269a59c
Signed by: troy
GPG key ID: DFC06C02ED3B4711
8 changed files with 56 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/Hero.astro
View file

@ -1,5 +1,6 @@
---
import instrument from "@fontsource/instrument-serif/files/instrument-serif-latin-400-normal.woff2?url";
import { Icon } from "astro-icon/components";
---
<link
@ -10,10 +11,10 @@ import instrument from "@fontsource/instrument-serif/files/instrument-serif-lati
crossorigin="anonymous"
/>
<section>
<div class="mx-auto px-8 py-32">
<section class="animate-reveal opacity-0">
<div class="mx-auto flex h-full self-center px-8 py-32">
<div
class="animate-reveal mx-auto max-w-xl text-center text-4xl tracking-tight text-balance text-white md:text-6xl"
class="mx-auto my-auto max-w-xl text-center text-4xl tracking-tight text-balance text-white md:text-6xl"
>
<div
class="text-secondary flex items-center justify-center gap-3 font-semibold"
@ -28,6 +29,15 @@ import instrument from "@fontsource/instrument-serif/files/instrument-serif-lati
<div class="text-tertiary font-serif font-light tracking-wide italic">
digital designer.
</div>
<div class="group absolute right-0 left-0 mx-auto mt-8 w-fit">
<a href="#featured-projects">
<Icon
name="mdi:chevron-up"
class="text-tertiary group-hover:text-secondary h-8 w-auto rotate-180 animate-bounce transition-all duration-300 ease-in-out"
title="Move down"
/>
</a>
</div>
</div>
</div>
</section>