Load sponsors from data file

data/data.yaml

@@ -1,123 +1,154 @@
+# ---- CONTRIBUTORS ----
+
 contributors:
 
 # ---- SPEAKERS ----
 
-- id: rachel-oleary
-  name: Rachel-Rose O'Leary
-  twitter: lunar_mining
-  bio: DarkFi core dev, writer
-  roles: [ speaker ]
-  desc: |
-    Rachel-Rose O’Leary is a core dev at lunarpunk layer 1, DarkFi. She is also co-editor of the philosophy journal Agorism in the 21st Century. As a writer she has published in egirlcapital, CoinDesk, Defiant, Wired and elsewhere under anonymous accounts. She believes privacy is necessary for communities to define their own destinies.
+  - id: rachel-oleary
+    name: Rachel-Rose O'Leary
+    twitter: lunar_mining
+    bio: DarkFi core dev, writer
+    roles: [ speaker ]
+    desc: |
+      Rachel-Rose O’Leary is a core dev at lunarpunk layer 1, DarkFi. She is also co-editor of the philosophy journal Agorism in the 21st Century. As a writer she has published in egirlcapital, CoinDesk, Defiant, Wired and elsewhere under anonymous accounts. She believes privacy is necessary for communities to define their own destinies.
 
-- id: artem-vorotnikov
-  name: Artem Vorotnikov
-  twitter: vorot93
-  bio: Ethereum Core Developer, creator of Akula
-  roles: [ speaker ]
-  remote: true
+  - id: artem-vorotnikov
+    name: Artem Vorotnikov
+    twitter: vorot93
+    bio: Ethereum Core Developer, creator of Akula
+    roles: [ speaker ]
+    remote: true
 
-- id: pavol-luptak
-  name: Pavol Luptak
-  nickname: wilder
-  twitter: wilderco
-  bio: Nethemba, Hacktrophy, liberation.travel
-  roles: [ speaker ]
-  remote: true 
+  - id: pavol-luptak
+    name: Pavol Luptak
+    nickname: wilder
+    twitter: wilderco
+    bio: Nethemba, Hacktrophy, liberation.travel
+    roles: [ speaker ]
+    remote: true 
 
-- id: dcbuilder
-  name: dcbuilder.eth
-  twitter: DCbuild3r
-  bio: WorldCoin, devpill.me
-  roles: [ speaker ]
+  - id: dcbuilder
+    name: dcbuilder.eth
+    twitter: DCbuild3r
+    bio: WorldCoin, devpill.me
+    roles: [ speaker ]
 
-- id: juraj-bednar
-  name: Juraj Bednar
-  twitter: jurbed
-  bio: Hacktrophy, Hackyourself.io
-  roles: [ speaker ]
+  - id: juraj-bednar
+    name: Juraj Bednar
+    twitter: jurbed
+    bio: Hacktrophy, Hackyourself.io
+    roles: [ speaker ]
 
-- id: owen-barnes
-  name: Owen Barnes
-  nickname: temporalwave
-  twitter: temporalwave
-  bio: independent freedom adviser
-  roles: [ speaker, mentor ]
+  - id: owen-barnes
+    name: Owen Barnes
+    nickname: temporalwave
+    twitter: temporalwave
+    bio: independent freedom adviser
+    roles: [ speaker, mentor ]
 
-- id: william-mitsuda
-  name: Willian Mitsuda
-  twitter: wmitsuda
-  bio: creator of Otterscan
-  roles: [ speaker ]
-  remote: true
+  - id: william-mitsuda
+    name: Willian Mitsuda
+    twitter: wmitsuda
+    bio: creator of Otterscan
+    roles: [ speaker ]
+    remote: true
 
-- id: qedk
-  name: QEDK
-  twitter: qedk_
-  bio: engineering Polygon, Moonshot Collective
-  roles: [ speaker ]
-  remote: true
+  - id: qedk
+    name: QEDK
+    twitter: qedk_
+    bio: engineering Polygon, Moonshot Collective
+    roles: [ speaker ]
+    remote: true
 
-- id: vojtech-simetka
-  name: Vojtěch Šimetka
-  twitter: vojtechsimetka
-  bio: Blockchain for Humanity, Swarm, Giveth
-  roles: [ speaker, mentor ]
+  - id: vojtech-simetka
+    name: Vojtěch Šimetka
+    twitter: vojtechsimetka
+    bio: Blockchain for Humanity, Swarm, Giveth
+    roles: [ speaker, mentor ]
 
-# ---- TEAM ----
+  # ---- TEAM ----
 
