diff --git a/packages/nextjs/app/sessions.ts b/packages/nextjs/app/sessions.ts index 722f74c..de17200 100644 --- a/packages/nextjs/app/sessions.ts +++ b/packages/nextjs/app/sessions.ts @@ -48,6 +48,10 @@ export const SPEAKERS = { name: "Carlos Sánchez", image: "/speakers/carlos.jpg", }, + SHIV: { + name: "Shiv Bhonde", + image: "/speakers/shiv.jpeg", + }, PABLO: { name: "Pablo Alayeto", image: "/speakers/pablo.png", @@ -84,6 +88,14 @@ export const SPEAKERS = { name: "Jeffrey Scholz", image: "/speakers/jeffrey.jpg", }, + NIKOLAI: { + name: "Nikolai", + image: "/speakers/nikolai.jpeg", + }, + HUNTER: { + name: "Hunter B.", + image: "/speakers/hunter.jpg", + }, }; export const sessions: Session[] = [ @@ -97,14 +109,14 @@ export const sessions: Session[] = [ "Explore what makes Ethereum fascinating and discover how the blockchain technology actually works. We'll dive into the core concepts, consensus mechanisms, and unique features that make Ethereum the world's most programmable blockchain platform.", dayOfWeek: "Tuesday", dateString: "November 18", - type: SessionType.WORKSHOP, + type: SessionType.TALK, speaker: [SPEAKERS.PATRICK], }, { title: "Build your first dApp on Ethereum", date: "2025-11-18", - startTime: "12:00", - endTime: "13:00", + startTime: "11:30", + endTime: "12:30", description: "Jump into Ethereum development with this hands-on workshop! Using Scaffold-ETH 2, you'll build and deploy your very first decentralized application from scratch. By the end of this session, you'll have a working dApp and understand the fundamentals of smart contract development. No prior blockchain experience required.", dayOfWeek: "Tuesday", @@ -112,6 +124,18 @@ export const sessions: Session[] = [ type: SessionType.WORKSHOP, speaker: [SPEAKERS.AUSTIN], }, + { + title: "Unveling Scaffold UI", + date: "2025-11-18", + startTime: "12:30", + endTime: "13:00", + description: + "Scaffold UI is a collection of React components and hooks designed specifically for building Ethereum dApps. These components provide a seamless way to interact with Ethereum addresses, balances, and user inputs in your decentralized applications.", + dayOfWeek: "Tuesday", + dateString: "November 18", + type: SessionType.WORKSHOP, + speaker: [SPEAKERS.SHIV], + }, { title: "Introduction to SpeedRunEthereum", date: "2025-11-18", @@ -164,8 +188,8 @@ export const sessions: Session[] = [ { title: "Zero-Knowledge Proofs", date: "2025-11-19", - startTime: "11:30", - endTime: "12:30", + startTime: "11:00", + endTime: "12:00", description: "Explore the world of Zero-Knowledge proofs and privacy-preserving computation. This SpeedRunEthereum challenge guides you through implementing ZK circuits, understanding proof generation and verification, and building applications that can prove knowledge without revealing secrets.", dayOfWeek: "Wednesday", @@ -173,6 +197,18 @@ export const sessions: Session[] = [ type: SessionType.CHALLENGE, speaker: [SPEAKERS.PHILIP], }, + { + title: "Run your own Ethereum node", + date: "2025-11-19", + startTime: "12:00", + endTime: "13:00", + description: + "Take control of your Ethereum experience by running your own node! Discover why node operators are the backbone of decentralization, learn the difference between execution and consensus clients, and walk through the complete setup process. We'll cover hardware requirements, client selection, and best practices for maintaining a secure, synced node that gives you trustless access to the Ethereum network.", + dayOfWeek: "Thursday", + dateString: "November 20", + type: SessionType.WORKSHOP, + speaker: [SPEAKERS.SPENCER], + }, { title: "Leveraging AI to build on Ethereum", date: "2025-11-19", @@ -235,16 +271,27 @@ export const sessions: Session[] = [ speaker: [SPEAKERS.HORSEFACTS], }, { - title: "Run your own Ethereum node", + title: "Build a Farcaster Miniapp", date: "2025-11-20", startTime: "11:00", - endTime: "11:45", - description: - "Take control of your Ethereum experience by running your own node! Discover why node operators are the backbone of decentralization, learn the difference between execution and consensus clients, and walk through the complete setup process. We'll cover hardware requirements, client selection, and best practices for maintaining a secure, synced node that gives you trustless access to the Ethereum network.", + endTime: "11:30", + description: "Join Nikolai for a hands-on workshop on building & deploying Farcaster miniapps with Scaffold-ETH", dayOfWeek: "Thursday", dateString: "November 20", type: SessionType.WORKSHOP, - speaker: [SPEAKERS.SPENCER], + speaker: [SPEAKERS.NIKOLAI], + }, + { + title: "Miniapps ecosystem on Arbitrum", + date: "2025-11-20", + startTime: "11:30", + endTime: "12:00", + description: + "Join Hunter to explore the growing ecosystem of Farcaster miniapps on Arbitrum. We'll dive into the latest trends, use cases, and tools available for building on this Layer 2 network.", + dayOfWeek: "Thursday", + dateString: "November 20", + type: SessionType.TALK, + speaker: [SPEAKERS.HUNTER], }, { title: "PMfers live", @@ -354,8 +401,8 @@ export const getSessionPosition = (session: Session) => { const startOffsetMinutes = startMinutes - gridStartMinutes; const durationMinutes = endMinutes - startMinutes; - // Each hour = 80px, so each minute = 80/60 px - const pixelsPerMinute = 80 / 60; + // Each hour = 104px, so each minute = 104/60 px + const pixelsPerMinute = 120 / 60; return { startRow: Math.floor(startOffsetMinutes / 60) + 1, // which hour row diff --git a/packages/nextjs/components/ScheduleCalendar.tsx b/packages/nextjs/components/ScheduleCalendar.tsx index c595891..056421e 100644 --- a/packages/nextjs/components/ScheduleCalendar.tsx +++ b/packages/nextjs/components/ScheduleCalendar.tsx @@ -31,86 +31,89 @@ export const ScheduleCalendar = () => { }; return ( -
-
-
- {days.map(day => { - const { dayOfWeek, dateString } = getDayInfo(day); - return ( -
-

{dayOfWeek}

-

{dateString}

-
- ); - })} -
- -
-
-
- {timeSlots.map(timeSlot => ( -
- {timeSlot.time12} + // wrapping div with overflow-x-auto +
+
+
+
+ {days.map(day => { + const { dayOfWeek, dateString } = getDayInfo(day); + return ( +
+

{dayOfWeek}

+

{dateString}

- ))} -
+ ); + })} +
- {days.map(day => ( -
+
+
+
{timeSlots.map(timeSlot => ( -
+
+ {timeSlot.time12} +
))}
- ))} -
+
-
-
+
+
- {days.map(day => { - const daySessions = getSessionsForDay(day); + {days.map(day => { + const daySessions = getSessionsForDay(day); - return ( -
- {daySessions.map(session => { - const position = getSessionPosition(session); - const colors = sessionTypeColors[session.type]; - const className = - "absolute left-0 right-0 outline outline-2 outline-gray-300 rounded-lg cursor-pointer hover:shadow-md transition-shadow p-2 z-10"; - const style = { ...colors, top: `${position.startOffset}px`, height: `${position.duration}px` }; + return ( +
+ {daySessions.map(session => { + const position = getSessionPosition(session); + const colors = sessionTypeColors[session.type]; + const className = + "absolute left-0 right-0 outline outline-2 outline-gray-300 rounded-lg cursor-pointer hover:shadow-md transition-shadow p-2.5 z-10"; + const style = { ...colors, top: `${position.startOffset}px`, height: `${position.duration}px` }; - return ( -
handleSessionClick(session)} - > -
-
-

{session.title}

-
-
-

- {formatTo12Hour(session.startTime)} - {formatTo12Hour(session.endTime)}{" "} - {session.speaker && ( - - - {session.speaker.map(speaker => speaker.name).join(", ")} - - )} -

+ return ( +
handleSessionClick(session)} + > +
+
+

{session.title}

+
+
+

+ {formatTo12Hour(session.startTime)} - {formatTo12Hour(session.endTime)}{" "} + {session.speaker && ( + + - {session.speaker.map(speaker => speaker.name).join(", ")} + + )} +

+
-
- ); - })} -
- ); - })} + ); + })} +
+ ); + })} +
+ + {/* Lunch break banner */} +
+ // LUNCH_BREAK +
-
- + +
); }; diff --git a/packages/nextjs/public/speakers/hunter.jpg b/packages/nextjs/public/speakers/hunter.jpg new file mode 100644 index 0000000..15e043e Binary files /dev/null and b/packages/nextjs/public/speakers/hunter.jpg differ diff --git a/packages/nextjs/public/speakers/nikolai.jpeg b/packages/nextjs/public/speakers/nikolai.jpeg new file mode 100644 index 0000000..78ecb52 Binary files /dev/null and b/packages/nextjs/public/speakers/nikolai.jpeg differ diff --git a/packages/nextjs/public/speakers/shiv.jpeg b/packages/nextjs/public/speakers/shiv.jpeg new file mode 100644 index 0000000..41cd911 Binary files /dev/null and b/packages/nextjs/public/speakers/shiv.jpeg differ