Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions platforms/blabsy/src/components/login/login-main.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -74,14 +74,14 @@ export function LoginMain(): JSX.Element {
useSkeleton
/>
</div>
<div className='flex flex-col items-center justify-between gap-6 p-8 lg:items-start lg:justify-center min-h-screen'>
<div className='flex flex-col items-center justify-between gap-6 p-8 lg:items-center lg:justify-center min-h-screen'>
<div className='flex max-w-xs flex-col gap-4 font-twitter-chirp-extended lg:max-w-none lg:gap-16'>
<h1 className='text-3xl before:content-["See_what’s_happening_in_the_world_right_now."] lg:text-6xl lg:before:content-["Happening_now"]'>
<h1 className='text-center text-3xl before:content-["See_what’s_happening_in_the_world_right_now."] lg:text-6xl lg:before:content-["Happening_now"]'>
<span className='sr-only'>
See what’s happening in the world right now.
</span>
</h1>
<h2 className='hidden text-xl lg:block lg:text-3xl'>
<h2 className='hidden text-center text-xl lg:block lg:text-3xl'>
Join Blabsy today.
</h2>
<div>
Expand All @@ -98,15 +98,15 @@ export function LoginMain(): JSX.Element {
</a>
<div className="text-center mt-4">
<p className="text-sm text-gray-500">
<span className="mb-1 block font-bold text-gray-600">The button is valid for 60 seconds</span>
<span className="mb-1 block font-bold text-gray-400">The button is valid for 60 seconds</span>
<span className="block font-light text-gray-600">Please refresh the page if it expires</span
>
</p>
</div>
</div>
) : (
<div className='flex flex-col gap-4 items-center'>
<p className="text-gray-600">
<p className="text-gray-400">
Scan the QR code using your <a href={getAppStoreLink()}><b><u>eID App</u></b></a> to login
</p>
<div className='p-2 rounded-md bg-white w-fit'>
Expand All @@ -122,17 +122,17 @@ export function LoginMain(): JSX.Element {
</div>
)}
</div>
<div className='absolute right-0 rotate-90 top-1/2'>
{/* <div className='absolute right-0 rotate-90 top-1/2'>
<Image
src='/assets/w3dslogo.svg'
alt='W3DS logo'
width={100}
height={20}
/>
</div>
</div> */}
</div>
<div className='flex max-w-lg flex-col gap-6 [&_button]:py-2 bg-white/20 p-4 rounded-lg'>
<div className='grid gap-3 font-bold text-white/80'>
<div className='grid gap-3 text-center font-bold text-white/70'>
You are entering Blabsy - a social network built on the
Web 3.0 Data Space (W3DS) architecture. This system is
designed around the principle of data-platform
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -159,7 +159,7 @@ export default function LoginScreen() {
</p>
</div>

<div className="p-4 rounded-xl bg-gray-100 text-gray-700 mt-4">
<div className="p-4 rounded-xl text-xs text-center bg-gray-100 text-gray-500 mt-4">
You are entering Group Charter - a group charter management
platform built on the Web 3.0 Data Space (W3DS)
architecture. This system is designed around the principle
Expand Down
6 changes: 3 additions & 3 deletions platforms/pictique/src/routes/(auth)/auth/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -81,15 +81,15 @@
{#if isMobileDevice()}
Login with your <a href={getAppStoreLink()}><b><u>eID Wallet</u></b></a>
{:else}
Scan the QR code using your <b><u>eID App</u></b> to login
Scan the QR code using your <b><u class="text-sm">eID App</u></b> to login
{/if}
</h2>
{#if qrData}
{#if isMobileDevice()}
<div class="flex flex-col items-center gap-4">
<a
href={getDeepLinkUrl(qrData)}
class="rounded-xl bg-gradient-to-r from-[#4D44EF] via-[#F35B5B] to-[#F7A428] px-8 py-4 text-lg font-semibold text-white transition-opacity hover:opacity-90"
class="rounded-xl bg-gradient-to-r from-[#4D44EF] via-[#F35B5B] to-[#F7A428] px-8 py-4 text-base font-semibold text-white transition-opacity hover:opacity-90"
>
Login with eID Wallet
</a>
Expand Down Expand Up @@ -134,7 +134,7 @@
>
</p>

<p class="w-full rounded-md bg-white/60 p-4 text-sm leading-4 text-black/60">
<p class="w-full rounded-md bg-white/60 p-4 text-center text-xs leading-4 text-black/40">
You are entering Pictique - a social network built on the Web 3.0 Data Space (W3DS)
architecture. This system is designed around the principle of data-platform separation,
where all your personal content is stored in your own sovereign eVault, not on
Expand Down
Loading
Loading