External/kycnotme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small updates

Browse Source
This commit is contained in:
pluja
2025-05-20 10:29:03 +00:00
parent af7ebe813b
commit 8bdbe8ea36
2 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/components/AnnouncementBanner.astro
View File

@@ -34,7 +34,7 @@ const Tag = announcement.link ? 'a' : 'div'
target={announcement.link ? '_blank' : undefined} target={announcement.link ? '_blank' : undefined}
rel="noopener noreferrer" rel="noopener noreferrer"
class={cn( class={cn(
'group relative isolate z-50 flex items-center justify-center gap-x-6 overflow-hidden border-b border-zinc-800 bg-black px-6 py-2 focus-visible:outline-none sm:px-3.5', 'group xs:px-6 2xs:px-4 relative isolate z-50 flex items-center justify-center gap-x-2 overflow-hidden border-b border-zinc-800 bg-black px-2 py-2 focus-visible:outline-none sm:gap-x-6 sm:px-3.5',
className className
)} )}
{...props} {...props}
@@ -66,24 +66,27 @@ const Tag = announcement.link ? 'a' : 'div'
</div> </div>
</div> </div>
<div class="flex items-center justify-between gap-x-3 md:justify-center"> <div class={cn('flex items-center justify-between gap-x-3 md:justify-center', typeInfo.classNames.icon)}>
<div class={cn('flex items-center gap-x-3', typeInfo.classNames.icon)}> <Icon name={typeInfo.icon} class={cn('size-5 flex-shrink-0')} />
<Icon name={typeInfo.icon} class={cn('size-5 flex-shrink-0')} /> <span
<span class={cn(
class={cn( 'font-title line-clamp-3 bg-[linear-gradient(90deg,var(--gradient-edge,#FFEBF9)_0%,var(--gradient-center,#8a56cc)_50%,var(--gradient-edge,#FFEBF9)_100%)] bg-clip-text text-sm leading-tight text-pretty text-transparent [&_a]:underline',
'font-title bg-[linear-gradient(90deg,var(--gradient-edge,#FFEBF9)_0%,var(--gradient-center,#8a56cc)_50%,var(--gradient-edge,#FFEBF9)_100%)] bg-clip-text text-sm leading-tight text-transparent [&_a]:underline', typeInfo.classNames.content
typeInfo.classNames.content )}
)} >
> {announcement.content}
{announcement.content} </span>
</span>
</div>
</div> </div>
<div <div
class="text-day-300 group-focus-visible:outline-primary transition-background relative inline-flex h-full min-w-[120px] cursor-pointer items-center justify-center gap-1.5 overflow-hidden rounded-full border border-white/20 bg-black/10 p-[1px] px-3 py-1 text-sm font-medium shadow-sm backdrop-blur-3xl transition-colors group-hover:bg-white/5 group-focus-visible:ring-2 group-focus-visible:ring-blue-500 group-focus-visible:ring-offset-2 group-focus-visible:ring-offset-black/80" class="text-day-300 group-focus-visible:outline-primary transition-background 2xs:px-4 relative inline-flex h-full shrink-0 cursor-pointer items-center justify-center gap-1.5 overflow-hidden rounded-full border border-white/20 bg-black/10 p-[1px] px-1 py-1 text-sm font-medium shadow-sm backdrop-blur-3xl transition-colors group-hover:bg-white/5 group-focus-visible:ring-2 group-focus-visible:ring-blue-500 group-focus-visible:ring-offset-2 group-focus-visible:ring-offset-black/80 sm:min-w-[120px]"
> >
{announcement.linkText} <span class="2xs:inline-block hidden">
<Icon name="ri:arrow-right-line" class="size-4 transition-transform group-hover:translate-x-0.5" /> {announcement.linkText}
</span>
<Icon
name="ri:arrow-right-line"
class="size-4 shrink-0 transition-transform group-hover:translate-x-0.5"
/>
</div> </div>
</Tag> </Tag>

3
web/src/constants/splashTexts.ts
View File

@@ -14,4 +14,7 @@ export const splashTexts: string[] = [
'Ditch the gatekeepers.', 'Ditch the gatekeepers.',
'Own your identity.', 'Own your identity.',
'Financial privacy matters.', 'Financial privacy matters.',
'Surveillance is the enemy of the soul.',
'Privacy is freedom.',
'Privacy is the freedom to try things out.',
] ]