Skip to content

Commit

Permalink
fix: broken export & hero text
Browse files Browse the repository at this point in the history
  • Loading branch information
@nicosalm
nicosalm committed Nov 15, 2024
1 parent d6851fb commit 968d20e
Show file tree
Hide file tree
Showing 2 changed files with 104 additions and 93 deletions.
96 changes: 54 additions & 42 deletions src/components/HeroSection.astro
View file
Original file line number Diff line number Diff line change
@@ -1,38 +1,50 @@
---
import Container from "./Container.astro"
import { Picture } from 'astro:assets';
import logo from '../images/logo.png';
import Container from "./Container.astro";
import { Picture } from "astro:assets";
import logo from "../images/logo.png";
import Starfield from "./Starfield.astro";
---

<div class="relative min-h-full flex">
<Starfield />
<div aria-hidden="true" class="absolute inset-0 grid grid-cols-2 -space-x-52 opacity-20">
<div class="blur-[106px] h-56 bg-gradient-to-br from-primary to-purple-400"></div>
<div class="blur-[106px] h-32 bg-gradient-to-r from-cyan-400 to-sky-300"></div>
</div>
<Container class="w-full">
<div class="relative pb-16 pt-16 sm:pt-10 sm:pb-20 ml-auto min-h-full flex items-center">
<div class="lg:w-2/3 text-center mx-auto">
<h1 class="font-header text-white font-semibold text-5xl md:text-6xl xl:text-7xl">MadHacks</h1>
<p class="text-cyan-300 text-md md:text-lg xl:text-xl">University of Wisconsin–Madison</p>
<Picture style="animation: 5s ease-in-out 0s infinite dropShadow" loading="eager" alt="MadHacks Brain and Blue Wave Logo" class="mx-auto flex justify-center my-6 w-64 md:w-80 xl:w-96 h-52 md:h-64 xl:h-80" src={logo} aspectRatio="6:5" sizes="(min-width: 1280px) 384px, (min-width: 768px) 320px, 256px" widths={[256, 320, 384, 512, 640, 768]} formats={['avif', 'webp', 'png']} quality={90} />
<h2 class="font-header text-white font-semibold text-3xl md:text-4xl xl:text-5xl mb-4">We're Back!</h2>
<h3 class="text-white text-lg md:text-xl xl:text-2xl mb-2"><b>November 9th & 10th, 2024</b></h3>
<h4 class="text-white text-sm md:text-md xl:text-lg">Location: <b>Educational Sciences Building</b></h4>
<h4 class="text-white text-sm md:text-md xl:text-lg">1025 W Johnson St, Madison, WI</h4>
<!-- <a href="https://docs.google.com/document/d/1x5AFNqnvfy1fWB5tLvOd0UXyQFETPc-0mnZ-r-5V43w/edit?usp=sharing" target="_blank" title="Apply Now" class="ml-auto text-xl font-bold text-white inline-block py-4 px-8 mt-6 rounded-lg text-center transition bg-gradient-to-br from-primary to-sky-600 hover:to-sky-700 active:to-sky-900 focus:to-sky-800"> -->
<!-- RESOURCES & COMPANY CHALLENGE INFO -->
<!-- </a> -->
<!-- <br/> -->
<!-- <a href="/walkin" target="_blank" title="Apply Now" class="ml-auto text-xl font-bold text-white inline-block py-4 px-8 mt-6 rounded-lg text-center transition bg-gradient-to-br from-primary to-sky-600 hover:to-sky-700 active:to-sky-900 focus:to-sky-800"> -->
<!-- WALK IN REGISTRATION -->
<!-- </a> -->
<Starfield />
<div aria-hidden="true" class="absolute inset-0 grid grid-cols-2 -space-x-52 opacity-20">
<div class="blur-[106px] h-56 bg-gradient-to-br from-primary to-purple-400"></div>
<div class="blur-[106px] h-32 bg-gradient-to-r from-cyan-400 to-sky-300"></div>
</div>
<Container class="w-full">
<div class="relative pb-16 pt-16 sm:pt-10 sm:pb-20 ml-auto min-h-full flex items-center">
<div class="lg:w-2/3 text-center mx-auto">
<h1 class="font-header text-white font-semibold text-5xl md:text-6xl xl:text-7xl">MadHacks</h1>
<p class="text-cyan-300 text-md md:text-lg xl:text-xl">University of Wisconsin–Madison</p>
<Picture
style="animation: 5s ease-in-out 0s infinite dropShadow"
loading="eager"
alt="MadHacks Brain and Blue Wave Logo"
class="mx-auto flex justify-center my-6 w-64 md:w-80 xl:w-96 h-52 md:h-64 xl:h-80"
src={logo}
aspectRatio="6:5"
sizes="(min-width: 1280px) 384px, (min-width: 768px) 320px, 256px"
widths={[256, 320, 384, 512, 640, 768]}
formats={["avif", "webp", "png"]}
quality={90}
/>
<!-- <h2 class="font-header text-white font-semibold text-3xl md:text-4xl xl:text-5xl mb-4">We're Back!</h2> -->
<h2 class="font-header text-white font-semibold text-3xl md:text-4xl xl:text-5xl mb-4">See you next year!</h2>
<h3 class="text-white text-lg md:text-xl xl:text-2xl mb-2"><b>November 9th & 10th, 2024</b></h3>
<h4 class="text-white text-sm md:text-md xl:text-lg">Location: <b>Educational Sciences Building</b></h4>
<h4 class="text-white text-sm md:text-md xl:text-lg">1025 W Johnson St, Madison, WI</h4>
<!-- <a href="https://docs.google.com/document/d/1x5AFNqnvfy1fWB5tLvOd0UXyQFETPc-0mnZ-r-5V43w/edit?usp=sharing" target="_blank" title="Apply Now" class="ml-auto text-xl font-bold text-white inline-block py-4 px-8 mt-6 rounded-lg text-center transition bg-gradient-to-br from-primary to-sky-600 hover:to-sky-700 active:to-sky-900 focus:to-sky-800"> -->
<!-- RESOURCES & COMPANY CHALLENGE INFO -->
<!-- </a> -->
<!-- <br/> -->
<!-- <a href="/walkin" target="_blank" title="Apply Now" class="ml-auto text-xl font-bold text-white inline-block py-4 px-8 mt-6 rounded-lg text-center transition bg-gradient-to-br from-primary to-sky-600 hover:to-sky-700 active:to-sky-900 focus:to-sky-800"> -->
<!-- WALK IN REGISTRATION -->
<!-- </a> -->

