Skip to content

Commit

Permalink
Merge pull request #72 from hack-rpi/event-information
Browse files Browse the repository at this point in the history
Event information Page
  • Loading branch information
CooperW824 authored Jun 15, 2024
2 parents 77509df + 6d7faa1 commit 55647b8
Show file tree
Hide file tree
Showing 8 changed files with 195 additions and 53 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,4 @@ yarn-error.log*
# typescript
*.tsbuildinfo
next-env.d.ts
.env
171 changes: 145 additions & 26 deletions app/event/page.tsx
Original file line number Diff line number Diff line change
@@ -1,37 +1,156 @@
"use client";

import NavBar from "@/components/nav-bar/nav-bar";
import React from "react";
import "@/app/globals.css";
import Footer from "@/components/footer/footer";
import logo from "@/public/HackRPI_Logo_Yellow_Arrow.png";
import Footer from "../../components/footer/footer";
import NavBar from "@/components/nav-bar/nav-bar";
import MapsDCCLow from "@/components/maps/maps";
import GoogleMapsWidget from "@/components/maps/google_maps";
import HackRPILink from "@/components/themed-components/hackrpi-link";
import Image from "next/image";

export default function page() {
function EventPage() {
return (
<div className="flex flex-col w-screen h-fit min-h-screen items-center justify-center">
<>
<NavBar showOnScroll={false} />
<div className="flex flex-col w-11/12 md:w-1/2 flex-grow flex-shrink basis-auto items-center justify-center text-center desktop:text-left">
<div className="h-24 desktop:h-16"></div>
<Image src={logo} alt="HackRPI Logo" width={100} height={100} />
<h1 className="text-4xl font-bold mb-4">🚧 HackRPI Site Under Development! 🚧</h1>
<p className="text-xl mb-2">
Attention all code warriors and caffeine aficionados! Our hackathon hub is currently in the middle of an epic
upgrade. We&apos;re coding faster than a team of over-caffeinated developers at 3 AM.
</p>
<ul className="list-disc w-full list-inside mb-2">
<li>Challenges so brain-bending, they&apos;ll make your algorithms sweat!</li>
<li>Prizes so cool, even your keyboard will do a happy dance.</li>
<li>Resources so valuable, they&apos;ll make Stack Overflow blush.</li>
</ul>
<p className="mb-2">
Stay tuned for the ultimate hackathon experience. In the meantime, feel free to practice your speed coding and
stock up on energy drinks. This is going to be one heck of a digital showdown.
</p>
<p className="w-full mb-2">
Thanks for your patience! (And for not accidentally deploying anything to production.)
</p>

<div className="justify-center flex w-full flex-col pt-24 desktop:pt-16">
<div className="px-4 flex flex-wrap items-start justify-center mb-8">
<div className="w-full desktop:w-1/2 p-4 min-w-[350px] sm:min-w-[450px]">
<h1 className="font-semibold text-4xl text-white mb-4">Location</h1>
<div className="text-2xl mb-10">
<h3 className="text-white text-2xl font-bold">📍 Darrin Communications Center</h3>
Rensselaer Polytechnic Institute
<p>
Address:{" "}
<a
href="https://maps.google.com/?q=Darrin+Communications+Center+51+College+Ave+Troy+NY+12180"
target="_blank"
rel="noopener noreferrer"
className="text-blue-500 hover:underline"
>
Darrin Communications Center, Troy, NY 12180
</a>
</p>
</div>

<GoogleMapsWidget />

<div className="text-2xl mt-10">
<h3 className="font-bold text-2xl text-white">Free Parking</h3>
<p>Parking is available at North Hall Parking Lot, 2-minute walk to Darrin Communications Center</p>
<p>
Parking Address:{" "}
<a
href="https://maps.google.com/?q=North+Lot+Troy+NY+12180"
target="_blank"
rel="noopener noreferrer"
className="text-blue-500 hover:underline"
>
North Lot, Troy, NY 12180
</a>
</p>
</div>
</div>

{/* Right Side - Map */}
<div className="w-full desktop:w-1/2 p-4 min-w-[350px] sm:min-w-[450px] desktop:mt-8">
<MapsDCCLow />
</div>
</div>
<div className="flex flex-col items-start justify-start bg-hackrpi-primary-dark-green w-full py-8">
<h1 className="text-4xl text-white font-bold ml-4">Need Help?</h1>
<div className="w-full flex items-start justify-start flex-col md:flex-row">
<div className="container p-4">
<h2 className=" font-semibold text-2xl mb-4 text-white">MENTORING INFORMATION</h2>
<p className="text-lg">
Mentors will be available throughout HackRPI to provide invaluable guidance and assistance to
participants. Whether you need help with coding, debugging, refining your project idea, or navigating
the challenges of a hackathon, our experienced mentors are here to support you every step of the way.
With their expertise, you&apos;ll be able to overcome obstacles, learn new skills, and maximize your
hackathon experience. Don&apos;t hesitate to seek out their advice and make the most of the mentorship
opportunities available at HackRPI.
</p>
</div>

<div className="container flex flex-col items-start p-4">
<h2 className="font-semibold text-2xl mb-4 text-white">EVENT DISCORD</h2>
<p className="text-lg mb-8">
Join the HackRPI 2024 Discord server to stay connected and make the most of your hackathon experience!
Have questions for the staff? Want to chat with other participants? Looking for a team? Join the
conversation on Discord and get the support you need to succeed at HackRPI.
</p>
{/*
{
svgPath: "/social/discord.svg",
link: "https://discord.gg/Pzmdt7FYnu",
name: "Discord",
bgGradientFrom: "from-[#5865F2]",
bgGradientTo: "to-[#7289da]",
},
*/}
<HackRPILink
href="https://discord.gg/Pzmdt7FYnu"
className="hover:bg-gradient-to-br hover:from-[#5865F2] hover:to-[#7289da] hover:bg-transparent hover:border-[#5865F2] w-20 h-20 flex items-center justify-center"
>
<Image src="/social/discord.svg" alt="Discord Logo" width={50} height={50} />
</HackRPILink>
</div>
</div>
</div>

<div className="flex flex-col items-start justify-start w-full" id="project-submission">
<h1 className="p-4 text-4xl font-bold">Project Submission and Judging</h1>
<div className="flex flex-col md:flex-row">
<div className="container p-4">
<h1 className="font-semibold text-3xl mb-4 text-white">JUDGING CRITERIA</h1>
<p className="mb-2">
After coding ends, at noon on Sunday, you will have the opportunity to present your project to a panel
of judges. These judges are industry professionals, professors, alumni, and fellow students who will
evaluate your project based on the following criteria:
</p>
<ul className="text-lg list-disc list-inside">
<li className=" border-b border-gray-400 mb-2">
<strong>Creativity:</strong> How original is your hack? Is this a novel idea or something that many
people have come across?
</li>
<li className=" border-b border-gray-400 mb-2">
<strong>Practical & Useful:</strong> What problem do you want to solve? How applicable is your hack to
problems we&apos;re facing today?
</li>
<li className=" border-b border-gray-400 mb-2">
<strong>Technical Difficulty:</strong> How technically challenging is it? Which technologies did you
use?
</li>
<li className=" border-b border-gray-400 mb-2">
<strong>User Experience:</strong> What impression do you get from the hack? Does it provide for a
smooth user experience?
</li>
<li className=" border-b border-gray-400 mb-2">
<strong>Future Plans:</strong> Does it have ways it can be improved upon for the future?
</li>
</ul>
</div>

<div className="container p-4">
<h1 className="font-semibold text-3xl mb-4 text-white">PROJECT SUBMISSION</h1>
<p className="text-lg mb-8">
HackRPI uses Devpost to manage project submissions. You will need to create a Devpost account and submit
your project to the HackRPI 2024 hackathon page. Make sure to include a title, description, demo video,
and any other relevant information about your project. You can submit your project at any time before
11:00 AM on Sunday. You must have a Devpost submission to be eligible for judging. You can edit your
project submission until 12:00 PM on Sunday. After noon, you will not be able to make any changes to
your project or your submission.
</p>
<h1 className="font-semibold text-3xl mb-4 text-white">Devpost link will be added here soon!</h1>
</div>
</div>
</div>
</div>

<Footer />
</div>
</>
);
}

export default EventPage;
25 changes: 25 additions & 0 deletions components/maps/google_maps.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
export default function GoogleMapsWidget() {
const GOOGLE_MAPS_API_KEY = process.env.GOOGLE_MAPS_API_KEY;

return (
<a
href="https://www.google.com/maps/place/Darrin+Communications+Center,+Rensselaer+Polytechnic+Institute,+110+8th+St,+Troy,+NY+12180"
target="_blank"
rel="noopener noreferrer"
className="block"
>
{/* Embed Google Maps iframe */}
<div className="w-full h-64 border rounded-lg overflow-hidden">
<iframe
width="100%"
height="100%"
frameBorder="0"
style={{ border: 0 }}
referrerPolicy="no-referrer-when-downgrade"
src={`https://www.google.com/maps/embed/v1/place?key=${GOOGLE_MAPS_API_KEY}&q=Darrin+Communications+Center,Rensselaer+Polytechnic+Institute|1102+Sage+Ave,+Troy,+NY+12180&zoom=15`}
allowFullScreen
></iframe>
</div>
</a>
);
}
36 changes: 16 additions & 20 deletions app/location/page.tsx → components/maps/maps.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,10 @@ import React, { useState } from "react";
import DCC from "@/public/maps_img/DCC.png";
import LOW from "@/public/maps_img/LOW.png";
import "@/app/globals.css";
import NavBar from "@/components/nav-bar/nav-bar";
import NextImg from "next/image";
import Footer from "@/components/footer/footer";
import HackRPIButton from "@/components/themed-components/hackrpi-button";

const MapsPage = () => {
const MapsDCCLow = () => {
const [showDCC, setShowDCC] = useState(true);
const [showLOW, setShowLOW] = useState(false);

Expand All @@ -23,34 +21,32 @@ const MapsPage = () => {
};

return (
<div className="flex w-full items-center justify-center flex-col">
<NavBar showOnScroll={false} />
<div>
<h1 className="title text-5xl py-10"></h1>
</div>
<div
id="maps"
className="text-center flex items-center justify-center flex-col w-11/12 md:w-2/3 h-[calc(100vh-80px)]"
>
<h1 className="font-sans font-bold text-hackrpi-secondary-grey text-7xl ">MAPS</h1>

<div className="mt-4 mb-8 max-w-[800px]">
<div className="flex flex-col md:flex-row items-center justify-between w-full md:space-x-4 md:space-y-0 space-y-4 mb-4">
<HackRPIButton onClick={handleShowDCC} active={showDCC} className="text-xl md:w-[350px] w-full ">
<div className="p-2 flex flex-col items-center justify-center w-full">
<div id="maps" className="text-center flex items-center justify-center flex-col w-full">
<div className="mt-2 mb-2 max-w-[800px] w-full">
<div className="flex flex-col md:flex-row items-center justify-between w-full md:space-x-4 md:space-y-0 space-y-4 mb-4 desktop:h-24">
<HackRPIButton
onClick={handleShowDCC}
active={showDCC}
className="text-xl w-full h-full flex items-center justify-center"
>
Darrin Communications Center
</HackRPIButton>

<HackRPIButton onClick={handleShowLOW} active={showLOW} className="text-xl md:w-[350px] w-full ">
<HackRPIButton
onClick={handleShowLOW}
active={showLOW}
className="text-xl w-full h-full flex items-center justify-center"
>
Low Center for Industrial Innovation
</HackRPIButton>
</div>
{showDCC && <NextImg src={DCC} alt="DCC Image" className="w-full" />}
{showLOW && <NextImg src={LOW} alt="LOW Image" className="w-full" />}
</div>
</div>
<Footer />
</div>
);
};

export default MapsPage;
export default MapsDCCLow;
3 changes: 2 additions & 1 deletion components/socials-links/socials-card.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,15 @@ export type CardProps = {
name: string;
bgGradientFrom: string;
bgGradientTo: string;
classname?: string;
};

export default function Card(props: CardProps) {
return (
<a
href={props.link}
aria-label={props.name}
className={`w-12 aspect-square max-w-20
className={`${props.classname} w-12 aspect-square max-w-20
bg-opacity-100 p-2 bg-transparent hover:bg-gradient-to-tr flex items-center justify-center
${props.bgGradientFrom} ${props.bgGradientTo}
rounded-full hover:bg-opacity-0 transition-all duration-300 ease-[cubic-bezier(.43,-0.72,.47,1.8)]
Expand Down
4 changes: 2 additions & 2 deletions components/themed-components/hackrpi-button.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@ export default function HackRPIButton(props: HackRPIButtonProps) {
onClick={props.onClick}
aria-label={props.ariaLabel}
aria-pressed={props.active}
className={`${props.className} ${props.active ? "bg-hackrpi-secondary-yellow text-hackrpi-secondary-dark-blue border-hackrpi-secondary-yellow" : "border-hackrpi-secondary-yellow text-white"} flex group border-2 hover:bg-hackrpi-secondary-yellow hover:text-hackrpi-secondary-dark-blue transition-colors duration-200 font-sans font-medium ring-hackrpi-secondary-yellow`}
className={`${props.className} ${props.active ? "bg-hackrpi-secondary-yellow text-hackrpi-secondary-dark-blue border-hackrpi-secondary-yellow" : "border-hackrpi-secondary-yellow text-white"} flex group border-2 hover:bg-hackrpi-secondary-yellow hover:text-hackrpi-secondary-dark-blue transition-colors duration-200 font-sans font-medium ring-hackrpi-secondary-yellow relative pr-4`}
>
<div className="p-2 w-full">{props.children}</div>
<svg
className={`relative top-1 right-1 group-hover:fill-hackrpi-secondary-dark-blue ${props.active ? "fill-hackrpi-secondary-dark-blue" : "fill-hackrpi-secondary-yellow"} transition-colors duration-200`}
className={`absolute top-1 right-1 group-hover:fill-hackrpi-secondary-dark-blue ${props.active ? "fill-hackrpi-secondary-dark-blue" : "fill-hackrpi-secondary-yellow"} transition-colors duration-200`}
xmlns="http://www.w3.org/2000/svg"
width="15"
height="15"
Expand Down
6 changes: 3 additions & 3 deletions components/themed-components/hackrpi-link.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@ export default function HackRPILink({
return (
<NextLink
href={href}
className={`${className} flex group border-hackrpi-secondary-yellow border-2 text-white hover:bg-hackrpi-secondary-yellow hover:text-hackrpi-secondary-dark-blue transition-colors duration-200 font-sans font-medium`}
className={`${className} group border-hackrpi-secondary-yellow border-2 text-white hover:bg-hackrpi-secondary-yellow hover:text-hackrpi-secondary-dark-blue transition-colors duration-200 font-sans font-medium relative `}
>
<div className="p-2 w-full">{children}</div>
{children}
<svg
className="relative top-1 right-1 group-hover:fill-hackrpi-secondary-dark-blue fill-hackrpi-secondary-yellow transition-colors duration-200"
className="absolute top-1 right-1 group-hover:fill-hackrpi-secondary-dark-blue fill-hackrpi-secondary-yellow transition-colors duration-200"
xmlns="http://www.w3.org/2000/svg"
width="15"
height="15"
Expand Down
2 changes: 1 addition & 1 deletion components/themed-components/registration-link.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import HackRPILink from "./hackrpi-link";

export default function RegistrationLink({ className }: { className?: string }) {
return (
<HackRPILink href="https://hackrpi.com" className={`${className}`}>
<HackRPILink href="https://hackrpi.com" className={`${className} px-6 py-2`}>
{" "}
Register Now{" "}
</HackRPILink>
Expand Down

0 comments on commit 55647b8

Please sign in to comment.