diff --git a/src/router-public.ts b/src/router-public.ts index 855f2be..f11fae1 100644 --- a/src/router-public.ts +++ b/src/router-public.ts @@ -52,12 +52,12 @@ function isSameOriginWriteRequest(request: Request): boolean { return false; } -function getNwIconSvg(): string { - return `NW`; +function getDefaultWebsiteIconSvg(): string { + return ``; } function handleNwFavicon(): Response { - return new Response(getNwIconSvg(), { + return new Response(getDefaultWebsiteIconSvg(), { status: 200, headers: { 'Content-Type': 'image/svg+xml; charset=utf-8', diff --git a/webapp/public/apple-touch-icon.png b/webapp/public/apple-touch-icon.png index 9ee438f..e7b6394 100644 Binary files a/webapp/public/apple-touch-icon.png and b/webapp/public/apple-touch-icon.png differ diff --git a/webapp/public/favicon-32.png b/webapp/public/favicon-32.png index 0db93d7..a18fa73 100644 Binary files a/webapp/public/favicon-32.png and b/webapp/public/favicon-32.png differ diff --git a/webapp/public/favicon.ico b/webapp/public/favicon.ico index 542c544..e7b6394 100644 Binary files a/webapp/public/favicon.ico and b/webapp/public/favicon.ico differ diff --git a/webapp/public/icon-192.png b/webapp/public/icon-192.png index 1f2985e..304b8bd 100644 Binary files a/webapp/public/icon-192.png and b/webapp/public/icon-192.png differ diff --git a/webapp/public/icon-512.png b/webapp/public/icon-512.png index e9e8693..1ba1421 100644 Binary files a/webapp/public/icon-512.png and b/webapp/public/icon-512.png differ diff --git a/webapp/public/logo-64.png b/webapp/public/logo-64.png index a681cb5..c83e5ab 100644 Binary files a/webapp/public/logo-64.png and b/webapp/public/logo-64.png differ diff --git a/webapp/public/nodewarden-wordmark.svg b/webapp/public/nodewarden-wordmark.svg new file mode 100644 index 0000000..a00ba61 --- /dev/null +++ b/webapp/public/nodewarden-wordmark.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/webapp/src/components/AppAuthenticatedShell.tsx b/webapp/src/components/AppAuthenticatedShell.tsx index 48c4a9e..da7e4b0 100644 --- a/webapp/src/components/AppAuthenticatedShell.tsx +++ b/webapp/src/components/AppAuthenticatedShell.tsx @@ -33,7 +33,7 @@ export default function AppAuthenticatedShell(props: AppAuthenticatedShellProps)
NodeWarden logo - NodeWarden + NodeWarden {props.currentPageTitle}
diff --git a/webapp/src/components/StandalonePageFrame.tsx b/webapp/src/components/StandalonePageFrame.tsx index 7d10dad..f74462c 100644 --- a/webapp/src/components/StandalonePageFrame.tsx +++ b/webapp/src/components/StandalonePageFrame.tsx @@ -12,7 +12,7 @@ export default function StandalonePageFrame(props: StandalonePageFrameProps) {
NodeWarden logo
-
NodeWarden
+ NodeWarden
diff --git a/webapp/src/styles.css b/webapp/src/styles.css index e115885..f1a8e30 100644 --- a/webapp/src/styles.css +++ b/webapp/src/styles.css @@ -176,6 +176,14 @@ body::before { text-shadow: 0 10px 22px rgba(255, 255, 255, 0.26); } +.standalone-brand-wordmark { + display: block; + height: auto; + width: clamp(200px, 30vw, 360px); + max-width: 100%; + filter: drop-shadow(0 10px 22px rgba(43, 102, 217, 0.18)); +} + .standalone-title { margin: 0 0 4px 0; text-align: left; @@ -643,7 +651,7 @@ input[type='file'].input::file-selector-button:hover { .brand { display: inline-flex; align-items: center; - gap: 12px; + gap: 8px; font-size: 34px; font-weight: 800; color: var(--text); @@ -655,6 +663,14 @@ input[type='file'].input::file-selector-button:hover { text-shadow: 0 12px 24px rgba(43, 102, 217, 0.14); } +.brand-wordmark { + display: block; + height: auto; + width: clamp(210px, 20vw, 290px); + max-width: 100%; + filter: drop-shadow(0 12px 24px rgba(43, 102, 217, 0.12)); +} + .mobile-page-title { display: none; min-width: 0; @@ -669,8 +685,8 @@ input[type='file'].input::file-selector-button:hover { } .brand-logo { - width: 57px; - height: 57px; + width: 42px; + height: 42px; object-fit: contain; filter: drop-shadow(0 10px 22px rgba(43, 102, 217, 0.22)); transition: transform var(--dur-medium) var(--ease-out-soft), filter var(--dur-medium) var(--ease-out-soft); @@ -4646,7 +4662,9 @@ input[type='file'].input::file-selector-button:hover { } :root[data-theme='dark'] .standalone-brand-title, -:root[data-theme='dark'] .brand-name { +:root[data-theme='dark'] .brand-name, +:root[data-theme='dark'] .standalone-brand-wordmark, +:root[data-theme='dark'] .brand-wordmark { text-shadow: 0 16px 28px rgba(2, 6, 23, 0.32); }