Skip to content
This repository has been archived by the owner on Oct 22, 2024. It is now read-only.

Commit

Permalink
Merge pull request #24 from zenith-hacks/development
Browse files Browse the repository at this point in the history 
Add community-run disclaimer, socials; move donate button
  • Loading branch information
@leowilkin
leowilkin authored Sep 1, 2024
2 parents fedd5b6 + 975c1cc commit cab39c3
Show file tree
Hide file tree
Showing 3 changed files with 125 additions and 110 deletions.
64 changes: 41 additions & 23 deletions src/layouts/components/Footer.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,45 @@ const today = new Date();
---

<footer>
<div class='grid grid-cols-1 md:grid-cols-2 container mt-8 border-t-2'>
<div class='flex items-center justify-center'>
<h1 class="text-4xl font-['Roboto'] italic my-8 mb-2">Zenith 2025</h1>
</div>
<div class='text-neutral-700 mt-6 text-center md:text-left'>
<p>HCB: <a class='hover:underline' href='https://hcb.hackclub.com/zenithhacks'>Zenith Hacks</a></p>
<p>GitHub: <a class='hover:underline' href='https://github.com/zenith-hacks'>@zenith-hacks</a></p>
<p>Slack: <a class='hover:underline' href='https://hackclub.slack.com/archives/C07HC6711PX'>#hack-zenith-2025</a></p>
<p>Email: <a class='hover:underline' href='mailto:team@zenithhacks.org'>team@zenithhacks.org</a></p>
<br />
<p><a class='hover:underline' href='https://withcabin.com/privacy/zenithhacks.org'>Privacy Policy</a></p>
<p><a class='hover:underline' href='/code-of-conduct'>Code of Conduct</a></p>
<div class='text-sm text-zinc-500'>
<div>Copyright © {today.getFullYear()} Zenith.</div>
</div>
</div>
</div>
<div class='justify-center flex gap-4 py-8 prose text-sm text-center'>
<p class='max-w-[700px] underline mx-4'>
Zenith 2025 is fiscally sponsored by The Hack Foundation (d.b.a. Hack Club), a 501(c)(3) nonprofit (EIN: 81-2908499). Contributions
are tax-deductible to the fullest extent allowed by law.
</p>
</div>
<div class='grid grid-cols-1 md:grid-cols-2 container mt-8 border-t-2'>
<div class='flex items-center justify-center'>
<h1 class="text-4xl font-['Roboto'] italic my-8 mb-2">Zenith 2025</h1>
</div>
<div class='text-neutral-700 mt-6 text-center md:text-left'>
<p class='text-neutral-500'>
HCB <a class='text-neutral-800 hover:underline' href='https://hcb.hackclub.com/zenithhacks'>Zenith Hacks</a>
</p>
<p class='text-neutral-500'>
GitHub <a class='text-neutral-800 hover:underline' href='https://github.com/zenith-hacks'>@zenith-hacks</a>
</p>
<p class='text-neutral-500'>
Slack <a class='text-neutral-800 hover:underline' href='https://hackclub.slack.com/archives/C07HC6711PX'>#hack-zenith-2025</a>
</p>
<p class='text-neutral-500'>
Email <a class='text-neutral-800 hover:underline' href='mailto:team@zenithhacks.org'>team@zenithhacks.org</a>
</p>
<br />
<p class='text-neutral-500'>
Instagram <a class='text-neutral-800 hover:underline' href='https://instagram.com/zenith_hacks'>@zenith_hacks</a>
</p>
<p class='text-neutral-500'>
Threads <a class='text-neutral-800 hover:underline' href='https://threads.net/@zenith_hacks'>@zenith_hacks</a>
</p>
<br />
<p><a class='hover:underline' href='https://withcabin.com/privacy/zenithhacks.org'>Privacy Policy</a></p>
<p><a class='hover:underline' href='/code-of-conduct'>Code of Conduct</a></p>
<div class='text-sm text-neutral-500'>
<div>Copyright © {today.getFullYear()} Zenith.</div>
</div>
</div>
</div>
<div class='justify-center flex gap-4 py-8 prose text-sm text-center'>
<div>
<p class='max-w-[700px] underline mx-4'>
Zenith 2025 is a community-run part of The Hack Foundation (d.b.a. Hack Club), a 501(c)(3) nonprofit (EIN: 81-2908499).
Contributions are tax-deductible to the fullest extent allowed by law.
</p>
<p>Disclaimer: Zenith 2025 is not run by the offical Hack Club Foundation, but by leaders of high school Hack Clubs.</p>
</div>
</div>
</footer>
154 changes: 70 additions & 84 deletions src/layouts/components/Header.astro
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
import HeaderLink from './HeaderLink.astro';
import Logo from '@src/assets/img/icon.png';
import { Image } from 'astro:assets';
import HeaderLink from "./HeaderLink.astro";
import Logo from "@src/assets/img/icon.png";
import { Image } from "astro:assets";
const menu = [
{
link: '#about',
label: 'About'
},
{
link: '#sponsors',
label: 'Sponsors'
}
{
link: "#about",
label: "About"
},
{
link: "#sponsors",
label: "Sponsors"
}
];
---