<!--<a href="https://gist.github.com/Nicell/94281a36f9b900b54a334bb61a944f10" target="_blank" title="Get Notified" class="ml-auto text-xl font-bold text-white inline-block py-4 px-8 mt-6 rounded-lg text-center transition bg-gradient-to-br from-primary to-sky-600 hover:to-sky-700 active:to-sky-900 focus:to-sky-800">
<!--<a href="https://gist.github.com/Nicell/94281a36f9b900b54a334bb61a944f10" target="_blank" title="Get Notified" class="ml-auto text-xl font-bold text-white inline-block py-4 px-8 mt-6 rounded-lg text-center transition bg-gradient-to-br from-primary to-sky-600 hover:to-sky-700 active:to-sky-900 focus:to-sky-800">
JUDGING
</a>-->
<!-- <div class="mt-16 flex flex-wrap justify-center gap-y-4 gap-x-6">
<!-- <div class="mt-16 flex flex-wrap justify-center gap-y-4 gap-x-6">
<a
href="#"
class="relative flex h-11 w-full items-center justify-center px-6 before:absolute before:inset-0 before:rounded-full before:bg-primary before:transition before:duration-300 hover:before:scale-105 active:duration-75 active:before:scale-95 sm:w-max"
Expand Down Expand Up @@ -66,20 +78,20 @@ import Starfield from "./Starfield.astro";
</div>
</div>
</div> -->
</div>
</div>
</Container>
<style>
@keyframes dropShadow {
0% {
filter: drop-shadow(0px 0px 25px #0096b1c0);
}
50% {
filter: drop-shadow(0px 0px 10px #0096b1a0);
}
100% {
filter: drop-shadow(0px 0px 25px #0096b1c0);
}
</div>
</div>
</Container>
<style>
@keyframes dropShadow {
0% {
filter: drop-shadow(0px 0px 25px #0096b1c0);
}
50% {
filter: drop-shadow(0px 0px 10px #0096b1a0);
}
100% {
filter: drop-shadow(0px 0px 25px #0096b1c0);
}
</style>
}
</style>
</div>
101 changes: 50 additions & 51 deletions src/components/Schedule.astro
View file
Original file line number Diff line number Diff line change
@@ -1,57 +1,56 @@
---
const eventObject = [
{ startTime: "9:00AM", endTime: "11:00AM", Core: "Check-in", Event: "Team Matching Begins, Career Fair" },
{ startTime: "10:30AM", endTime: "11:00AM", Core: "Walk-in Registration", Event: "Career Fair" },
{ startTime: "11:00AM", endTime: "12:00PM", Core: "Opening Ceremony", Event: "Career Fair" },
{ startTime: "12:00PM", endTime: "1:00PM", Core: "Lunch & Hacking Begins", Event: "" },
{ startTime: "12:30PM", endTime: "1:15PM", Core: "", Event: "Welcome Workshop: Intro to Hackathon w/ Notion" },
{ startTime: "1:30PM", endTime: "2:00PM", Core: "", Event: "Development and Code Sharing w/ GitHub" },
{ startTime: "2:00PM", endTime: "2:30PM", Core: "", Event: "MLH: Github Copilot" },
{ startTime: "3:00PM", endTime: "3:45PM", Core: "", Event: "Website Workshop w/ GWC" },
{ startTime: "4:00PM", endTime: "4:45PM", Core: "", Event: "" },
{ startTime: "4:00PM", endTime: "5:30PM", Core: "", Event: "React Workshop w/ WebDevUW" },
{ startTime: "6:00PM", endTime: "6:30PM", Core: "Dinner", Event: "" },
{ startTime: "7:00PM", endTime: "8:00PM", Core: "", Event: "CAT Digital Code in the Dark Challenge" },
{ startTime: "8:00PM", endTime: "9:00PM", Core: "", Event: "Transcend: How to Present" },
{ startTime: "9:00PM", endTime: "10:00PM", Core: "", Event: "Mini Event MLH - Bob Ross" },
{ startTime: "10:00PM", endTime: "10:30AM", Core: "", Event: "" },
{ startTime: "10:30PM", endTime: "11:30PM", Core: "", Event: "Estimation" },
{ startTime: "12:00AM", endTime: "8:00AM", Core: "", Event: "Overnight Hacking" },
{ startTime: "8:00AM", endTime: "12:00PM", Core: "Breakfast & Final Sprint", Event: "" },
{ startTime: "12:00PM", endTime: "1:00PM", Core: "Hacking Ends, Lunch Begins", Event: "" },
{ startTime: "1:00PM", endTime: "2:00PM", Core: "Project Judging", Event: "" },
{ startTime: "2:30PM", endTime: "3:00PM", Core: "Finalist Presentations", Event: "" },
{ startTime: "3:15PM", endTime: "4:00PM", Core: "Awards & Closing Ceremony", Event: "" }
{ startTime: "9:00AM", endTime: "11:00AM", Core: "Check-in", Event: "Team Matching Begins, Career Fair" },
{ startTime: "10:30AM", endTime: "11:00AM", Core: "Walk-in Registration", Event: "Career Fair" },
{ startTime: "11:00AM", endTime: "12:00PM", Core: "Opening Ceremony", Event: "Career Fair" },
{ startTime: "12:00PM", endTime: "1:00PM", Core: "Lunch & Hacking Begins", Event: "" },
{ startTime: "12:30PM", endTime: "1:15PM", Core: "", Event: "Welcome Workshop: Intro to Hackathon w/ Notion" },
{ startTime: "1:30PM", endTime: "2:00PM", Core: "", Event: "Development and Code Sharing w/ GitHub" },
{ startTime: "2:00PM", endTime: "2:30PM", Core: "", Event: "MLH: Github Copilot" },
{ startTime: "3:00PM", endTime: "3:45PM", Core: "", Event: "Website Workshop w/ GWC" },
{ startTime: "4:00PM", endTime: "4:45PM", Core: "", Event: "" },
{ startTime: "4:00PM", endTime: "5:30PM", Core: "", Event: "React Workshop w/ WebDevUW" },
{ startTime: "6:00PM", endTime: "6:30PM", Core: "Dinner", Event: "" },
{ startTime: "7:00PM", endTime: "8:00PM", Core: "", Event: "CAT Digital Code in the Dark Challenge" },
{ startTime: "8:00PM", endTime: "9:00PM", Core: "", Event: "Transcend: How to Present" },
{ startTime: "9:00PM", endTime: "10:00PM", Core: "", Event: "Mini Event MLH - Bob Ross" },
{ startTime: "10:00PM", endTime: "10:30AM", Core: "", Event: "" },
{ startTime: "10:30PM", endTime: "11:30PM", Core: "", Event: "Estimation" },
{ startTime: "12:00AM", endTime: "8:00AM", Core: "", Event: "Overnight Hacking" },
{ startTime: "8:00AM", endTime: "12:00PM", Core: "Breakfast & Final Sprint", Event: "" },
{ startTime: "12:00PM", endTime: "1:00PM", Core: "Hacking Ends, Lunch Begins", Event: "" },
{ startTime: "1:00PM", endTime: "2:00PM", Core: "Project Judging", Event: "" },
{ startTime: "2:30PM", endTime: "3:00PM", Core: "Finalist Presentations", Event: "" },
{ startTime: "3:15PM", endTime: "4:00PM", Core: "Awards & Closing Ceremony", Event: "" },
];
---

<div class="w-full mx-auto px-6 md:px-12 xl:px-6 bg-gray-800">
<div class="relative pb-10 pt-10 sm:pt-10 sm:pb-10 ml-auto min-h-full flex flex-col items-center">
<h1 id="schedule" class="font-header text-white font-semibold text-3xl md:text-4xl xl:text-5xl mt-12 mb-4">Schedule</h1>
<div class="w-lg max-w-full overflow-x-auto">
<table class="w-full text-sm text-left text-gray-500 dark:text-gray-400 overflow-x-auto">
<thead class="text-base uppercase bg-gray-700 text-gray-100">
<tr>
<th scope="col" class="px-6 py-3">Time</th>
<th scope="col" class="px-6 py-3">Core</th>
<th scope="col" class="px-6 py-3">Event</th>
</tr>
</thead>
<tbody>
{eventObject.map((element) => (
<tr class="bg-gray-800">
<td class="px-6 py-4 font-medium text-lg whitespace-nowrap text-white">
{element.startTime} - {element.endTime}
</td>
<td class="px-6 py-4 font-medium text-lg whitespace-nowrap text-white">
{element.Core}
</td>
<td class="px-6 py-4 font-medium text-lg whitespace-nowrap text-white">
{element.Event}
</td>
</tr>
))}
</tbody>
</table>
</div>
<div class="relative pb-10 pt-10 sm:pt-10 sm:pb-10 ml-auto min-h-full flex flex-col items-center">
<h1 id="schedule" class="font-header text-white font-semibold text-3xl md:text-4xl xl:text-5xl mt-12 mb-4">Schedule</h1>
<div class="w-lg max-w-full overflow-x-auto">
<table class="w-full text-sm text-left text-gray-500 dark:text-gray-400 overflow-x-auto">
<thead class="text-base uppercase bg-gray-700 text-gray-100">
<tr>
<th scope="col" class="px-6 py-3">Time</th>
<th scope="col" class="px-6 py-3">Core</th>
<th scope="col" class="px-6 py-3">Event</th>
</tr>
</thead>
<tbody>
{
eventObject.map((element) => (
<tr class="bg-gray-800">
<td class="px-6 py-4 font-medium text-lg whitespace-nowrap text-white">
{element.startTime} - {element.endTime}
</td>
<td class="px-6 py-4 font-medium text-lg whitespace-nowrap text-white">{element.Core}</td>
<td class="px-6 py-4 font-medium text-lg whitespace-nowrap text-white">{element.Event}</td>
</tr>
))
}
</tbody>
</table>
</div>
</div>xport default Schedule;
</div>
</div>

0 comments on commit 968d20e

Please sign in to comment.