ui: use nubes favicon url

2026-04-15 14:51:10 +03:00
1 changed files with 53 additions and 2 deletions
@@ -3,7 +3,13 @@
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Fission Console</title>
+  <title>NUBES Fission Console</title>
+  <link rel="icon" type="image/png" href="https://nubes.ru/themes/custom/nubes_2025/favicon.png">
+  <script>
+    if (window.location.protocol !== 'https:' && window.location.hostname !== 'localhost' && window.location.hostname !== '127.0.0.1') {
+      window.location.replace('https://' + window.location.host + window.location.pathname + window.location.search + window.location.hash);
+    }
+  </script>
  <style>
    :root {
      --bg-page: #001120;
@@ -39,6 +45,45 @@
      letter-spacing: .3px;
    }

+    .brand {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+
+    .brand-mark {
+      width: 30px;
+      height: 30px;
+      border-radius: 8px;
+      background: linear-gradient(135deg, #009dff 0%, #0055d4 100%);
+      color: #fff;
+      display: grid;
+      place-items: center;
+      font-size: 14px;
+      font-weight: 800;
+      letter-spacing: .02em;
+      box-shadow: 0 6px 18px rgba(0, 125, 255, .35);
+    }
+
+    .brand-text {
+      display: flex;
+      flex-direction: column;
+      line-height: 1.08;
+    }
+
+    .brand-text .nubes {
+      font-size: 12px;
+      letter-spacing: .22em;
+      font-weight: 800;
+      color: #8bc7ff;
+    }
+
+    .brand-text .product {
+      font-size: 13px;
+      font-weight: 700;
+      letter-spacing: .04em;
+    }
+
    .btn {
      background: var(--accent);
      color: #fff;
@@ -243,7 +288,13 @@
 </head>
 <body>
  <div class="navbar">
-    <div class="title">sless / Fission Console</div>
+    <div class="brand">
+      <div class="brand-mark">N</div>
+      <div class="brand-text">
+        <div class="nubes">NUBES</div>
+        <div class="product">FISSION CONSOLE</div>
+      </div>
+    </div>
    <div class="row" style="margin:0;">
      <button class="btn ghost" onclick="reloadAll()">Refresh</button>
      <button class="btn" onclick="openCreate()">+ Create Function</button>