add alona

This commit is contained in:
tree🌴 2023-04-28 17:14:03 +02:00
parent 3ad8839204
commit 5f84391a8f
6 changed files with 83 additions and 24 deletions

View file

@ -22,6 +22,9 @@
.markdown a { .markdown a {
@apply underline hover:no-underline text-white; @apply underline hover:no-underline text-white;
} }
.markdown-basic a {
@apply underline hover:no-underline;
}
.markdown p { .markdown p {
} }
@ -216,10 +219,22 @@
.person-item { .person-item {
@apply cursor-help transition-all duration-500; @apply cursor-help transition-all duration-500;
} }
.partner-item .partner-img { @apply grayscale; } .partner-item .partner-img {
.partner-item:hover .partner-img { @apply grayscale-0; } @apply grayscale;
.partner-item .partner-text { @apply text-white/0 transition-all duration-300; } }
.partner-item .partner-text .text-mild { @apply text-white/0; } .partner-item:hover .partner-img {
.partner-item:hover .partner-text { @apply text-white; } @apply grayscale-0;
.partner-item:hover .partner-text .text-mild { @apply text-white/50 duration-1000; } }
.partner-item .partner-text {
@apply text-white/0 transition-all duration-300;
}
.partner-item .partner-text .text-mild {
@apply text-white/0;
}
.partner-item:hover .partner-text {
@apply text-white;
}
.partner-item:hover .partner-text .text-mild {
@apply text-white/50 duration-1000;
}
} }

View file

