Update

src/lib/Avatar.svelte

@@ -2,6 +2,7 @@
   export let speaker;
   export let col = 'speakers';
   export let size = 'normal';
+  export let customSize = null;
 
   import SvelteMarkdown from 'svelte-markdown';
   import { page } from '$app/stores';
@@ -46,7 +47,7 @@
     return String.fromCodePoint(...codePoints);
   }
 
-  $: country = getFlagEmoji(speaker.country)
+  $: country = speaker.country ? getFlagEmoji(speaker.country) : ''
   $: currentImg = speakerImg
 
   function mouseOver () {
@@ -60,6 +61,12 @@
 
 </script>
 
+{#if size === 'custom'}
+<div class="customSize} text-center pb-4 m-auto">
+  <img src={currentImg} class="{customSize} rounded-full m-auto" alt={speaker.name} />
+</div>
+{/if}
+
 {#if size === 'big'}
 <div class="w-64 text-center pb-4 m-auto">
   <img src={currentImg} class="w-64 rounded-full m-auto shadow-xl" alt={speaker.name}  on:mouseover={mouseOver} on:mouseleave={mouseLeave} />

src/lib/SocialButtons.svelte

@@ -15,7 +15,7 @@
 
 {#if $bundle}
   {#if size === 'small'}
-    <div class="flex block space-x-2 m-auto w-full justify-center">
+    <div class="flex block space-x-2 m-auto w-full justify-end">
       {#each socials as soc}
         <a href="{$bundle.links[soc.link]}" class="w-6 h-6 bg-white rounded-full hover:bg-utxo-gradient hover:text-white" target="_blank">
           <i class="{soc.ico}" />

src/routes/index.svelte

@@ -85,6 +85,33 @@ Zažijte mysteriózní atmosféru komplexu na 1.ročníku konference UTXO.22. Č
   </div>
 </section>
 
+<section class="relative mx-auto py-10 px-6 max-w-6xl">
+  <div class="text-blue-web lg:mt-10">
+    <div class="text-2xl uppercase font-bold">Partneři</div>
+    <div class="mt-6">Sponzoři</div>
+    <div class="mt-6 flex flex-wrap gap-8 justify-left">
+      {#each $bundle.spec.partners.filter(p => p.type === 'sponsor') as p}
+        <div class="w-28">
+          <a href={p.web.url} target="_blank"><Avatar speaker={p} col="partners" size="custom" customSize="w-24 shadow-xl" /></a>
+          <div class="text-center text-sm uppercase font-bold">{p.name}</div>
+        </div>
+      {/each}
+    </div>
+    <div class="mt-10">Komunity</div>
+    <div class="mt-6 flex flex-wrap gap-6 justify-left">
+      {#each $bundle.spec.partners.filter(p => p.type === 'community') as p}
+        <div><a href={p.web ? p.web.url : (p.twitter ? `https://twitter.com/${p.twitter}` : '')} target="_blank"><Avatar speaker={p} col="partners" size="custom" customSize="w-20 shadow-lg" /></a></div>
+      {/each}
+    </div>
+    <div class="mt-10">Mediální partneři</div>
+    <div class="mt-6 flex flex-wrap gap-4 justify-left">
+      {#each $bundle.spec.partners.filter(p => p.type === 'medium') as p}
+        <div><a href={p.web ? p.web.url : (p.twitter ? `https://twitter.com/${p.twitter}` : '')} target="_blank"><Avatar speaker={p} col="partners" size="custom" customSize="w-16 shadow-lg" /></a></div>
+      {/each}
+    </div>
+  </div>
+</section>
+
 {#if $bundle}
 <section class="relative mx-auto py-10 px-6 max-w-6xl">
   <div class="text-blue-web">