mirror of
https://github.com/web3privacy/w3ps1.git
synced 2024-10-15 16:26:26 +02:00
add alona
This commit is contained in:
parent
3ad8839204
commit
5f84391a8f
6 changed files with 83 additions and 24 deletions
27
src/app.css
27
src/app.css
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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}
|
||||||
|
|
BIN
static/people/alona-shevchenko.jpg
Normal file
BIN
static/people/alona-shevchenko.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 49 KiB |
Loading…
Reference in a new issue