Expand All @@ -26,78 +26,64 @@ const menu = [
},
-->
<style>
@keyframes subtle-glow {
0%,
100% {
box-shadow:
0 0 5px 1px rgba(128, 0, 128, 0.3),
0 0 10px 2px rgba(255, 140, 0, 0.3),
0 0 15px 3px rgba(128, 0, 128, 0.2);
}
50% {
box-shadow:
0 0 8px 2px rgba(128, 0, 128, 0.5),
0 0 12px 4px rgba(255, 140, 0, 0.5),
0 0 18px 6px rgba(128, 0, 128, 0.3);
}
}
html {
scroll-behavior: smooth;
}
@keyframes subtle-glow {
0%,
100% {
box-shadow:
0 0 5px 1px rgba(128, 0, 128, 0.3),
0 0 10px 2px rgba(255, 140, 0, 0.3),
0 0 15px 3px rgba(128, 0, 128, 0.2);
}
50% {
box-shadow:
0 0 8px 2px rgba(128, 0, 128, 0.5),
0 0 12px 4px rgba(255, 140, 0, 0.5),
0 0 18px 6px rgba(128, 0, 128, 0.3);
}
}
html {
scroll-behavior: smooth;
}
</style>

<header
id='site-header'
class='flex bg-black pt-16 sm:pt-0 items-center w-full transition duration-300 z-[999] border-[var(--soft-border-color)]'
>
<div class='container'>
<nav class='flex gap-4 items-center justify-between py-3'>
<h2 class='m-0'>
<a href='/' class='flex gap-4 items-center text-xl font-black uppercase'>
<Image src={Logo} alt='Zenith 2025' class='w-11 shadow-lg' />
</a>
</h2>
<div class='flex'>
<a
class='bg-transparent text-white px-6 py-2 pt-[.7rem] rounded-full font-bold uppercase border border-zinc-700 animate-[subtle-glow_2s_infinite_alternate] hover:scale-105 transition-transform duration-300'
href='https://hcb.hackclub.com/donations/start/zenithhacks'
target='_blank'
>
Donate
</a>
</div>
</nav>
<div class='fixed top-3 w-auto max-w-full px-3 left-1/2 -translate-x-1/2 z-[999]'>
<div class='flex px-2.5 bg-black backdrop-blur-md leading-tight rounded-full border border-zinc-700'>
<div class='px-2.5 text-sm'>
<HeaderLink class='py-3 flex items-center' href='/' aria-label='Home'>
<svg
xmlns='http://www.w3.org/2000/svg'
width='20'
height='20'
viewBox='0 0 24 24'
fill='none'
stroke='currentColor'
stroke-width='1.7'
stroke-linecap='round'
stroke-linejoin='round'
class='lucide lucide-house'
><path d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'></path><path
d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'
></path></svg
>
</HeaderLink>
</div>
{
menu.map((item) => (
<div class='px-2.5 text-sm'>
<HeaderLink class='py-3 flex items-center' href={item.link}>
{item.label}
</HeaderLink>
</div>
))
}
</div>
</div>
</div>
</header>
<a href='/'>
<Image src={Logo} alt='Zenith 2025' class='rounded-xl w-11 shadow-lg absolute mt-2.5 ml-2.5 z-10' />
</a>

