remove abnormally large margins

This commit is contained in:
Troy 2025-01-23 18:46:56 +00:00
parent c493eea5ca
commit c9ee340880
Signed by: troy
GPG key ID: DFC06C02ED3B4711
4 changed files with 7 additions and 7 deletions

View file

@ -38,7 +38,7 @@ import { Icon } from "astro-icon/components";
</ul> </ul>
</div> </div>
</div> </div>
<div class="mt-12 sm:flex sm:items-center sm:justify-between lg:mt-16"> <div class="sm:flex sm:items-center sm:justify-between">
<span class="text-tertiary text-sm sm:text-center" <span class="text-tertiary text-sm sm:text-center"
>&copy; {new Date().getFullYear()} >&copy; {new Date().getFullYear()}
<a href="/" class="hover:text-secondary transition-colors">{SITE.TITLE}</a <a href="/" class="hover:text-secondary transition-colors">{SITE.TITLE}</a

View file

@ -10,7 +10,7 @@ import borel from "@fontsource/borel/files/borel-latin-400-normal.woff2?url";
crossorigin="anonymous" crossorigin="anonymous"
/> />
<section class="mb-32 overflow-clip"> <section class="mt-6 overflow-clip">
<h1 <h1
class="--translate-y-full animate-logo text-4xl font-bold text-pretty md:text-6xl" class="--translate-y-full animate-logo text-4xl font-bold text-pretty md:text-6xl"
> >

View file

@ -40,7 +40,7 @@ import Link from "@components/Link.astro";
</div> </div>
</div> </div>
</section> </section>
<section class="animate-reveal mt-16 opacity-0 [animation-delay:0.1s]"> <section class="animate-reveal opacity-0 [animation-delay:0.1s]">
<h2 class="mb-4 text-2xl font-semibold break-words capitalize">About me</h2> <h2 class="mb-4 text-2xl font-semibold break-words capitalize">About me</h2>
<p class="mb-2"> <p class="mb-2">
Hi, my name is Troy and Im a student 3D artist studying on a BA (Hons) Hi, my name is Troy and Im a student 3D artist studying on a BA (Hons)
@ -62,13 +62,13 @@ import Link from "@components/Link.astro";
>. >.
</p> </p>
</section> </section>
<section class="animate-reveal mt-16 opacity-0 [animation-delay:0.2s]"> <section class="animate-reveal opacity-0 [animation-delay:0.2s]">
<h2 class="mb-4 text-2xl font-semibold break-words capitalize"> <h2 class="mb-4 text-2xl font-semibold break-words capitalize">
Education Education
</h2> </h2>
<Education /> <Education />
</section> </section>
<section class="animate-reveal mt-16 opacity-0 [animation-delay:0.3s]"> <section class="animate-reveal opacity-0 [animation-delay:0.3s]">
<h2 class="mb-4 text-2xl font-semibold break-words capitalize">Skills</h2> <h2 class="mb-4 text-2xl font-semibold break-words capitalize">Skills</h2>
<p class="mb-2"> <p class="mb-2">
My specific chosen area of focus is design, lighting, and rendering My specific chosen area of focus is design, lighting, and rendering
@ -78,7 +78,7 @@ import Link from "@components/Link.astro";
</p> </p>
<Skills /> <Skills />
</section> </section>
<section class="animate-reveal mt-16 opacity-0 [animation-delay:0.4s]"> <section class="animate-reveal opacity-0 [animation-delay:0.4s]">
<h2 class="mb-4 text-2xl font-semibold break-words capitalize"> <h2 class="mb-4 text-2xl font-semibold break-words capitalize">
Experience Experience
</h2> </h2>

View file

@ -24,7 +24,7 @@ const projects = allProjects
<Layout title={HOME.TITLE} description={HOME.DESCRIPTION}> <Layout title={HOME.TITLE} description={HOME.DESCRIPTION}>
<Hero /> <Hero />
<section class="mb-32" aria-labelledby="featured-projects"> <section aria-labelledby="featured-projects">
<div class="group flex w-fit flex-row items-center justify-between gap-6"> <div class="group flex w-fit flex-row items-center justify-between gap-6">
<a href="/projects"> <a href="/projects">
<h2 <h2