Skip to content

Commit

Permalink
Update Heading.tsx
Browse files Browse the repository at this point in the history
  • Loading branch information
iancheung0202 authored Dec 13, 2024
1 parent 226eddf commit 07a4df2
Showing 1 changed file with 12 additions and 10 deletions.
22 changes: 12 additions & 10 deletions src/app/(landing)/Heading.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ export default function Heading() {
<section id="heading" className="text-white text-center h-screen relative flex flex-col items-center justify-center p-5 pb-[20vh]">
<div className={`mb-2 relative flex flex-col items-center md:block ${overpass.className}`}>
<span className="pt-2 text-6xl md:text-9xl tracking-wider text-center">
<img className="mb-2 w-[650px] max-w-full" src="/gunnhacks11-dark.png" alt="GunnHacks 11.0 Logo" draggable="false" />
<img className="mb-2 max-w-full w-[640px]" src="/gunnhacks11-dark.png" alt="GunnHacks 11.0 Logo" draggable="false" />
</span>
{/*<span className="pt-2 text-6xl md:text-9xl tracking-wider">GunnHa<span className="invisible">XI</span></span>
<img className="absolute w-32 md:w-64 left-[15rem] top-[-1.6rem] md:left-[calc(26rem)] md:top-[-2.9rem]" src="/X.svg" alt="X Logo" />*/}
Expand Down Expand Up @@ -88,12 +88,13 @@ export default function Heading() {
<span className="text-[#F47722] text-5xl">]</span>
<span className="text-5xl animate-wiggle ml-2">👈</span>
</div>
<div className="text-sm italic mt-2 flex gap-2 items-center">
<span>Limited T-shirts granted on first-come-first-serve basis! Sign up before December 31 to guarantee your swag!</span>
<div className="text-sm italic mt-2 flex gap-2 items-center">
<span>Limited T-shirts granted on first-come-first-serve basis! Sign up before December 31 to guarantee your swag!</span>
</div>
</section>
<style jsx>{`
@keyframes wiggle {

<style jsx>{`
@keyframes wiggle {
0% {
transform: translateX(0);
}
Expand All @@ -103,11 +104,12 @@ export default function Heading() {
100% {
transform: translateX(0);
}
}
}
.animate-wiggle {
.animate-wiggle {
animation: wiggle 0.5s ease-in-out infinite;
}
`}</style>
}
`}</style>
</section>
);
}

1 comment on commit 07a4df2

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Deploy preview for gunnhacks11-0 ready!

✅ Preview
https://gunnhacks11-0-334atn32y-daniel-kous-projects.vercel.app

Built with commit 07a4df2.
This pull request is being automatically deployed with vercel-action

Please sign in to comment.