This commit is contained in:
tree🌴 2023-04-25 10:17:13 +02:00
parent 4e25dd7cd1
commit cba5bcdea4
3 changed files with 32 additions and 4 deletions

View file

@ -39,7 +39,7 @@
.button { .button {
/*@apply px-3 py-1.5 text-black bg-white border border-black cursor-pointer;*/ /*@apply px-3 py-1.5 text-black bg-white border border-black cursor-pointer;*/
@apply px-5 py-2 text-white bg-black border border-white cursor-pointer no-underline; @apply px-5 py-2 text-white bg-black border border-white cursor-pointer no-underline uppercase;
} }
.button:hover, .button:hover,
.button-inactive { .button-inactive {
@ -130,6 +130,10 @@
.faq-item:hover .desc { .faq-item:hover .desc {
@apply text-white; @apply text-white;
} }
.topic-item,
.topic-item .topic-header {
@apply cursor-help transition-all duration-300;
}
.topic-item:hover .topic-header { .topic-item:hover .topic-header {
@apply bg-white text-black; @apply bg-white text-black;
} }
@ -173,4 +177,28 @@
height: 100%; height: 100%;
background-color: #010101; background-color: #010101;
} }
.topic-item .topic-header {
@apply font-mono2;
}
.topic-item:hover .topic-header {
@apply lowercase;
}
.topic-item:hover .topic-img {
@apply invert;
}
.person-item:hover .speaker-name {
@apply lowercase;
}
.ticket-item:hover .ticket-title {
@apply lowercase;
}
.ticket-item,
.ticket-item .ticket-bg,
.ticket-item .ticket-img,
.person-item {
@apply transition-all duration-200;
}
.person-item {
@apply cursor-help transition-all duration-1000;
}
} }

View file

@ -27,7 +27,7 @@
<img src="/people/{item.img}" class="grayscale invert aspect-square object-cover w-full" /> <img src="/people/{item.img}" class="grayscale invert aspect-square object-cover w-full" />
</div> </div>
<div class="pb-3.5 px-5"> <div class="pb-3.5 px-5">
<div class="mt-4 speaker-name animate-speaker">{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" <a href={twitterLink(item.twitter)} class="hover:underline animate-speaker"
>@{item.twitter}</a >@{item.twitter}</a

View file

@ -138,8 +138,8 @@
<div class="ticket-bg" /> <div class="ticket-bg" />
<div class="ticket-img" /> <div class="ticket-img" />
<div style="z-index: 1;"> <div style="z-index: 1;">
<div class="text-2xl uppercase"> <div class="text-2xl uppercase ticket-title">
<a href={data.config.ticketingUrl} class="animate-section">{tt.title}</a> <a href={data.config.ticketingUrl} class="animate-section font-mono2">{tt.title}</a>
</div> </div>
<div class="text-2xl mt-5 font-bold"> <div class="text-2xl mt-5 font-bold">
<a href={data.config.ticketingUrl}>{tt.price}</a> <a href={data.config.ticketingUrl}>{tt.price}</a>