Icon-on-top brand layout with new transparent icon/wordmark (v0.11.71)

2026-09-14 09:23:14 -04:00
parent d30357777e
commit 94a651e4e5
5 changed files with 13 additions and 7 deletions
@@ -7,12 +7,15 @@
  <title>Site Gateway</title>
  <meta name="description" content="Host sites, proxy services, and manage HTTPS from one simple dashboard.">
  <link rel="icon" type="image/png" href="/site-gateway-icon-approved.png">
-  <link rel="stylesheet" href="/styles.css?v=0.11.28">
+  <link rel="stylesheet" href="/styles.css?v=0.11.71">
 </head>
 <body>
  <div id="login" class="login-shell hidden">
    <form id="login-form" class="login-card">
-      <img class="brand-mark product-icon" src="/site-gateway-lockup-approved.png" alt="Site Gateway">
+      <div class="brand-stack">
+        <img class="brand-icon-lg" src="/site-gateway-icon-approved.png" alt="">
+        <img class="brand-wordmark-lg" src="/site-gateway-wordmark-approved.png" alt="Site Gateway">
+      </div>
      <p class="eyebrow">Host. Proxy. Secure.</p>
      <h1 id="login-title">Welcome back</h1>
      <p id="login-copy" class="muted">Sign in to manage your sites.</p>
@@ -25,7 +28,10 @@

  <dialog id="setup-dialog" class="setup-dialog">
    <form id="setup-form" class="dialog-card setup-card">
-      <img class="brand-mark product-icon" src="/site-gateway-lockup-approved.png" alt="Site Gateway">
+      <div class="brand-stack">
+        <img class="brand-icon-lg" src="/site-gateway-icon-approved.png" alt="">
+        <img class="brand-wordmark-lg" src="/site-gateway-wordmark-approved.png" alt="Site Gateway">
+      </div>
      <p class="eyebrow">First-time setup</p>
      <h1>Secure your administrator account</h1>
      <p class="muted">Confirm or change the administrator details below. The credentials supplied during installation were used only to bootstrap this account.</p>
@@ -40,7 +46,7 @@

  <div id="dashboard" class="app-shell hidden">
    <aside>
-      <div class="brand"><img class="brand-mark small product-icon" src="/site-gateway-icon-approved.png" alt=""><span>Site Gateway</span></div>
+      <div class="brand"><img class="brand-icon" src="/site-gateway-icon-approved.png" alt=""><img class="brand-wordmark" src="/site-gateway-wordmark-approved.png" alt="Site Gateway"></div>
      <nav aria-label="Publishing types">
        <button class="nav-active" data-view="overview">Dashboard</button>
        <button data-view="hosted">Hosted sites <span id="hosted-count">0</span></button>