Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

suggested skydeck changes. google analytics. #3

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

suggested skydeck changes. google analytics. #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 21 additions & 17 deletions app/about/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,22 +18,7 @@ export default function Home() {
forces again to give you an unparalleled hacking experience.
</p>
<div className="w-95 mt-6 grid max-w-5xl gap-6 px-8 md:w-full md:grid-cols-3">
<div className="rounded-lg bg-black/30 p-6">
<Link href="https://www.berkeley.edu/">
<img
src="/images/berkeley.png"
style={{ height: "150px" }}
className="mx-auto"
/>
<h4 className="mt-4 text-lg font-bold text-electric-blue">
UC Berkeley
</h4>
</Link>
<p className="mt-2">
is the world’s #1 public university, with a rich history of
groundbreaking discoveries.
</p>
</div>

<div className="rounded-lg bg-black/30 p-6">
<Link href="https://hackberkeley.org/">
<img
Expand Down Expand Up @@ -69,7 +54,26 @@ export default function Home() {
</Link>
<p className="mt-2">
is UC Berkeley's premier startup accelerator with a mission to
empower and cultivate the next generation of entrepreneurs.
empower and cultivate the next generation of entrepreneurs. SkyDeck partners with the Berkeley SkyDeck Fund,
which shares half the carried interest with Berkeley. Since its inception in 2018, the fund has built a portfolio of over 200 globally scaled companies,
such as MindsDB and HaydenAI.

</p>
</div>
<div className="rounded-lg bg-black/30 p-6">
<Link href="https://www.berkeley.edu/">
<img
src="/images/berkeley.png"
style={{ height: "150px" }}
className="mx-auto"
/>
<h4 className="mt-4 text-lg font-bold text-electric-blue">
UC Berkeley
</h4>
</Link>
<p className="mt-2">
is the world’s #1 public university, with a rich history of
groundbreaking discoveries.
</p>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/DontMissOut.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ export default function DontMissOut() {
Don&apos;t Miss Out.
</p>
<p className="mb-1 text-center text-base text-white sm:text-xl xl:text-2xl">
9am June 22 (Saturday) - 6pm June 23 (Sunday)
Sat., June 22 at 9am PT - Sun., June 23 at 6pm PT
</p>
<p className="mb-8 text-center text-base text-white sm:text-xl xl:text-2xl">
UC Berkeley, MLK Student Union Building
Expand Down
8 changes: 7 additions & 1 deletion components/FAQ.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,13 @@ const FAQ = () => {
id: "faq-1",
question: "What is the AI Hackathon?",
answer:
"UC Berkeley’s AI Hackathon is a 2-day hackathon, where students will creatively collaborate on innovative technology, and attend workshops and panels to learn more about emerging tech!",
"The UC Berkeley AI Hackathon is a 2-day hackathon where students will collaborate on innovative technology, compete to win prizes including cash, and attend workshops and panels to learn more about emerging tech!",
},
{
id: "faq-7",
question: "Who is eligible to participate?",
answer:
"The AI Hackathon is open to undergraduate and graduate students as well as recent grads from all colleges and universities. We had 250+ universities represented in 2023."
},
{
id: "faq-2",
Expand Down
156 changes: 85 additions & 71 deletions components/Nav.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,108 +2,122 @@

import React, { useState } from "react";
import Link from "next/link";
import Script from "next/script";

const Nav = () => {
const [isOpen, setIsOpen] = useState(false);

return (
<nav className="z-20 w-full">
<div className="mx-auto max-w-screen-xl px-4">
<div className="flex justify-between">
<div className="flex space-x-4">
<Link
href="/"
className="flex items-center px-2 py-5 text-xl text-white"
>
<span className="font-pp-mondwest">UC Berkeley AI Hackathon</span>
</Link>
</div>
{/* Standard nav bar for non-mobile */}
<div className="hidden items-center space-x-6 text-balance text-center md:flex">
<Link
href="/about"
className="px-3 py-5 text-white hover:underline"
>
About
</Link>
<a
rel="noopener noreferrer"
target="_blank"
href="https://forms.gle/x9AsZLftCKM1CAFE6"
className="px-3 py-5 text-white hover:underline"
>
Volunteer
</a>
<Link
href="/contact"
className="px-3 py-5 text-white hover:underline"
>
Contact
</Link>
<a
href="https://apply.hackberkeley.org/login"
rel="noopener noreferrer"
target="_blank"
className="border-1 border border-white px-3 py-0.5 text-white transition duration-300 hover:bg-white hover:text-black"
>
Apply
</a>
</div>
<>
<Script
src="https://www.googletagmanager.com/gtag/js?id=G-LC1K1ZMQCB"
strategy="afterInteractive"
/>
<Script id="google-analytics" strategy="afterInteractive">
{`
window.dataLayer = window.dataLayer || [];
function gtag(){window.dataLayer.push(arguments);}
gtag('js', new Date());

{/* Collapsible nav menu for mobile screens */}
<div className="flex flex-col md:hidden">
<button className="p-4" onClick={() => setIsOpen(!isOpen)}>
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-6 w-6 text-white"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
gtag('config', 'G-LC1K1ZMQCB');
`}
</Script>
<nav className="z-20 w-full">
<div className="mx-auto max-w-screen-xl px-4">
<div className="flex justify-between">
<div className="flex space-x-4">
<Link
href="/"
className="flex items-center px-2 py-5 text-xl text-white"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 6h16M4 12h16m-7 6h7"
/>
</svg>
</button>
<div
className={`${isOpen ? "flex" : "hidden"} absolute right-[33px] top-[50px] z-20 h-[265px] w-[150px] flex-col items-center rounded-md bg-white text-center md:hidden`}
>
<span className="font-pp-mondwest">UC Berkeley AI Hackathon</span>
</Link>
</div>
{/* Standard nav bar for non-mobile */}
<div className="hidden items-center space-x-6 text-balance text-center md:flex">
<Link
href="/about"
className="px-3 py-5 text-black hover:underline"
className="px-3 py-5 text-white hover:underline"
>
About
</Link>
<a
rel="noopener noreferrer"
target="_blank"
href="https://forms.gle/x9AsZLftCKM1CAFE6"
className="px-3 py-5 text-black hover:underline"
className="px-3 py-5 text-white hover:underline"
>
Volunteer
</a>
<Link
href="/contact"
className="px-3 py-5 text-black hover:underline"
className="px-3 py-5 text-white hover:underline"
>
Contact
</Link>
<Link
href="https://apply.hackberkeley.org"
<a
href="https://apply.hackberkeley.org/login"
rel="noopener noreferrer"
target="_blank"
className="px-3 py-5 text-black hover:underline"
className="border-1 border border-white px-3 py-0.5 text-white transition duration-300 hover:bg-white hover:text-black"
>
Apply
</Link>
</a>
</div>

{/* Collapsible nav menu for mobile screens */}
<div className="flex flex-col md:hidden">
<button className="p-4" onClick={() => setIsOpen(!isOpen)}>
<svg
xmlns="http://www.w3.org/2000/svg"
className="h-6 w-6 text-white"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 6h16M4 12h16m-7 6h7" />
</svg>
</button>
<div
className={`${isOpen ? "flex" : "hidden"} absolute right-[33px] top-[50px] z-20 h-[265px] w-[150px] flex-col items-center rounded-md bg-white text-center md:hidden`}
>
<Link
href="/about"
className="px-3 py-5 text-black hover:underline"
>
About
</Link>
<a
rel="noopener noreferrer"
target="_blank"
href="https://forms.gle/x9AsZLftCKM1CAFE6"
className="px-3 py-5 text-black hover:underline"
>
Volunteer
</a>
<Link
href="/contact"
className="px-3 py-5 text-black hover:underline"
>
Contact
</Link>
<Link
href="https://apply.hackberkeley.org"
rel="noopener noreferrer"
target="_blank"
className="px-3 py-5 text-black hover:underline"
>
Apply
</Link>
</div>
</div>
</div>
</div>
</div>
</nav>
</nav></>
);
};

Expand Down