-- id: tree
-  name: Tree
-  twitter: treecz
-  bio: Zakladatel Gwei.cz a BohemianDAO, organizátor UTXO.22
-  roles: [ team ]
+  - id: tree
+    name: Tree
+    twitter: treecz
+    bio: Zakladatel Gwei.cz a BohemianDAO, organizátor UTXO.22
+    roles: [ team ]
 
-- id: tereza
-  name: Tereza
-  twitter: terkastarostova
-  bio: Spoluzakladatelka Holky v Kryptu, předsedkyně UTXO Foundation
-  roles: [ team ]
+  - id: tereza
+    name: Tereza
+    twitter: terkastarostova
+    bio: Spoluzakladatelka Holky v Kryptu, předsedkyně UTXO Foundation
+    roles: [ team ]
 
-- id: exez
-  name: Exez
-  twitter: OndraPulc
-  bio: TODO
-  roles: [ team ]
+  - id: exez
+    name: Exez
+    twitter: OndraPulc
+    bio: TODO
+    roles: [ team ]
 
-- id: hedvika
-  name: Hedvika
-  twitter: HedvikaPa
-  nickname: headwitch
-  bio: TODO
-  roles: [ team ]
+  - id: hedvika
+    name: Hedvika
+    twitter: HedvikaPa
+    nickname: headwitch
+    bio: TODO
+    roles: [ team ]
 
-- id: jacob
-  name: Jacob
-  twitter: jacobjelen
-  bio: TODO
-  roles: [ team ]
+  - id: jacob
+    name: Jacob
+    twitter: jacobjelen
+    bio: TODO
+    roles: [ team ]
 
-- id: damsky
-  name: Damsky
-  twitter: helloitsdamsky
-  bio: TODO
-  roles: [ team ]
+  - id: damsky
+    name: Damsky
+    twitter: helloitsdamsky
+    bio: TODO
+    roles: [ team ]
 
-- id: adam
-  name: Adam
-  nickname: vorcigernix
-  twitter: vorcigernix
-  bio: TODO
-  roles: [ team ]
+  - id: adam
+    name: Adam
+    nickname: vorcigernix
+    twitter: vorcigernix
+    bio: TODO
+    roles: [ team ]
 
-- id: clairee
-  name: Clairee
-  twitter: De_luneClaire
-  bio: TODO
-  roles: [ team ]
+  - id: clairee
+    name: Clairee
+    twitter: De_luneClaire
+    bio: TODO
+    roles: [ team ]
 
-- id: dominika
-  name: Dominika
-  twitter: DominikaV5
-  bio: TODO
-  roles: [ team ]
+  - id: dominika
+    name: Dominika
+    twitter: DominikaV5
+    bio: TODO
+    roles: [ team ]
+
+# ---- SPONSORS ----
+
+sponsors:
+
+  - id: ef
+    name: Ethereum Foundation
+    tier: ecdsa
+    url: https://ethereum.foundation/
+
+  - id: mitonc
+    name: MitonC
+    tier: 3des
+    url: https://mitonc.com/
+
+  - id: radicle
+    name: Radicle
+    tier: 3des
+    url: https://radicle.xyz/
+
+  - id: ethindia
+    name: ETHIndia
+    tier: community
+    url: https://ethindia.co/
+
+  - id: devfolio
+    name: Devfolio
+    tier: community
+    url: https://devfolio.co/

src/routes/+page.svelte

@@ -1,3 +1,31 @@
+<script>
+	export let data;
+
+	const tiers = [
+		{
+			id: 'schnorr',
+			name: 'Schnorr'
+		},
+		{
+			id: 'ecdsa',
+			name: 'ECDSA'
+		},
+		{
+			id: 'aes',
+			name: 'AES',
+		},
+		{
+			id: '3des',
+			name: '3DES'
+		},
+		{
+			id: 'community',
+			name: 'Community'
+		}
+	]
+</script>
+
+
 <svelte:head>
 	<title>ETHBrno²</title>
 </svelte:head>
@@ -98,81 +126,27 @@
 			class="flex-grow xl:pl-32 md:pl-16 xl:pr-32 md:pr-16 flex flex-col md:items-start md:text-left items-center text-center"
 		>
 			<h1 class="md:text-5xl text-3xl mb-8 font-bold text-white">Sponsors</h1>
