web3privacy/w3ps1
1
0
Fork 0
mirror of https://github.com/web3privacy/w3ps1.git synced 2024-10-15 16:26:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

Update

Browse source
This commit is contained in:
tree🌴 2023-02-16 22:35:55 +01:00
parent ba9d3a4492
commit ccbbd3d8f2
2 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/routes/+layout.svelte
View file

@ -18,13 +18,16 @@
{ title: 'FAQ', url: '#faq', hidden: true }
];
const homepageAnimation = () => {
const collection = document.getElementsByClassName('animation-crypt')
for (const el of collection) {
animateText({ target: el })
}
}
onMount(async () => {
setTimeout(() => {
const collection = document.getElementsByClassName('animation-crypt')
for (const el of collection) {
animateText({ target: el })
}
}, 0)
setTimeout(homepageAnimation, 0)
//setInterval(homepageAnimation, 5000)
let lastScrollTop = null
@ -83,7 +86,7 @@
</div>
{#if navbar}
<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">
<a href={mi.url} on:click={() => navbar = false}><button class="{mi.class} uppercase text-xl">{mi.title}</button></a>
</div>
@ -95,7 +98,7 @@
<div class="w-full h-screen" id="homepage">
<div class="w-full h-full flex items-center text-center">
<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()}
</div>
<div class="text-3xl md:text-5xl md:mb-4 uppercase">

14
src/routes/+page.svelte
View file

@ -29,7 +29,7 @@
<div class="py-16 md:py-32 md:w-2/3 mx-auto markdown">
<SvelteMarkdown source={data.config.intro} />
</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">
{#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)}>
@ -45,7 +45,7 @@
<div class="" id="speakers">
<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="pb-16 flex flex-wrap justify-center gap-6">
<PeopleList items={data.config.speakers} people={data.config.people} />
@ -56,7 +56,7 @@
<div id="hosts">
<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="pb-16 flex flex-wrap justify-center gap-6">
<PeopleList items={data.config.hosts} people={data.config.people} size="small" />
@ -67,7 +67,7 @@
<div class="bg-black" id="program">
<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">
<thead>
<tr>
@ -101,7 +101,7 @@
<div class="" id="sponsors">
<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>
<a href={data.config.sponsorUrl} target="_blank"
><button
@ -115,7 +115,7 @@
<div class="bg-black" id="ticket">
<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="grid lg:grid-cols-2 gap-10 md:w-2/3 mx-auto">
{#each data.config.tickets as tt}
@ -147,7 +147,7 @@
<div class="mb-36" id="faq">
<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">
{#each data.config.faq as fi}
<div class="py-10 px-4 hover:bg-white hover:text-black" on:mouseenter={animateSection(15)}>