@ -32,12 +32,16 @@
<div class="pb-3.5 px-5"> <div class="pb-3.5 px-5">
<div class="mt-4 speaker-name animate-speaker font-mono2">{item.name.toUpperCase()}</div> <div class="mt-4 speaker-name animate-speaker font-mono2">{item.name.toUpperCase()}</div>
<div class="text-mild"> <div class="text-mild">
<a href={twitterLink(item.twitter)} class="hover:underline animate-speaker" target="_blank" <a
>@{item.twitter}</a href={twitterLink(item.twitter)}
class="hover:underline animate-speaker"
target="_blank">@{item.twitter}</a
> >
</div> </div>
{#if item.caption} {#if item.caption}
<div class="mt-2 text-sm text-supermild"><SvelteMarkdown source={item.caption} /></div> <div class="mt-2 text-sm text-supermild markdown-basic">
<SvelteMarkdown source={item.caption} />
</div>
{/if} {/if}
</div> </div>
</div> </div>

View file

@ -122,19 +122,19 @@ people:
name: Mykola Siusko name: Mykola Siusko
twitter: nicksvyaznoy twitter: nicksvyaznoy
img: mykola.png img: mykola.png
caption: Web3 privacy advocate caption: Web3 privacy advocate behind [Web3Privacy Now](https://web3privacy.info/)
country: es country: es
- id: tree - id: tree
name: Tree name: Tree
twitter: treecz twitter: treecz
img: tree.jpg img: tree.jpg
caption: Creator of lunarpunk hackathons & events caption: Orchestrator of lunarpunk events like [ETHBrno](https://ethbrno.cz) or [w3ps](https://github.com/web3privacy/w3ps)
country: cz country: cz
- id: juraj-bednar - id: juraj-bednar
name: Juraj Bednar name: Juraj Bednar
twitter: jurbed twitter: jurbed
img: juraj-bednar.jpg img: juraj-bednar.jpg
caption: Educator, writer, cryptoanarchist & biohacker caption: Educator, writer, cryptoanarchist & biohacker ([blog](https://juraj.bednar.io/))
country: sk country: sk
- id: mario-havel - id: mario-havel
name: Mario Havel name: Mario Havel
@ -172,6 +172,12 @@ people:
img: dcbuilder.jpg img: dcbuilder.jpg
caption: Research engineer of [Worldcoin](https://worldcoin.org/), ZKML & Rust enthusiast caption: Research engineer of [Worldcoin](https://worldcoin.org/), ZKML & Rust enthusiast
country: cz country: cz
- id: alona-shevchenko
name: Alona Shevchenko
twitter: cryptodrftng
img: alona-shevchenko.jpg
caption: Unapologetic Ukrainian behind [Ukraine DAO](https://ukrainedao.love/) & [Kyiv Tech Summit](https://www.kyivtechsummit.com/)
country: ua
speakersNote: We keep adding more and more speakers, stay tuned ... speakersNote: We keep adding more and more speakers, stay tuned ...
speakers: speakers:
- guy-zyskind - guy-zyskind
@ -181,6 +187,7 @@ speakers:
- max-hampshire - max-hampshire
- nick-almond - nick-almond
- dcbuilder - dcbuilder
- alona-shevchenko
partners: partners:
- id: lunardao - id: lunardao
name: LunarDAO name: LunarDAO

View file

@ -17,7 +17,12 @@
//{ title: 'Program', url: '#program' }, //{ title: 'Program', url: '#program' },
//{ title: 'Sponsors', url: '#sponsors' }, //{ title: 'Sponsors', url: '#sponsors' },
{ title: 'FAQ', url: '#faq' }, { title: 'FAQ', url: '#faq' },
{ title: 'Chat', url: 'https://matrix.to/#/#web3privacy:gwei.cz', ico: 'matrix', external: true }, {
title: 'Chat',
url: 'https://matrix.to/#/#web3privacy:gwei.cz',
ico: 'matrix',
external: true
},
{ title: 'Twitter', url: 'https://twitter.com/web3privacy', ico: 'twitter', external: true }, { title: 'Twitter', url: 'https://twitter.com/web3privacy', ico: 'twitter', external: true },
{ title: 'Ticket', url: '#ticket', class: 'button' } { title: 'Ticket', url: '#ticket', class: 'button' }
]; ];
@ -87,14 +92,14 @@
class="{mi.class ? mi.class : 'hover:underline'} {choosed && class="{mi.class ? mi.class : 'hover:underline'} {choosed &&
mi.url === choosed[0].url mi.url === choosed[0].url
? 'underline font-bold' ? 'underline font-bold'
: null} {mi.external ? 'external' : ''} {mi.ico ? "mi-img" : ''}" : null} {mi.external ? 'external' : ''} {mi.ico ? 'mi-img' : ''}"
href={mi.url} href={mi.url}
on:mouseenter={mi.ico ? null : animateText} on:mouseenter={mi.ico ? null : animateText}
on:click={!mi.external ? handleAnchorClick : null} on:click={!mi.external ? handleAnchorClick : null}
target={mi.external ? '_blank' : ''} target={mi.external ? '_blank' : ''}
> >
{#if mi.ico} {#if mi.ico}
<div class="ico-{mi.ico}"><div class="ico-children"></div></div> <div class="ico-{mi.ico}"><div class="ico-children" /></div>
{:else} {:else}
{mi.name?.toUpperCase() || mi.title.toUpperCase()} {mi.name?.toUpperCase() || mi.title.toUpperCase()}
{/if} {/if}
@ -180,7 +185,10 @@
</div> </div>
</div> </div>
<div class="text-right"> <div class="text-right">
<div class="text-sm flex flex-wrap gap-2 sm:gap-4 ml-8 mb-8 text-mild" on:mouseenter={animateSection()}> <div
class="text-sm flex flex-wrap gap-2 sm:gap-4 ml-8 mb-8 text-mild"
on:mouseenter={animateSection()}
>
<div> <div>
<span class="font-mono2 lowercase">Twitter</span> <span class="font-mono2 lowercase">Twitter</span>
<a <a
@ -192,10 +200,20 @@
</a> </a>
</div> </div>
<div> <div>
<span class="font-mono2 lowercase">Bluesky</span> <a href={data.config.blueskyUrl} class="external animate-section text-md no-underline hover:underline" target="_blank">@{data.config.bluesky}</a> <span class="font-mono2 lowercase">Bluesky</span>
<a
href={data.config.blueskyUrl}
class="external animate-section text-md no-underline hover:underline"
target="_blank">@{data.config.bluesky}</a
>
</div> </div>
<div> <div>
<span class="font-mono2 lowercase">Matrix</span> <a href={data.config.matrixUrl} class="external animate-section text-md no-underline hover:underline" target="_blank">{data.config.matrix}</a> <span class="font-mono2 lowercase">Matrix</span>
<a
href={data.config.matrixUrl}
class="external animate-section text-md no-underline hover:underline"
target="_blank">{data.config.matrix}</a
>
</div> </div>
</div> </div>
<!--div class="mt-4 text-mild"> <!--div class="mt-4 text-mild">

View file

@ -68,10 +68,25 @@
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-2 mb-12"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-2 mb-12">
{#each data.config.partners as partner} {#each data.config.partners as partner}
<div class="partner-item text-center items-center p-2" on:mouseenter={animateSection(40)}> <div class="partner-item text-center items-center p-2" on:mouseenter={animateSection(40)}>
<div><a href={partner.web}><img src="/partners/{partner.img}" class="partner-img aspect-[16/11] w-full h-full object-contain {partner.padding ? `p-${partner.padding}` : ''}" /></a></div> <div>
<a href={partner.web}
><img
src="/partners/{partner.img}"
class="partner-img aspect-[16/11] w-full h-full object-contain {partner.padding
? `p-${partner.padding}`
: ''}"
/></a
>
</div>
<div class="p-2 partner-text"> <div class="p-2 partner-text">
<div><a href={partner.web} class="font-mono2 animate-section lowercase">{partner.name}</a></div> <div>
<div><a href="https://twitter.com/{partner.twitter}" class="text-sm text-mild">@{partner.twitter}</a></div> <a href={partner.web} class="font-mono2 animate-section lowercase">{partner.name}</a>
</div>
<div>
<a href="https://twitter.com/{partner.twitter}" class="text-sm text-mild"
>@{partner.twitter}</a
>
</div>
</div> </div>
</div> </div>
{/each} {/each}

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB