cal

src/lib/Navigation.svelte

@@ -1,48 +1,52 @@
 <script>
-    /**
+	/**
 	 * @type {boolean}
 	 */
-     export let open;
-	 import logo from '$lib/assets/logo_black.svg';
-	 import { page, session } from '$app/stores';
+	export let open;
+	import logo from '$lib/assets/logo_black.svg';
+	import { page, session } from '$app/stores';
 </script>
 
 <nav class="flex flex-wrap items-center justify-center py-6  bg-white mx-auto sticky top-0 z-50">
 	<div class="container flex flex-wrap items-center justify-between xl:max-w-screen-xl px-3">
 		<div class="w-full relative flex justify-between xl:w-auto xl:static xl:block xl:justify-start">
-			<a
-				class="text-sm leading-relaxed flex items-center justify-center"
-				href="/"
-			>
+			<a class="text-sm leading-relaxed flex items-center justify-center" href="/">
 				<img src={logo} alt="logo" class="w-[145px] h-[54px] md:mr-14" />
-				<span class="hidden md:block pt-2 underline">November 11.-13.</span>
+				<a
+					href="webcal://dev.ethbrno.cz/icalendar.ics"
+					rel="noopener noreferrer"
+					target="_blank"
+					class="hidden md:block pt-2 underline">November 11.-13.</a
+				>
 			</a>
 			<button
 				class="text-black cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block xl:hidden outline-none focus:outline-none"
 				type="button"
-                on:click={() => open = !open}
+				on:click={() => (open = !open)}
 			>
 				☰
 			</button>
 		</div>
-        
-		<div class="{open ? 'xl:flex flex-grow items-center flex' : 'xl:flex flex-grow items-center hidden'}" id="navbar">
+
+		<div
+			class={open ? 'xl:flex flex-grow items-center flex' : 'xl:flex flex-grow items-center hidden'}
+			id="navbar"
+		>
 			<ul
 				class="flex flex-col xl:flex-row xl:flex-grow-0 xl:mt-0 list-none xl:ml-auto text-base flex-grow my-8 xl:my-0"
 			>
 				<li>
 					<a
 						href="/"
-						class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75" class:active={$page.url.pathname === '/'} 
-						>Home</a
+						class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75"
+						class:active={$page.url.pathname === '/'}>Home</a
 					>
 				</li>
 				<li>
 					<a
 						href="/venues"
 						class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75"
-						class:active={$page.url.pathname === '/venues'}
-						>Venues</a
+						class:active={$page.url.pathname === '/venues'}>Venues</a
 					>
 				</li>
 				<li>
@@ -50,15 +54,14 @@
 						href="/contributors"
 						class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75"
 						class:active={$page.url.pathname === '/contributors' || $page.url.pathname === '/team'}
-						>Contributors</a
+						>Speakers</a
 					>
 				</li>
 				<li>
 					<a
 						href="https://matrix.to/#/#ethbrno:gwei.cz"
 						rel="noopener noreferrer"
-						class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75"
-						>Chat</a
+						class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75">Chat</a
 					>
 				</li>
 				<li>

src/routes/contributors/+page.svelte

@@ -10,22 +10,14 @@
 
 <section class="text-gray-400 body-font bg-black">
 	<div class=" px-5 py-24 mx-auto">
-		<div class="flex flex-col text-center w-full mb-20">
+		<div class="flex flex-col text-center w-full mb-12">
 			<h1 class="sm:text-4xl text-3xl font-medium title-font mb-2 text-white">Speakers</h1>
-			<p class="xl:w-2/3 mx-auto leading-relaxed text-base">
-				We are here to inspire and help your project succeed.
-			</p>
-			<div class="flex mx-auto border-2 border-black overflow-hidden mt-6 bg-black">
-				<a class="py-1 px-4  text-white focus:outline-none" href="/contributors">Speakers</a>
-				<a class="py-1 px-4 bg-black hover:bg-black text-gray-300 focus:outline-none" href="/team"
-					>Team</a
-				>
-			</div>
+		
 		</div>
 		<div class="flex flex-wrap justify-center">
 			{#each Object.values(data) as item}
 				{#if item.name !== undefined}
-					<div class="bg-black bg-opacity-40 p-6 h-full w-full md:w-1/3">
+					<div class="bg-black bg-opacity-40 p-6 h-full w-full md:w-1/3 lg:w-1/4">
 						<img
 							class="h-40 md:h-60 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
 							loading="lazy"
@@ -36,10 +28,10 @@
 							class="tracking-widest text-gray-400 text-xs font-medium title-font flex flex-row divide-x"
 						>
 							{#each item.roles as role}
-								<span>{role}</span>
+								<span class="underline">{role}</span>
 							{/each}
 						</h3>
-						<div class="flex flex-row mb-4">
+						<div class="flex flex-row mb-2">
 							<a
 								class="text-lg text-white font-medium title-font"
 								href={`https://twitter.com/${item.twitter}`}
@@ -64,7 +56,7 @@
 							{/if}
 						</div>
 
-						<p class="leading-relaxed text-base">{item.bio}</p>
+						<p class="leading-relaxed text-sm">{item.bio}</p>
 					</div>
 				{/if}
 			{/each}

static/icalendar.ics

@@ -0,0 +1,16 @@
+BEGIN:VCALENDAR
+VERSION:2.0
+PRODID:-//ICalendarCreator//NONSGML//EN
+BEGIN:VEVENT
+DTSTART;VALUE=DATE:20221111
+DTEND;VALUE=DATE:20221113
+SUMMARY:ETHBrno
+LOCATION:Impact Hub, Brno
+DESCRIPTION:ETHBrno² is an annual independent & open community hackathon (former conference) for supporters of decentralised finance, smart contracts and Web3 happening in Brno, Czech Republic. ETHBrno² is the second, and we believe the best yet, edition.
+BEGIN:VALARM
+TRIGGER:-PT7D
+ACTION:DISPLAY
+DESCRIPTION:ETHBrno
+END:VALARM
+END:VEVENT
+END:VCALENDAR