From 5a4d44353f73bae0d52f008e3eeebd7566233df4 Mon Sep 17 00:00:00 2001 From: Carla Goncalves Date: Wed, 23 Jul 2025 14:18:03 +0100 Subject: [PATCH 1/2] feat(navbar): navbar + copy --- .../src/templates/footer-template.ts | 65 +++++++++++++ .../src/templates/navbar-template.ts | 96 +++++++++++++++++++ 2 files changed, 161 insertions(+) create mode 100644 claim-db-worker/src/templates/footer-template.ts create mode 100644 claim-db-worker/src/templates/navbar-template.ts diff --git a/claim-db-worker/src/templates/footer-template.ts b/claim-db-worker/src/templates/footer-template.ts new file mode 100644 index 0000000..49d352c --- /dev/null +++ b/claim-db-worker/src/templates/footer-template.ts @@ -0,0 +1,65 @@ +export function footer() { + return ` + + + + ` +} \ No newline at end of file diff --git a/claim-db-worker/src/templates/navbar-template.ts b/claim-db-worker/src/templates/navbar-template.ts new file mode 100644 index 0000000..8df523a --- /dev/null +++ b/claim-db-worker/src/templates/navbar-template.ts @@ -0,0 +1,96 @@ +export function navbar() { + return ` + + + ` +} \ No newline at end of file From 8a10818fa028477e1187487e2731bee4db9f9d49 Mon Sep 17 00:00:00 2001 From: Carla Goncalves Date: Wed, 23 Jul 2025 14:20:05 +0100 Subject: [PATCH 2/2] feat(navbar): navbar + copy --- .../src/templates/claim-success-template.ts | 56 ++++++++++++------- .../src/templates/claim-template.ts | 17 +++++- .../src/templates/error-template.ts | 53 +++++++++++------- .../src/templates/homepage-template.ts | 10 ++-- claim-db-worker/src/templates/test.html | 2 +- 5 files changed, 91 insertions(+), 47 deletions(-) diff --git a/claim-db-worker/src/templates/claim-success-template.ts b/claim-db-worker/src/templates/claim-success-template.ts index a05f633..541e411 100644 --- a/claim-db-worker/src/templates/claim-success-template.ts +++ b/claim-db-worker/src/templates/claim-success-template.ts @@ -1,3 +1,6 @@ +import { footer } from "./footer-template"; +import { navbar } from "./navbar-template"; + export function getClaimSuccessHtml(projectID: string) { return ` @@ -13,17 +16,26 @@ export function getClaimSuccessHtml(projectID: string) { margin: 0; padding: 0; min-height: 100vh; - background: url('/hero-background.svg') no-repeat center center fixed; + background: url('/hero-background.svg') no-repeat center center, linear-gradient(180deg, #090A15 0%, rgba(9, 10, 21, 0.5) 19.02%, rgba(9, 10, 21, 0.5) 74%, rgba(9, 10, 21, 0.95) 100%); background-size: cover; color: #fff; font-family: 'Barlow', system-ui, sans-serif; display: flex; - align-items: center; - justify-content: center; + overscroll-behavior: none; + justify-content: space-between; + flex-direction: column; + min-height: 100vh; } .container { text-align: center; + display: flex; + flex-direction: column; + min-height: 50vh; + height: 100%; + align-items: center; + justify-content: space-between; } + .title { font-size: 4rem; font-weight: 700; @@ -109,26 +121,30 @@ export function getClaimSuccessHtml(projectID: string) { + ${navbar()}
-
- Prisma Postgres Logo -
-
Congratulations!
-
You have successfully claimed your database
- - Go use your database - Arrow up - -
- Database Success - - - +
+
+ Prisma Postgres Logo +
+
Congratulations!
+
You have successfully claimed your database
+ + Go use your database + Arrow up + +
+ Database Success + + + +
+ ${footer()} `; diff --git a/claim-db-worker/src/templates/claim-template.ts b/claim-db-worker/src/templates/claim-template.ts index 7462bb3..63bc8fd 100644 --- a/claim-db-worker/src/templates/claim-template.ts +++ b/claim-db-worker/src/templates/claim-template.ts @@ -1,3 +1,6 @@ +import { footer } from "./footer-template"; +import { navbar } from "./navbar-template"; + // claim-db-worker/src/claim-template.ts export function getClaimHtml(projectID: string, authUrl: string) { return ` @@ -19,8 +22,18 @@ export function getClaimHtml(projectID: string, authUrl: string) { color: #fff; display: flex; flex-direction: column; + justify-content: space-between; + flex-direction: column; + min-height: 100vh; + } + .container { + text-align: center; + display: flex; + flex-direction: column; + min-height: 50vh; + height: 100%; align-items: center; - justify-content: center; + justify-content: space-between; } .logo { display: flex; @@ -102,7 +115,7 @@ export function getClaimHtml(projectID: string, authUrl: string) { Claim database Arrow Right -
*your database will expire after 24hrs unless you authenticate
+
*your database will expire after 24 hours unless you authenticate