-			<div class="mb-4 flex flex-row w-full items-center">
-				<p class="leading-relaxed font-bold whitespace-nowrap">Schnorr</p>
-				<div class="border-b border-white border-dashed w-full ml-4 opacity-30" />
-				<p class="whitespace-nowrap ml-4 opacity-30">Tier 1</p>
-			</div>
-			<div
-				class="flex flex-col md:flex-row items-center justify-center w-full md:m-6 border-l border-white/30"
-			/>
-			<div class="mb-4 flex flex-row w-full items-center">
-				<p class="leading-relaxed font-bold whitespace-nowrap">ECDSA</p>
-				<div class="border-b border-white border-dashed w-full ml-4 opacity-30" />
-				<p class="whitespace-nowrap ml-4 opacity-30">Tier 2</p>
-			</div>
-			<div
-				class="flex flex-col md:flex-row items-center justify-center w-full md:m-6 border-l border-white/30"
-			>
-				<a
-					href="https://ethereum.foundation/"
-					rel="noopener noreferrer"
-					target="_blank"
-					alt="link to"
+			{#each tiers as tier, tierNumber}
+				<div class="mb-4 flex flex-row w-full items-center">
+					<p class="leading-relaxed font-bold whitespace-nowrap">{tier.name}</p>
+					<div class="border-b border-white border-dashed w-full ml-4 opacity-30" />
+					<p class="whitespace-nowrap ml-4 opacity-30">Tier {tierNumber}</p>
+				</div>
+				<div
+					class="flex flex-col md:flex-row items-center justify-center w-full md:m-6 border-l border-white/30"
 				>
-					<img class="w-60 m-6" src="ethf_logo.png" alt="Ethereum Foundation Logo" />
-				</a>
-			</div>
-			<div class="mb-4 flex flex-row w-full items-center">
-				<p class="leading-relaxed font-bold  whitespace-nowrap">AES</p>
-				<div class="border-b border-white border-dashed w-full ml-4 opacity-30" />
-				<p class="whitespace-nowrap ml-4 opacity-30">Tier 3</p>
-			</div>
-			<div
-				class="flex flex-col md:flex-row items-center justify-center w-full md:m-6 border-l border-white/30"
-			/>
-			<div class="mb-4 flex flex-row w-full items-center">
-				<p class="leading-relaxed font-bold  whitespace-nowrap">3DES</p>
-				<div class="border-b border-white border-dashed w-full ml-4 opacity-30" />
-				<p class="whitespace-nowrap ml-4 opacity-30">Tier 4</p>
-			</div>
-			<div
-				class="flex flex-col md:flex-row items-center justify-center w-full md:m-6 border-l border-white/30"
-			>
-				<a
-					href="https://mitonc.com/"
-					rel="noopener noreferrer"
-					target="_blank"
-					alt="link to"
-				>
-					<img class="w-60 m-6" src="miton_logo.png" alt="Miton Logo" /></a
-				>
-				<a
-					href="https://radicle.xyz/"
-					rel="noopener noreferrer"
-					target="_blank"
-					alt="link to"
-				>
-					<img class="w-60 m-6" src="radicle_logo.png" alt="Radicle Logo" /></a
-				>
-			</div>
-			<div class="mb-4 flex flex-row w-full items-center">
-				<p class="leading-relaxed font-bold  whitespace-nowrap">Community</p>
-				<div class="border-b border-white border-dashed w-full ml-4 opacity-30" />
-				<p class="whitespace-nowrap ml-4 opacity-30">Tier 5</p>
-			</div>
-			<div
-				class="flex flex-col md:flex-row items-center justify-center w-full md:m-6 border-l border-white/30 "
-			>
-				<a
-					href="https://ethindia.co/"
-					rel="noopener noreferrer"
-					target="_blank"
-					alt="link to"
-				>
-					<img class="w-60 m-6" src="ethindia_logo.png" alt="EthIndia Logo" /></a
-				>
-			</div>
+					{#each data.sponsors.filter(x => x.tier.includes(tier.id)) as sponsor}
+						<a
+							href={sponsor.url}
+							rel="noopener noreferrer"
+							target="_blank"
+							alt="link to"
+						>
+							<img class="w-60 m-6" src="/photos/sponsors/{sponsor.id}.png" alt="{sponsor.name} Logo" />
+						</a>
+					{/each}
+				</div>
+			{/each}
 		</div>
 	</div>
 </section>

src/routes/contributors/+page.svelte

@@ -41,7 +41,7 @@
 							<img
 								class="h-40 md:h-60 w-full object-cover object-center mb-6 grayscale hover:grayscale-0"
 								loading="lazy"
-								src={`/photos/${item.id}.jpg`}
+								src={`/photos/contributors/${item.id}.jpg`}
 								alt={item.desc}
 							/>
 							<h3