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-04-25 07:55:41 +02:00
parent 9f37c73cd6
commit 948e456faa
2 changed files with 33 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app.css
View file

@ -161,4 +161,16 @@
.ticket-item:hover .ticket-img { .ticket-item:hover .ticket-img {
filter: invert(100%); filter: invert(100%);
} }
.ticket-item:hover .ticket-bg {
@apply bg-white;
}
.ticket-item .ticket-bg {
z-index: -2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #010101;
}
} }

39
src/routes/+page.svelte
View file

@ -135,31 +135,34 @@
<div class="grid lg:grid-cols-2 gap-10 mx-auto"> <div class="grid lg:grid-cols-2 gap-10 mx-auto">
{#each data.config.tickets as tt} {#each data.config.tickets as tt}
<div <div
class="ticket-item {tt.ticketTypeClass} border py-10 px-10 hover:text-black hover:bg-white {data class="ticket-item {tt.ticketTypeClass} border py-10 px-10 hover:text-black {data.config
.config.ticketing .ticketing
? 'cursor-pointer' ? 'cursor-pointer'
: ''}" : ''}"
on:mouseenter={animateSection(40)} on:mouseenter={animateSection(40)}
on:click={() => (data.config.ticketing ? goto(data.config.ticketingUrl) : false)} on:click={() => (data.config.ticketing ? goto(data.config.ticketingUrl) : false)}
> >
<div class="ticket-bg" />
<div class="ticket-img" /> <div class="ticket-img" />
<div class="text-2xl uppercase"> <div style="z-index: 1;">
<a href={data.config.ticketingUrl} class="animate-section">{tt.title}</a> <div class="text-2xl uppercase">
<a href={data.config.ticketingUrl} class="animate-section">{tt.title}</a>
</div>
<div class="text-2xl mt-5 font-bold">
<a href={data.config.ticketingUrl}>{tt.price}</a>
</div>
<ul class="mt-8 text-left list-disc px-6">
{#each tt.includes as ti}
<li class="mb-2 pl-2 text-sm">{ti}</li>
{/each}
</ul>
{#if tt.note}
<div class="mt-10 text-sm">{tt.note}</div>
{/if}
{#if tt.hint}
<div class="mt-10 markdown text-sm"><SvelteMarkdown source={tt.hint} /></div>
{/if}
</div> </div>
<div class="text-2xl mt-5 font-bold">
<a href={data.config.ticketingUrl}>{tt.price}</a>
</div>
<ul class="mt-8 text-left list-disc px-6">
{#each tt.includes as ti}
<li class="mb-2 pl-2 text-sm">{ti}</li>
{/each}
</ul>
{#if tt.note}
<div class="mt-10 text-sm">{tt.note}</div>
{/if}
{#if tt.hint}
<div class="mt-10 markdown text-sm"><SvelteMarkdown source={tt.hint} /></div>
{/if}
</div> </div>
{/each} {/each}
</div> </div>