add program

src/lib/config.yaml

@@ -318,6 +318,13 @@ partners:
     img: firo.svg
     class: p-2
     level: 3
+  - id: firn
+    name: Firn
+    web: https://app.firn.cash/
+    twitter: firnprotocol
+    img: firn.png
+    class: p-4 invert hover:invert-0
+    level: 3
   - id: aragon-zk-research
     name: Aragon ZK Research
     web: https://research.aragon.org/
@@ -375,7 +382,7 @@ partners:
 stages:
   - id: main
     name: Main stage
-programNote: WIP. 
+#programNote: WIP. 
 program:
   main:
     - time: 9:00 - 9:30
@@ -386,7 +393,7 @@ program:
         - name: Mykola Siusko
       desc: Welcoming visitors to our private-centric research, community and conference
     - time: 9:45 - 10:05
-      title: Tornado Cash 2023: key learnings
+      title: "Tornado Cash 2023: key learnings"
       speakers:
         - name: Ameen Soleimani
     - time: 10:10 - 10:35
@@ -415,8 +422,6 @@ program:
         - name: Nick Almond
     - time: 13:00 - 14:00
       title: Lunch break
-      speakers:
-        - name: TBA
     - time: 14:00 - 14:20
       title: How privacy, electronic cash and cypherpunk tech increase our freedom
       speakers:

src/routes/+layout.svelte

@@ -14,8 +14,8 @@
 		{ title: 'intro', name: '#', url: '' },
 		{ title: 'About', url: '#about' },
 		{ title: 'Speakers', url: '#speakers' },
-		//{ title: 'Program', url: '#program' },
+		{ title: 'Program', url: '#program' },
-		//{ title: 'Sponsors', url: '#sponsors' },
+		{ title: 'Sponsors', url: '#sponsors' },
 		{ title: 'FAQ', url: '#faq' },
 		{
 			title: 'Chat',

src/routes/+page.svelte

@@ -107,7 +107,7 @@
 	</div>
 </div>
 
-<!--div class="bg-black" id="program">
+<div class="bg-black" id="program">
 	<div class="middle-pane-medium pt-16 mx-auto pb-32">
 		<div class="section-header" on:mouseenter={animateText}>Program</div>
 		{#if data.config.programNote}
@@ -117,9 +117,9 @@
 			{#each data.config.stages
 				.map((s) => ({ ...s, program: data.config.program[s.id] }))
 				.filter((s) => s.program) as stage}
-				<div class="w-auto xl:w-1/2 mb-10 xl:mb-0">
+				<div class="w-auto mb-10 xl:mb-0 mx-auto">
 					<div class="text-xl font-bold mb-4 font-mono2 lowercase">{stage.name}</div>
-					<table class="table-auto table-custom w-full mt-8">
+					<table class="mx-auto xl:max-w-5xl table-auto table-custom w-full mt-8">
 						<tbody>
 							{#each stage.program as pi}
 								<tr class="" on:mouseenter={animateSection(35)}>
@@ -134,10 +134,10 @@
 									</td>
 									<td class="text-left">
 										<div class="">
-											<span class="animate-section {pi.type === 'other' ? 'text-mild' : ''}"
+											<div><span class="animate-section {pi.type === 'other' ? 'text-mild' : ''}"
 												>{pi.title}</span
-											>
+											></div>
-											{pi.speakers ? '― ' + pi.speakers[0]?.name : ''}
+											<div>{pi.speakers ? '― ' + pi.speakers[0]?.name : ''}</div>
 										</div>
 										{#if pi.desc}
 											<div class="mt-2 text-sm description text-mild markdown">
@@ -153,7 +153,7 @@
 			{/each}
 		</div>
 	</div>
-</div-->
+</div>
 
 <div class="" id="ticket">
 	<div class="middle-pane-medium pt-16 mx-auto">