diff --git a/claim-db-worker/src/index.ts b/claim-db-worker/src/index.ts index 96f9579..051b430 100644 --- a/claim-db-worker/src/index.ts +++ b/claim-db-worker/src/index.ts @@ -118,12 +118,15 @@ export default { blobs: ['database_claimed'], indexes: ['claim_db'], }); + await sendPosthogEvent('create_db:claim_successful', { + 'project-id': projectID, + }); return new Response(getClaimSuccessHtml(projectID), { headers: { 'Content-Type': 'text/html' }, }); } else { const responseText = await transferResponse.text(); - await sendPosthogEvent('create_db:claim_successful', { + await sendPosthogEvent('create_db:claim_failed', { 'project-id': projectID, status: transferResponse.status, error: responseText, diff --git a/claim-db-worker/src/templates/claim-success-template.ts b/claim-db-worker/src/templates/claim-success-template.ts index 541e411..9db2899 100644 --- a/claim-db-worker/src/templates/claim-success-template.ts +++ b/claim-db-worker/src/templates/claim-success-template.ts @@ -1,5 +1,5 @@ -import { footer } from "./footer-template"; -import { navbar } from "./navbar-template"; +import { footer } from './footer-template'; +import { navbar } from './navbar-template'; export function getClaimSuccessHtml(projectID: string) { return ` @@ -16,7 +16,11 @@ export function getClaimSuccessHtml(projectID: string) { margin: 0; padding: 0; min-height: 100vh; - 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%); + backdrop-filter: blur(12px); + background: radial-gradient(circle at 30% 30%, rgba(0, 128, 128, 0.2), transparent 50%), + radial-gradient(circle at 70% 70%, rgba(0, 128, 128, 0.2), transparent 50%), + #050d0f; + background-size: cover; background-size: cover; color: #fff; font-family: 'Barlow', system-ui, sans-serif; diff --git a/claim-db-worker/src/templates/claim-template.ts b/claim-db-worker/src/templates/claim-template.ts index db937cd..e58ea82 100644 --- a/claim-db-worker/src/templates/claim-template.ts +++ b/claim-db-worker/src/templates/claim-template.ts @@ -14,7 +14,11 @@ export function getClaimHtml(projectID: string, authUrl: string) { @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&display=swap'); body { font-family: 'Barlow', system-ui, sans-serif; - background: url('/hero-background.svg') no-repeat center center fixed; + backdrop-filter: blur(12px); + background: radial-gradient(circle at 30% 30%, rgba(0, 128, 128, 0.2), transparent 50%), + radial-gradient(circle at 70% 70%, rgba(0, 128, 128, 0.2), transparent 50%), + #050d0f; + background-size: cover; background-size: cover; margin: 0; padding: 0; diff --git a/claim-db-worker/src/templates/error-template.ts b/claim-db-worker/src/templates/error-template.ts index 4f1f3b8..c494630 100644 --- a/claim-db-worker/src/templates/error-template.ts +++ b/claim-db-worker/src/templates/error-template.ts @@ -14,8 +14,11 @@ export function getErrorHtml(title: string, message: string, details?: string) { body { margin: 0; padding: 0; - background: url('/hero-background.svg') no-repeat center center fixed; - background-size: cover; + backdrop-filter: blur(12px); + background: radial-gradient(circle at 30% 30%, rgba(0, 128, 128, 0.2), transparent 50%), + radial-gradient(circle at 70% 70%, rgba(0, 128, 128, 0.2), transparent 50%), + #050d0f; + background-size: cover; color: #fff; font-family: 'Barlow', system-ui, sans-serif; display: flex; diff --git a/claim-db-worker/src/templates/homepage-template.ts b/claim-db-worker/src/templates/homepage-template.ts index 0743f14..33ab02a 100644 --- a/claim-db-worker/src/templates/homepage-template.ts +++ b/claim-db-worker/src/templates/homepage-template.ts @@ -33,7 +33,11 @@ export function getHomepageHtml() { box-sizing: border-box; } body { - 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%); + backdrop-filter: blur(12px); + background: radial-gradient(circle at 30% 30%, rgba(0, 128, 128, 0.2), transparent 50%), + radial-gradient(circle at 70% 70%, rgba(0, 128, 128, 0.2), transparent 50%), + #050d0f; + background-size: cover; background-size: cover; font-family: 'Barlow', system-ui, sans-serif; color: #e2e8f0;