mirror of
https://github.com/web3privacy/w3ps1.git
synced 2024-10-15 16:26:26 +02:00
Update
This commit is contained in:
parent
ba9d3a4492
commit
ccbbd3d8f2
2 changed files with 18 additions and 15 deletions
|
@ -18,13 +18,16 @@
|
||||||
{ title: 'FAQ', url: '#faq', hidden: true }
|
{ title: 'FAQ', url: '#faq', hidden: true }
|
||||||
];
|
];
|
||||||
|
|
||||||
|
const homepageAnimation = () => {
|
||||||
|
const collection = document.getElementsByClassName('animation-crypt')
|
||||||
|
for (const el of collection) {
|
||||||
|
animateText({ target: el })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
onMount(async () => {
|
onMount(async () => {
|
||||||
setTimeout(() => {
|
setTimeout(homepageAnimation, 0)
|
||||||
const collection = document.getElementsByClassName('animation-crypt')
|
//setInterval(homepageAnimation, 5000)
|
||||||
for (const el of collection) {
|
|
||||||
animateText({ target: el })
|
|
||||||
}
|
|
||||||
}, 0)
|
|
||||||
|
|
||||||
let lastScrollTop = null
|
let lastScrollTop = null
|
||||||
|
|
||||||
|
@ -83,7 +86,7 @@
|
||||||
</div>
|
</div>
|
||||||
{#if navbar}
|
{#if navbar}
|
||||||
<div class="w-full md:hidden p-4">
|
<div class="w-full md:hidden p-4">
|
||||||
{#each menu as mi}
|
{#each menu.filter(i => !i.hidden) as mi}
|
||||||
<div class="my-3 mx-4">
|
<div class="my-3 mx-4">
|
||||||
<a href={mi.url} on:click={() => navbar = false}><button class="{mi.class} uppercase text-xl">{mi.title}</button></a>
|
<a href={mi.url} on:click={() => navbar = false}><button class="{mi.class} uppercase text-xl">{mi.title}</button></a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -95,7 +98,7 @@
|
||||||
<div class="w-full h-screen" id="homepage">
|
<div class="w-full h-screen" id="homepage">
|
||||||
<div class="w-full h-full flex items-center text-center">
|
<div class="w-full h-full flex items-center text-center">
|
||||||
<div class="mx-auto px-4">
|
<div class="mx-auto px-4">
|
||||||
<div class="text-5xl md:text-8xl font-bold mb-4 md:mb-8 animation-crypt">
|
<div class="text-5xl md:text-8xl font-bold mb-4 md:mb-8 animation-crypt" on:mouseenter={animateText}>
|
||||||
{data.config.shortname.toUpperCase()}
|
{data.config.shortname.toUpperCase()}
|
||||||
</div>
|
</div>
|
||||||
<div class="text-3xl md:text-5xl md:mb-4 uppercase">
|
<div class="text-3xl md:text-5xl md:mb-4 uppercase">
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
<div class="py-16 md:py-32 md:w-2/3 mx-auto markdown">
|
<div class="py-16 md:py-32 md:w-2/3 mx-auto markdown">
|
||||||
<SvelteMarkdown source={data.config.intro} />
|
<SvelteMarkdown source={data.config.intro} />
|
||||||
</div>
|
</div>
|
||||||
<div class="section-header">Key themes</div>
|
<div class="section-header" on:mouseenter={animateText}>Key themes</div>
|
||||||
<div class="grid md:grid-cols-3 gap-4 md:gap-10">
|
<div class="grid md:grid-cols-3 gap-4 md:gap-10">
|
||||||
{#each data.config.themes as ti}
|
{#each data.config.themes as ti}
|
||||||
<div class="bg-[#0d1117] hover:text-black hover:bg-white px-4 py-6 topic-item" on:mouseenter={animateSection(35)}>
|
<div class="bg-[#0d1117] hover:text-black hover:bg-white px-4 py-6 topic-item" on:mouseenter={animateSection(35)}>
|
||||||
|
@ -45,7 +45,7 @@
|
||||||
|
|
||||||
<div class="" id="speakers">
|
<div class="" id="speakers">
|
||||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto">
|
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto">
|
||||||
<div class="section-header">Speakers</div>
|
<div class="section-header" on:mouseenter={animateText}>Speakers</div>
|
||||||
<div class="mx-auto">
|
<div class="mx-auto">
|
||||||
<div class="pb-16 flex flex-wrap justify-center gap-6">
|
<div class="pb-16 flex flex-wrap justify-center gap-6">
|
||||||
<PeopleList items={data.config.speakers} people={data.config.people} />
|
<PeopleList items={data.config.speakers} people={data.config.people} />
|
||||||
|
@ -56,7 +56,7 @@
|
||||||
|
|
||||||
<div id="hosts">
|
<div id="hosts">
|
||||||
<div class="middle-pane-medium pt-0 text-xl text-center mx-auto">
|
<div class="middle-pane-medium pt-0 text-xl text-center mx-auto">
|
||||||
<div class="section-header">Hosts</div>
|
<div class="section-header" on:mouseenter={animateText}>Hosts</div>
|
||||||
<div class="mx-auto">
|
<div class="mx-auto">
|
||||||
<div class="pb-16 flex flex-wrap justify-center gap-6">
|
<div class="pb-16 flex flex-wrap justify-center gap-6">
|
||||||
<PeopleList items={data.config.hosts} people={data.config.people} size="small" />
|
<PeopleList items={data.config.hosts} people={data.config.people} size="small" />
|
||||||
|
@ -67,7 +67,7 @@
|
||||||
|
|
||||||
<div class="bg-black" id="program">
|
<div class="bg-black" id="program">
|
||||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||||
<div class="section-header">Program</div>
|
<div class="section-header" on:mouseenter={animateText}>Program</div>
|
||||||
<table class="table-auto table-custom w-full mx-0 lg:mx-8">
|
<table class="table-auto table-custom w-full mx-0 lg:mx-8">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -101,7 +101,7 @@
|
||||||
|
|
||||||
<div class="" id="sponsors">
|
<div class="" id="sponsors">
|
||||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||||
<div class="section-header">Sponsors</div>
|
<div class="section-header" on:mouseenter={animateText}>Sponsors</div>
|
||||||
<div>
|
<div>
|
||||||
<a href={data.config.sponsorUrl} target="_blank"
|
<a href={data.config.sponsorUrl} target="_blank"
|
||||||
><button
|
><button
|
||||||
|
@ -115,7 +115,7 @@
|
||||||
|
|
||||||
<div class="bg-black" id="ticket">
|
<div class="bg-black" id="ticket">
|
||||||
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
<div class="middle-pane-medium pt-16 text-xl text-center mx-auto pb-32">
|
||||||
<div class="section-header">Ticket</div>
|
<div class="section-header" on:mouseenter={animateText}>Ticket</div>
|
||||||
<div class="mb-8 text-lg text-mild">{data.config.ticketsIntro}</div>
|
<div class="mb-8 text-lg text-mild">{data.config.ticketsIntro}</div>
|
||||||
<div class="grid lg:grid-cols-2 gap-10 md:w-2/3 mx-auto">
|
<div class="grid lg:grid-cols-2 gap-10 md:w-2/3 mx-auto">
|
||||||
{#each data.config.tickets as tt}
|
{#each data.config.tickets as tt}
|
||||||
|
@ -147,7 +147,7 @@
|
||||||
|
|
||||||
<div class="mb-36" id="faq">
|
<div class="mb-36" id="faq">
|
||||||
<div class="middle-pane-medium pt-20 text-xl text-center mx-auto">
|
<div class="middle-pane-medium pt-20 text-xl text-center mx-auto">
|
||||||
<div class="section-header">FAQ</div>
|
<div class="section-header" on:mouseenter={animateText}>FAQ</div>
|
||||||
<div class="grid md:grid-cols-2 gap-2 md:gap-10">
|
<div class="grid md:grid-cols-2 gap-2 md:gap-10">
|
||||||
{#each data.config.faq as fi}
|
{#each data.config.faq as fi}
|
||||||
<div class="py-10 px-4 hover:bg-white hover:text-black" on:mouseenter={animateSection(15)}>
|
<div class="py-10 px-4 hover:bg-white hover:text-black" on:mouseenter={animateSection(15)}>
|
||||||
|
|
Loading…
Reference in a new issue