mirror of https://github.com/web3privacy/w3ps1.git
add alona
This commit is contained in:
parent
3ad8839204
commit
5f84391a8f
29
src/app.css
29
src/app.css
|
|
@ -22,6 +22,9 @@
|
|||
.markdown a {
|
||||
@apply underline hover:no-underline text-white;
|
||||
}
|
||||
.markdown-basic a {
|
||||
@apply underline hover:no-underline;
|
||||
}
|
||||
|
||||
.markdown p {
|
||||
}
|
||||
|
|
@ -117,7 +120,7 @@
|
|||
.ico-matrix:hover .ico-children {
|
||||
@apply opacity-100;
|
||||
}
|
||||
|
||||
|
||||
.person-item:hover img {
|
||||
@apply grayscale-0 invert-0 blur-none;
|
||||
}
|
||||
|
|
@ -216,10 +219,22 @@
|
|||
.person-item {
|
||||
@apply cursor-help transition-all duration-500;
|
||||
}
|
||||
.partner-item .partner-img { @apply grayscale; }
|
||||
.partner-item:hover .partner-img { @apply grayscale-0; }
|
||||
.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; }
|
||||
.partner-item .partner-img {
|
||||
@apply grayscale;
|
||||
}
|
||||
.partner-item:hover .partner-img {
|
||||
@apply grayscale-0;
|
||||
}
|
||||
.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="mt-4 speaker-name animate-speaker font-mono2">{item.name.toUpperCase()}</div>
|
||||
<div class="text-mild">
|
||||
<a href={twitterLink(item.twitter)} class="hover:underline animate-speaker" target="_blank"
|
||||
>@{item.twitter}</a
|
||||
<a
|
||||
href={twitterLink(item.twitter)}
|
||||
class="hover:underline animate-speaker"
|
||||
target="_blank">@{item.twitter}</a
|
||||
>
|
||||
</div>
|
||||
{#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}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -122,19 +122,19 @@ people:
|
|||
name: Mykola Siusko
|
||||
twitter: nicksvyaznoy
|
||||
img: mykola.png
|
||||
caption: Web3 privacy advocate
|
||||
caption: Web3 privacy advocate behind [Web3Privacy Now](https://web3privacy.info/)
|
||||
country: es
|
||||
- id: tree
|
||||
name: Tree
|
||||
twitter: treecz
|
||||
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
|
||||
- id: juraj-bednar
|
||||
name: Juraj Bednar
|
||||
twitter: jurbed
|
||||
img: juraj-bednar.jpg
|
||||
caption: Educator, writer, cryptoanarchist & biohacker
|
||||
caption: Educator, writer, cryptoanarchist & biohacker ([blog](https://juraj.bednar.io/))
|
||||
country: sk
|
||||
- id: mario-havel
|
||||
name: Mario Havel
|
||||
|
|
@ -172,6 +172,12 @@ people:
|
|||
img: dcbuilder.jpg
|
||||
caption: Research engineer of [Worldcoin](https://worldcoin.org/), ZKML & Rust enthusiast
|
||||
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 ...
|
||||
speakers:
|
||||
- guy-zyskind
|
||||
|
|
@ -181,6 +187,7 @@ speakers:
|
|||
- max-hampshire
|
||||
- nick-almond
|
||||
- dcbuilder
|
||||
- alona-shevchenko
|
||||
partners:
|
||||
- id: lunardao
|
||||
name: LunarDAO
|
||||
|
|
|
|||
|
|
@ -17,7 +17,12 @@
|
|||
//{ title: 'Program', url: '#program' },
|
||||
//{ title: 'Sponsors', url: '#sponsors' },
|
||||
{ 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: 'Ticket', url: '#ticket', class: 'button' }
|
||||
];
|
||||
|
|
@ -87,14 +92,14 @@
|
|||
class="{mi.class ? mi.class : 'hover:underline'} {choosed &&
|
||||
mi.url === choosed[0].url
|
||||
? 'underline font-bold'
|
||||
: null} {mi.external ? 'external' : ''} {mi.ico ? "mi-img" : ''}"
|
||||
: null} {mi.external ? 'external' : ''} {mi.ico ? 'mi-img' : ''}"
|
||||
href={mi.url}
|
||||
on:mouseenter={mi.ico ? null : animateText}
|
||||
on:click={!mi.external ? handleAnchorClick : null}
|
||||
target={mi.external ? '_blank' : ''}
|
||||
>
|
||||
{#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}
|
||||
{mi.name?.toUpperCase() || mi.title.toUpperCase()}
|
||||
{/if}
|
||||
|
|
@ -180,7 +185,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<span class="font-mono2 lowercase">Twitter</span>
|
||||
<a
|
||||
|
|
@ -192,10 +200,20 @@
|
|||
</a>
|
||||
</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>
|
||||
<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 class="mt-4 text-mild">
|
||||
|
|
|
|||
|
|
@ -68,12 +68,27 @@
|
|||
<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}
|
||||
<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 class="p-2 partner-text">
|
||||
<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>
|
||||
<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>
|
||||
<div class="p-2 partner-text">
|
||||
<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>
|
||||
{/each}
|
||||
</div>
|
||||
<div>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Loading…
Reference in New Issue