<header id='site-header' class='flex bg-black pt-0 items-center w-full transition duration-300 z-[999] border-[var(--soft-border-color)]'>
<div class='container'>
<!-- Navbar -->
<div class='fixed top-3 w-auto max-w-full px-3 left-1/2 -translate-x-1/2 z-[999]'>
<div class='flex px-2.5 bg-black backdrop-blur-md leading-tight rounded-full border border-zinc-700'>
<div class='px-2.5 text-sm'>
<HeaderLink class='py-3 flex items-center' href='/' aria-label='Home'>
<svg
xmlns='http://www.w3.org/2000/svg'
width='20'
height='20'
viewBox='0 0 24 24'
fill='none'
stroke='currentColor'
stroke-width='1.7'
stroke-linecap='round'
stroke-linejoin='round'
class='lucide lucide-house'
><path d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'></path><path
d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'
></path></svg
>
</HeaderLink>
</div>
{
menu.map((item) => (
<div class='px-2.5 text-sm'>
<HeaderLink class='py-3 flex items-center' href={item.link}>
{item.label}
</HeaderLink>
</div>
))
}
</div>
</div>
</div>
</header>
17 changes: 14 additions & 3 deletions src/pages/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,17 +6,27 @@ import { Image } from "astro:assets";
<BaseLayout title='Zenith 2025'>
<div class="font-['Poppins']">
<div class='bg-black h-[165vh] text-white overflow-hidden text-center relative'>
<div class='my-[12vh] mx-10'>
<div class='my-[16vh] mx-10'>
<h1 class="text-6xl font-['Roboto'] font-extrabold italic">Zenith 2025</h1>
<p class="font-['Poppins'] max-w-[700px] inline-block text-xl">
Join a hackathon to compete and connect with Hack Club leaders from across the world!
Join a <span class='italic font-semibold'>community run</span> hackathon to compete and connect with Hack Club members from across
the world!
</p>
<div class='my-10'>
<a
class='bg-transparent text-white px-6 py-2 pt-[.7rem] rounded-full font-bold uppercase border border-zinc-700 animate-[subtle-glow_2s_infinite_alternate] hover:scale-105 transition-transform duration-300'
href='https://hcb.hackclub.com/donations/start/zenithhacks'
target='_blank'
>
Donate
</a>
</div>
</div>
<div
class='inline-block h-[220vw] lg:h-[160vw] w-[160vw] bg-white rounded-full m-auto absolute left-[calc(50vw-80vw)]'
style='top: calc(100vh - 40vh); box-shadow: -1rem -1rem 4rem #fff, inset 0 0 8rem #333'
>
<div class='container mt-[35vh] mx-auto text-black w-[100vw] m-16'>
<div class='container mt-[40vh] mx-auto text-black w-[100vw] m-16'>
<h2 class="text-4xl font-['Roboto'] font-bold text-center mb-4">What is Zenith 2025?</h2>
<p class='text-center max-w-[700px] mx-auto text-xl leading-7'>
Zenith 2025 is a hackathon organised by and for teens. We're coming together for 2 days to share our knowledge and
Expand Down Expand Up @@ -109,6 +119,7 @@ import { Image } from "astro:assets";
<Image class='sponsor' src='/logos/1password-blue.svg' alt='1Password logo' width={400} height={200} />
<Image class='sponsor' src='/logos/axure.svg' alt='Axure logo' width={400} height={200} />
<Image class='sponsor' src='/logos/codecrafters.png' title='Code Crafters' alt='Code Crafters logo' width={400} height={200} />

<br />
<br />
<hr />
Expand Down

0 comments on commit cab39c3

Please sign in to comment.