Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
:root {
--background: #f5f0e8;
--foreground: #111111;
--blue: #4B9CD3;
--blue: #4b9cd3;
}

@theme inline {
Expand Down
74 changes: 59 additions & 15 deletions components/About.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,24 @@ export default function About() {
alignItems: "baseline",
}}
>
<span style={{ fontFamily: M, fontSize: "10px", letterSpacing: "0.15em", color: "#555" }}>
<span
style={{
fontFamily: M,
fontSize: "10px",
letterSpacing: "0.15em",
color: "#555",
}}
>
ABOUT THE EVENT
</span>
<span style={{ fontFamily: M, fontSize: "10px", letterSpacing: "0.15em", color: "#4B9CD3" }}>
<span
style={{
fontFamily: M,
fontSize: "10px",
letterSpacing: "0.15em",
color: "#4B9CD3",
}}
>
§ 01
</span>
</div>
Expand All @@ -47,10 +61,24 @@ export default function About() {
gap: "12px",
}}
>
<span style={{ fontFamily: D, fontSize: "64px", lineHeight: 1, color: "#111" }}>
<span
style={{
fontFamily: D,
fontSize: "64px",
lineHeight: 1,
color: "#111",
}}
>
{value}
</span>
<span style={{ fontFamily: M, fontSize: "10px", letterSpacing: "0.15em", color: "#4B9CD3" }}>
<span
style={{
fontFamily: M,
fontSize: "10px",
letterSpacing: "0.15em",
color: "#4B9CD3",
}}
>
{label}
</span>
</div>
Expand All @@ -66,19 +94,35 @@ export default function About() {
}}
>
<div style={{ padding: "40px", borderRight: "2px solid #111" }}>
<p style={{ fontSize: "17px", lineHeight: 1.7, color: "#222", margin: 0 }}>
HackNC is a weekend for students of all skill levels to broaden their
talents. Your challenge is to make an awesome project in just 24 hours.
You will have access to hands-on tech workshops, sponsor networking, and
exciting talks about what&apos;s happening right now in CS and tech —
not to mention all of the free food, shirts, stickers, and swag!</p>
<p
style={{
fontSize: "17px",
lineHeight: 1.7,
color: "#222",
margin: 0,
}}
>
HackNC is a weekend for students of all skill levels to broaden
their talents. Your challenge is to make an awesome project in just
24 hours. You will have access to hands-on tech workshops, sponsor
networking, and exciting talks about what&apos;s happening right now
in CS and tech — not to mention all of the free food, shirts,
stickers, and swag!
</p>
</div>
<div style={{ padding: "40px" }}>
<p style={{ fontSize: "17px", lineHeight: 1.7, color: "#222", margin: 0 }}>
You don&apos;t need to be a senior computer science student with four internships
to show up. HackNC is explicitly built for people who are still figuring
it out. The best projects usually come from people who had no idea what
they were doing on Friday night.
<p
style={{
fontSize: "17px",
lineHeight: 1.7,
color: "#222",
margin: 0,
}}
>
You don&apos;t need to be a senior computer science student with
four internships to show up. HackNC is explicitly built for people
who are still figuring it out. The best projects usually come from
people who had no idea what they were doing on Friday night.
</p>
</div>
</div>
Expand Down
28 changes: 25 additions & 3 deletions components/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,15 +13,37 @@ export default function Footer() {
}}
>
<div>
<span style={{ fontFamily: D, fontSize: "22px", color: "#f5f0e8", letterSpacing: "0.02em" }}>
<span
style={{
fontFamily: D,
fontSize: "22px",
color: "#f5f0e8",
letterSpacing: "0.02em",
}}
>
HACKNC 2026
</span>
<p style={{ fontFamily: M, fontSize: "10px", letterSpacing: "0.12em", color: "#666", margin: "6px 0 0 0" }}>
<p
style={{
fontFamily: M,
fontSize: "10px",
letterSpacing: "0.12em",
color: "#666",
margin: "6px 0 0 0",
}}
>
UNIVERSITY OF NORTH CAROLINA AT CHAPEL HILL
</p>
</div>
<div style={{ display: "flex", alignItems: "center", gap: "32px" }}>
<span style={{ fontFamily: M, fontSize: "10px", letterSpacing: "0.12em", color: "#555" }}>
<span
style={{
fontFamily: M,
fontSize: "10px",
letterSpacing: "0.12em",
color: "#555",
}}
>
© {new Date().getFullYear()} HACKNC
</span>
<a
Expand Down
23 changes: 18 additions & 5 deletions components/Hero.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,14 @@ export default function Hero() {
justifyContent: "space-between",
}}
>
<div style={{ flex: 1, display: "flex", flexDirection: "column", justifyContent: "center" }}>
<div
style={{
flex: 1,
display: "flex",
flexDirection: "column",
justifyContent: "center",
}}
>
<h1
style={{
fontFamily: D,
Expand Down Expand Up @@ -59,14 +66,20 @@ export default function Hero() {
margin: 0,
}}
>
An annual hackathon at UNC Chapel Hill. We bring together
students from across the Southeast to build, hack, and deploy in
one weekend. All skill levels welcome, first-timers especially!
An annual hackathon at UNC Chapel Hill. We bring together students
from across the Southeast to build, hack, and deploy in one
weekend. All skill levels welcome, first-timers especially!
</p>
</div>
</div>

<div style={{ display: "flex", justifyContent: "flex-end", paddingTop: "32px" }}>
<div
style={{
display: "flex",
justifyContent: "flex-end",
paddingTop: "32px",
}}
>
<a
href="#host-interest"
style={{
Expand Down
33 changes: 27 additions & 6 deletions components/HostInterest.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,24 @@ export default function HostInterest() {
alignItems: "baseline",
}}
>
<span style={{ fontFamily: M, fontSize: "10px", letterSpacing: "0.15em", color: "#555" }}>
<span
style={{
fontFamily: M,
fontSize: "10px",
letterSpacing: "0.15em",
color: "#555",
}}
>
INTEREST FORM
</span>
<span style={{ fontFamily: M, fontSize: "10px", letterSpacing: "0.15em", color: "#4B9CD3" }}>
<span
style={{
fontFamily: M,
fontSize: "10px",
letterSpacing: "0.15em",
color: "#4B9CD3",
}}
>
§ 02
</span>
</div>
Expand Down Expand Up @@ -70,10 +84,17 @@ export default function HostInterest() {
>
LET US KNOW YOU&apos;RE INTERESTED
</p>
<p style={{ fontSize: "17px", lineHeight: 1.7, color: "#333", margin: "0 0 28px 0" }}>
Registration isn&apos;t open yet, but fill out our interest form and
we&apos;ll reach out as soon as applications go live. Takes less than
a minute.
<p
style={{
fontSize: "17px",
lineHeight: 1.7,
color: "#333",
margin: "0 0 28px 0",
}}
>
Registration isn&apos;t open yet, but fill out our interest form
and we&apos;ll reach out as soon as applications go live. Takes
less than a minute.
</p>
</div>

Expand Down
38 changes: 33 additions & 5 deletions components/Nav.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,13 +30,41 @@ export default function Nav() {
justifyContent: "space-between",
}}
>
<span style={{ fontFamily: D, fontSize: "26px", letterSpacing: "0.02em", color: "#111" }}>
<span
style={{
fontFamily: D,
fontSize: "26px",
letterSpacing: "0.02em",
color: "#111",
}}
>
Comment on lines +33 to +40
HACKNC
</span>
<nav style={{ fontFamily: M, fontSize: "11px", letterSpacing: "0.12em", display: "flex", gap: "40px" }}>
<a href="#about" style={{ color: "#111", textDecoration: "none" }}>ABOUT</a>
<a href="#host-interest" style={{ color: "#111", textDecoration: "none" }}>INTEREST FORM</a>
<a style={{ color: "#4B9CD3", textDecoration: "none", visibility: "hidden"}}>
<nav
style={{
fontFamily: M,
fontSize: "11px",
letterSpacing: "0.12em",
display: "flex",
gap: "40px",
}}
>
<a href="#about" style={{ color: "#111", textDecoration: "none" }}>
ABOUT
</a>
<a
href="#host-interest"
style={{ color: "#111", textDecoration: "none" }}
>
INTEREST FORM
</a>
<a
style={{
color: "#4B9CD3",
textDecoration: "none",
visibility: "hidden",
}}
>
PLACEHOLDER
</a>
Comment on lines +61 to 69
</nav>
Expand Down