remove old dark
This commit is contained in:
Michael Freno
@@ -548,7 +548,7 @@ export default function AccountPage() {
|
||||
!userProfile().email
|
||||
}
|
||||
>
|
||||
<div class="mt-3 rounded bg-yellow-500/10 px-3 py-2 text-center text-sm text-yellow-600 dark:text-yellow-400">
|
||||
<div class="bg-yellow mt-3 rounded px-3 py-2 text-center text-base text-sm">
|
||||
⚠️ Add an email address for account recovery
|
||||
</div>
|
||||
</Show>
|
||||
@@ -558,7 +558,7 @@ export default function AccountPage() {
|
||||
!userProfile().hasPassword
|
||||
}
|
||||
>
|
||||
<div class="mt-3 rounded bg-blue-500/10 px-3 py-2 text-center text-sm text-blue-600 dark:text-blue-400">
|
||||
<div class="bg-blue mt-3 rounded px-3 py-2 text-center text-base text-sm">
|
||||
💡 Add a password to enable email/password login
|
||||
</div>
|
||||
</Show>
|
||||
|
||||
@@ -268,28 +268,18 @@ export default function PostPage() {
|
||||
}
|
||||
/>
|
||||
|
||||
<div class="relative overflow-x-hidden">
|
||||
<div class="relative -mt-16 overflow-x-hidden">
|
||||
{/* Fixed banner image background */}
|
||||
<div class="fixed top-0 left-0 z-0 h-80 w-full sm:h-96 md:h-[50vh]">
|
||||
<div class="absolute inset-0 h-full w-full overflow-hidden brightness-75">
|
||||
<img
|
||||
src={p().banner_photo || "/blueprint.jpg"}
|
||||
alt="post-cover"
|
||||
class="blog-banner-image h-full object-cover select-none"
|
||||
style={{
|
||||
width: "calc(100vw - 500px)",
|
||||
"margin-left": "250px",
|
||||
"pointer-events": "none"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="text-shadow text-text blog-banner-text absolute top-1/3 z-10 my-auto px-4 text-center tracking-widest brightness-150 select-text"
|
||||
<div class="fixed inset-0 top-0 left-0 z-0 h-full w-full overflow-hidden brightness-75 sm:h-96 md:ml-62.5 md:h-[50vh] md:w-[calc(100vw-500px)]">
|
||||
<img
|
||||
src={p().banner_photo || "/blueprint.jpg"}
|
||||
alt="post-cover"
|
||||
class="h-full w-full object-cover select-none"
|
||||
style={{
|
||||
width: "calc(100vw - 500px)",
|
||||
"margin-left": "250px"
|
||||
"pointer-events": "none"
|
||||
}}
|
||||
>
|
||||
/>
|
||||
<div class="text-text fixed top-1/3 z-50 m-auto w-full px-4 text-center tracking-widest backdrop-blur-xs select-text md:w-[calc(100vw-500px)]">
|
||||
<div class="text-3xl font-light tracking-widest">
|
||||
{p().title.replaceAll("_", " ")}
|
||||
<div class="py-8 text-xl font-light tracking-widest">
|
||||
@@ -299,8 +289,7 @@ export default function PostPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Spacer to push content down */}
|
||||
<div class="z-10: pt-80 sm:pt-96 md:pt-[50vh]">
|
||||
<div class="z-10 pt-80 backdrop-blur-[0.01px] sm:pt-96 md:pt-[50vh]">
|
||||
{/* Content that slides over the fixed image */}
|
||||
<div class="bg-base relative pb-24">
|
||||
<div class="top-4 flex w-full flex-col justify-center md:absolute md:flex-row md:justify-between">
|
||||
|
||||
@@ -82,7 +82,7 @@ export default function DownloadsPage() {
|
||||
</div>
|
||||
|
||||
<div class="pt-12">
|
||||
<div class="text-center text-xl tracking-wide dark:text-white">
|
||||
<div class="text-center text-xl tracking-wide">
|
||||
Shapes with Abigail!
|
||||
<br />
|
||||
(apk and iOS)
|
||||
|
||||
@@ -443,7 +443,7 @@ export default function LoginPage() {
|
||||
height={24}
|
||||
width={24}
|
||||
strokeWidth={1}
|
||||
class="stroke-zinc-900 dark:stroke-white"
|
||||
class="stroke-text"
|
||||
/>
|
||||
}
|
||||
>
|
||||
@@ -451,7 +451,7 @@ export default function LoginPage() {
|
||||
height={24}
|
||||
width={24}
|
||||
strokeWidth={1}
|
||||
class="stroke-zinc-900 dark:stroke-white"
|
||||
class="stroke-text"
|
||||
/>
|
||||
</Show>
|
||||
</button>
|
||||
@@ -459,7 +459,7 @@ export default function LoginPage() {
|
||||
<div
|
||||
class={`${
|
||||
showPasswordLengthWarning() ? "" : "opacity-0 select-none"
|
||||
} text-center text-red-500 transition-opacity duration-200 ease-in-out`}
|
||||
} text-red text-center transition-opacity duration-200 ease-in-out`}
|
||||
>
|
||||
Password too short! Min Length: 8
|
||||
</div>
|
||||
@@ -497,7 +497,7 @@ export default function LoginPage() {
|
||||
height={24}
|
||||
width={24}
|
||||
strokeWidth={1}
|
||||
class="stroke-zinc-900 dark:stroke-white"
|
||||
class="stroke-text"
|
||||
/>
|
||||
}
|
||||
>
|
||||
@@ -505,7 +505,7 @@ export default function LoginPage() {
|
||||
height={24}
|
||||
width={24}
|
||||
strokeWidth={1}
|
||||
class="stroke-zinc-900 dark:stroke-white"
|
||||
class="stroke-text"
|
||||
/>
|
||||
</Show>
|
||||
</button>
|
||||
|
||||
@@ -156,15 +156,9 @@ export default function PasswordResetPage() {
|
||||
}
|
||||
return (
|
||||
<div class="timer text-center">
|
||||
<div class="text-sm text-slate-700 dark:text-slate-300">
|
||||
Change Successful!
|
||||
</div>
|
||||
<div class="value py-1 text-3xl text-blue-500 dark:text-blue-400">
|
||||
{timeRemaining}
|
||||
</div>
|
||||
<div class="text-sm text-slate-700 dark:text-slate-300">
|
||||
Redirecting...
|
||||
</div>
|
||||
<div class="text-green text-sm">Change Successful!</div>
|
||||
<div class="value text-blue py-1 text-3xl">{timeRemaining}</div>
|
||||
<div class="text-blue text-sm">Redirecting...</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -219,7 +213,7 @@ export default function PasswordResetPage() {
|
||||
height={24}
|
||||
width={24}
|
||||
strokeWidth={1}
|
||||
class="stroke-zinc-900 dark:stroke-white"
|
||||
class="stroke-text"
|
||||
/>
|
||||
}
|
||||
>
|
||||
@@ -227,7 +221,7 @@ export default function PasswordResetPage() {
|
||||
height={24}
|
||||
width={24}
|
||||
strokeWidth={1}
|
||||
class="stroke-zinc-900 dark:stroke-white"
|
||||
class="stroke-text"
|
||||
/>
|
||||
</Show>
|
||||
</button>
|
||||
@@ -237,7 +231,7 @@ export default function PasswordResetPage() {
|
||||
<div
|
||||
class={`${
|
||||
showPasswordLengthWarning() ? "" : "opacity-0 select-none"
|
||||
} text-center text-red-500 transition-opacity duration-200 ease-in-out`}
|
||||
} text-red text-center transition-opacity duration-200 ease-in-out`}
|
||||
>
|
||||
Password too short! Min Length: 8
|
||||
</div>
|
||||
@@ -275,7 +269,7 @@ export default function PasswordResetPage() {
|
||||
height={24}
|
||||
width={24}
|
||||
strokeWidth={1}
|
||||
class="stroke-zinc-900 dark:stroke-white"
|
||||
class="stroke-text"
|
||||
/>
|
||||
}
|
||||
>
|
||||
@@ -283,7 +277,7 @@ export default function PasswordResetPage() {
|
||||
height={24}
|
||||
width={24}
|
||||
strokeWidth={1}
|
||||
class="stroke-zinc-900 dark:stroke-white"
|
||||
class="stroke-text"
|
||||
/>
|
||||
</Show>
|
||||
</button>
|
||||
@@ -298,7 +292,7 @@ export default function PasswordResetPage() {
|
||||
newPasswordConfRef.value.length >= 6
|
||||
? ""
|
||||
: "opacity-0 select-none"
|
||||
} text-center text-red-500 transition-opacity duration-200 ease-in-out`}
|
||||
} text-red text-center transition-opacity duration-200 ease-in-out`}
|
||||
>
|
||||
Passwords do not match!
|
||||
</div>
|
||||
|
||||
@@ -9,7 +9,7 @@ export default function PrivacyPolicy() {
|
||||
name="description"
|
||||
content="Privacy policy for Shapes with Abigail app, explaining our commitment to child safety and non-collection of personal data."
|
||||
/>
|
||||
<div class="bg-zinc-100 dark:bg-zinc-900">
|
||||
<div class="bg-base">
|
||||
<div class="min-h-screen px-[8vw] py-[8vh]">
|
||||
<div class="py-4 text-xl">
|
||||
Shapes with Abigail!'s Privacy Policy
|
||||
|
||||
Reference in New Issue
Block a user