Add new [W13] logo design to Warehouse13

- Replace ◆ symbol with styled [W13] logo - Logo uses monospace font with blue border and background - Implemented in both Angular frontend and static HTML - Added .logo CSS class with custom styling: - Courier New monospace font - Blue (#60a5fa) color and border - Semi-transparent background - Compact bracket style representing warehouse/storage containers The logo maintains the warehouse/storage theme while being more distinctive and modern. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 09:50:47 -05:00
parent a3a2cec9cf
commit d9c6f490f0
4 changed files with 32 additions and 2 deletions
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -33,6 +33,21 @@ header {
 header h1 {
    font-size: 28px;
    font-weight: 600;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.logo {
+    font-family: 'Courier New', monospace;
+    font-weight: 700;
+    font-size: 24px;
+    color: #60a5fa;
+    letter-spacing: -1px;
+    padding: 2px 4px;
+    border: 2px solid #60a5fa;
+    border-radius: 4px;
+    background: rgba(96, 165, 250, 0.1);
 }

 .header-info {
--- a/static/index.html
+++ b/static/index.html
@@ -10,7 +10,7 @@
 <body>
    <div class="container">
        <header>
-            <h1>◆ Warehouse13</h1>
+            <h1><span class="logo">[W13]</span> Warehouse13</h1>
            <div class="header-info">
                <span id="deployment-mode" class="badge"></span>
                <span id="storage-backend" class="badge"></span>