Skip to content

Clement #4

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

Open
0xcsanta wants to merge 3 commits into
base: feat/total-redesign
Choose a base branch
from
Open

Clement #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3f8d135
feat(intro): auto-play intro animation in under 5s
0xcsanta Apr 28, 2026
d49aeeb
feat(typography): use Google Sans Text for body, keep Instrument Seri…
0xcsanta Apr 28, 2026
cdd4e5f
feat(navbar): redesign with logo, active underline, premium polish
0xcsanta Apr 28, 2026
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
6 changes: 3 additions & 3 deletions app/about/client.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,17 +16,17 @@ export default function AboutClient() {

<div className="grid lg:grid-cols-2 gap-2xl items-start">
<div className="space-y-md">
<p className="text-zinc-400 text-lead">
<p className="text-zinc-400 text-lead font-serif">
The Blockchain Student Association at EPFL is dedicated to fostering
blockchain education, innovation, and community among students passionate
about decentralized technologies.
</p>
<p className="text-zinc-400 text-lead">
<p className="text-zinc-400 text-lead font-serif">
We believe in the transformative potential of blockchain technology to
reshape industries, create new economic models, and build a more
transparent and equitable digital future.
</p>
<p className="text-zinc-400 text-lead">
<p className="text-zinc-400 text-lead font-serif">
Through workshops, hackathons, networking events, and collaborative
projects, we provide students with the knowledge, skills, and
connections needed to become leaders in the blockchain space.
Expand Down
2 changes: 1 addition & 1 deletion app/contact/client.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ export default function ContactClient() {
<h1 className="text-hero font-display text-zinc-50 mb-lg title-shimmer">
Get in touch
</h1>
<p className="text-zinc-400 text-lead mb-xl max-w-[50ch] mx-auto">
<p className="text-zinc-400 text-lead font-serif mb-xl max-w-[50ch] mx-auto">
Questions about our events, interested in collaborating, or just want to say hello?
We'd love to hear from you.
</p>
Expand Down
4 changes: 2 additions & 2 deletions app/events/client.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ export default function EventsClient() {
<h1 className="text-hero font-display text-zinc-50 mb-md title-shimmer">
Our events
</h1>
<p className="text-zinc-400 text-lead mb-2xl max-w-xl">
<p className="text-zinc-400 text-lead font-serif mb-2xl max-w-xl">
Join us for workshops, hackathons, networking events, and more.
</p>

Expand Down Expand Up @@ -130,7 +130,7 @@ export default function EventsClient() {
<h3 className="text-display-3 font-display text-zinc-200 mb-2xs group-hover:text-zinc-50 transition-colors duration-300">
{event.title}
</h3>
<p className="text-zinc-400 leading-relaxed mb-xs max-w-2xl">
<p className="text-zinc-400 leading-relaxed font-serif mb-xs max-w-2xl">
{event.description}
</p>
<p className="text-eyebrow font-mono text-zinc-600 mb-2xs">
Expand Down
6 changes: 4 additions & 2 deletions app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,8 @@ html {
--text-small: 0.875rem;
--text-eyebrow: 0.75rem;
--text-micro: 0.6875rem;

--font-serif: "Google Sans Text", "Switzer", system-ui, sans-serif;
}

* {
Expand All @@ -65,7 +67,7 @@ html {

body {
@apply bg-background text-foreground;
font-family: var(--font-sans);
font-family: "Google Sans Text", var(--font-sans), system-ui, sans-serif;
background-color: #152237;
background-image:
linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
Expand All @@ -78,7 +80,7 @@ html {
}

h4, h5, h6 {
font-family: var(--font-sans);
font-family: "Google Sans Text", var(--font-sans), system-ui, sans-serif;
font-weight: 500;
}
}
Expand Down
8 changes: 7 additions & 1 deletion app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,12 +93,18 @@ export default function RootLayout({
return (
<html lang="en" className="dark">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link
href="https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
</head>
<body className={`${instrumentSerif.variable} ${switzer.variable} ${monaspace.variable} font-sans antialiased noise`}>
<body className={`${instrumentSerif.variable} ${switzer.variable} ${monaspace.variable} antialiased noise`}>
<Navbar />
<main className="pt-20 md:pt-24">
<PageTransition>
Expand Down
3 changes: 1 addition & 2 deletions app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,6 @@ export default function Home() {
const [showIntro, setShowIntro] = useState(false)

useEffect(() => {
// Only show intro on first visit per session
const hasPlayed = sessionStorage.getItem('intro-played')
if (!hasPlayed) {
setShowIntro(true)
Expand All @@ -27,7 +26,7 @@ export default function Home() {

return (
<main className="flex flex-col min-h-screen">
{showIntro && <BlockchainIntro />}
{showIntro && <BlockchainIntro onComplete={() => setShowIntro(false)} />}
<Hero />
<AboutSection />
<EventsSection />
Expand Down
4 changes: 2 additions & 2 deletions app/startups/client.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ export default function StartupsClient() {
<h1 className="text-hero font-display text-zinc-50 mb-md title-shimmer">
Built by our members
</h1>
<p className="text-zinc-400 text-lead mb-2xl max-w-xl">
<p className="text-zinc-400 text-lead font-serif mb-2xl max-w-xl">
Innovative startups created and shaped by BSA members, pushing the boundaries of blockchain technology.
</p>

Expand All @@ -39,7 +39,7 @@ export default function StartupsClient() {
</div>
<div className="p-sm">
<h3 className="text-display-3 font-display text-zinc-50 mb-2xs">{startup.title}</h3>
<p className="text-zinc-500 text-sm leading-relaxed line-clamp-2">{startup.description}</p>
<p className="text-zinc-500 text-sm leading-relaxed font-serif line-clamp-2">{startup.description}</p>
<span className="inline-block text-zinc-600 text-eyebrow mt-xs group-hover:text-zinc-400 transition-colors">
Visit site &rarr;
</span>
Expand Down
4 changes: 2 additions & 2 deletions components/about-section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export default function AboutSection() {
<h2 className="text-display-1 font-display text-zinc-50 mb-md title-shimmer">
A student-run community for blockchain at EPFL
</h2>
<p className="text-zinc-400 text-lead mb-lg">
<p className="text-zinc-400 text-lead font-serif mb-lg">
Founded in 2018 and officially recognized by EPFL in 2021. Every member
can vote on the association's direction.
</p>
Expand All @@ -56,7 +56,7 @@ export default function AboutSection() {
</span>
<div>
<h3 className="text-display-2 font-display text-zinc-50 mb-xs">{activity.label}</h3>
<p className="text-zinc-400 leading-relaxed">{activity.description}</p>
<p className="text-zinc-400 leading-relaxed font-serif">{activity.description}</p>
</div>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions components/about/RoleFAQ.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ export default function RoleFAQ() {
<h2 className="text-display-1 font-display text-zinc-50 mb-sm title-shimmer">
Depends on who's asking.
</h2>
<p className="text-zinc-400 text-lead max-w-[50ch]">
<p className="text-zinc-400 text-lead font-serif max-w-[50ch]">
Identify yourself. The answers split two ways.
</p>
</div>
Expand Down Expand Up @@ -187,7 +187,7 @@ export default function RoleFAQ() {
<AccordionTrigger className="text-zinc-200 hover:text-zinc-50 py-lg text-display-3 text-left font-medium">
{faq.q}
</AccordionTrigger>
<AccordionContent className="text-zinc-400 pb-lg text-lead leading-relaxed">
<AccordionContent className="text-zinc-400 pb-lg text-lead font-serif leading-relaxed">
{faq.a}
</AccordionContent>
</AccordionItem>
Expand Down
Loading