Update logs

Dockerfile

@@ -2,10 +2,12 @@ FROM nginx:1.27-alpine
 
 RUN rm -rf /usr/share/nginx/html/*
 
-# index.html כמו שהוא היום
+# Static files
 COPY index.html /usr/share/nginx/html/index.html
+COPY favicon.svg /usr/share/nginx/html/favicon.svg
+COPY dvirlabs-logo-2.png /usr/share/nginx/html/dvirlabs-logo.png
 
-# סקריפט שמחליף placeholders לפי ENV
+# Entrypoint that injects LAB_LINKS into __LAB_LINKS__
 COPY docker-entrypoint.sh /docker-entrypoint.sh
 RUN chmod +x /docker-entrypoint.sh
 

dvirlabs-logo.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <defs>
+    <linearGradient id="grad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#38bdf8"/>
+      <stop offset="100%" stop-color="#0ea5e9"/>
+    </linearGradient>
+  </defs>
+
+  <!-- רקע כהה מעוגל -->
+  <rect x="0" y="0" width="512" height="512" rx="120" fill="#020617"/>
+
+  <!-- סימן אינסוף -->
+  <text x="256" y="220"
+        text-anchor="middle"
+        font-family="Inter, system-ui, -apple-system, sans-serif"
+        font-size="190"
+        fill="url(#grad)">
+    ∞
+  </text>
+
+  <!-- DVIRLABS -->
+  <text x="256" y="340"
+        text-anchor="middle"
+        font-family="Inter, system-ui, -apple-system, sans-serif"
+        font-size="64"
+        letter-spacing="18"
+        fill="#e5e7eb">
+    DVIRLABS
+  </text>
+</svg>

favicon.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 60">
+  <defs>
+    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="2.5" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+
+  <path
+    d="M20 30
+       C20 15 35 8 47 16
+       C55 22 60 28 60 30
+       C60 28 65 22 73 16
+       C85 8 100 15 100 30
+       C100 45 85 52 73 44
+       C65 38 60 32 60 30
+       C60 32 55 38 47 44
+       C35 52 20 45 20 30Z"
+    fill="none"
+    stroke="#38bdf8"
+    stroke-width="4"
+    stroke-linecap="round"
+    filter="url(#glow)"
+  />
+</svg>

index.html

@@ -4,24 +4,24 @@
   <meta charset="UTF-8" />
   <title>DvirLabs — Home Lab & DevOps Playground</title>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="description" content="DvirLabs — A self-hosted home lab focused on Kubernetes, GitOps, observability and automation." />
+  <meta name="description" content="DvirLabs — Kubernetes, GitOps and observability home lab." />
 
-  <!-- Optional: Google Font -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
 
+  <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+  <link rel="icon" type="image/png" href="./dvirlabs-logo-2.png" />
+
   <style>
     :root {
       --bg: #020617;
-      --card-bg: #020617;
+      --bg-gradient: radial-gradient(circle at 25% 20%, #0f172a 0%, #020617 70%);
-      --card-inner: #020617;
+      --card-bg: rgba(2, 6, 23, 0.95);
       --accent: #38bdf8;
-      --accent-soft: rgba(56, 189, 248, 0.2);
+      --text-main: #e2e8f0;
-      --text-main: #e5e7eb;
+      --text-muted: #94a3b8;
-      --text-muted: #9ca3af;
+      --border-subtle: rgba(148, 163, 184, 0.22);
-      --border-subtle: rgba(148, 163, 184, 0.25);
-      --shadow-soft: 0 24px 60px rgba(15, 23, 42, 0.85);
       --radius-lg: 18px;
       --transition: 160ms ease-out;
     }
@@ -34,8 +34,8 @@
 
     body {
       min-height: 100vh;
-      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+      font-family: "Inter", sans-serif;
-      background: radial-gradient(circle at top, #020617 0, #000 70%);
+      background: var(--bg-gradient);
       color: var(--text-main);
       display: flex;
       justify-content: center;
@@ -47,45 +47,40 @@
       max-width: 960px;
       background: var(--card-bg);
       border-radius: 24px;
-      border: 1px solid rgba(30, 64, 175, 0.5);
+      border: 1px solid rgba(30, 64, 175, 0.4);
-      box-shadow: var(--shadow-soft);
+      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.85);
       padding: 22px 22px 18px;
     }
 
     /* Header */
-
     .header {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      margin-bottom: 20px;
+      margin-bottom: 22px;
     }
 
     .brand {
       display: flex;
-      align-items: center;
+      flex-direction: column;
-      gap: 14px;
+      gap: 4px;
     }
 
-    .logo {
+    .brand-logo {
-      width: 40px;
-      height: 40px;
-      border-radius: 999px;
-      background: radial-gradient(circle at 30% 10%, #e5f9ff 0, #0ea5e9 40%, #0369a1 100%);
       display: flex;
       align-items: center;
-      justify-content: center;
+      gap: 10px;
-      font-weight: 800;
-      font-size: 15px;
-      letter-spacing: 0.05em;
-      color: #020617;
-      box-shadow: 0 12px 26px rgba(8, 47, 73, 0.9);
     }
 
-    .brand-text-main {
+    .brand-logo svg {
+      width: 38px;
+      height: 18px;
+    }
+
+    .brand-wordmark {
       font-size: 18px;
       font-weight: 700;
-      letter-spacing: 0.04em;
+      letter-spacing: 0.18em;
       text-transform: uppercase;
     }
 
@@ -119,21 +114,12 @@
       box-shadow: 0 0 10px rgba(34, 197, 94, 0.9);
     }
 
-    @media (max-width: 640px) {
+    /* Content */
-      .header {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 10px;
-      }
-    }
-
-    /* Main content */
-
     .hero-card {
       background: #020617;
       border-radius: var(--radius-lg);
       border: 1px solid var(--border-subtle);
-      padding: 18px 18px 16px;
+      padding: 18px;
       margin-bottom: 16px;
     }
 
@@ -148,7 +134,6 @@
     .hero-title {
       font-size: 24px;
       font-weight: 700;
-      line-height: 1.25;
       margin-bottom: 10px;
     }
 
@@ -160,54 +145,18 @@
       max-width: 40rem;
     }
 
-    .badge-row {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 8px;
-      margin-bottom: 16px;
-    }
-
-    .badge {
-      font-size: 11px;
-      padding: 5px 10px;
-      border-radius: 999px;
-      border: 1px solid rgba(148, 163, 184, 0.55);
-      background: rgba(15, 23, 42, 0.9);
-      color: var(--text-muted);
-      text-transform: uppercase;
-      letter-spacing: 0.12em;
-      cursor: pointer;
-      text-decoration: none;
-      display: inline-flex;
-      align-items: center;
-    }
-
-    .badge--accent {
-      border-color: rgba(148, 163, 184, 0.55);
-      background: rgba(15, 23, 42, 0.85);
-      color: var(--text-muted);
-    }
-
-
     .hero-meta {
       font-size: 11px;
       color: var(--text-muted);
       line-height: 1.5;
     }
 
-    .hero-meta strong {
-      color: #e5e7eb;
-      font-weight: 600;
-    }
-
-    /* Links */
-
     .links-card {
       background: #020617;
       border-radius: var(--radius-lg);
       border: 1px solid var(--border-subtle);
-      padding: 16px 16px 14px;
+      padding: 16px;
-      margin-top: 10px;
+      margin-top: 12px;
     }
 
     .links-title {
@@ -221,14 +170,9 @@
       align-items: center;
     }
 
-    .links-title span {
-      font-size: 10px;
-      color: #6b7280;
-    }
-
     .links-list {
       list-style: none;
-      margin-top: 10px;
+      margin-top: 12px;
       display: flex;
       flex-direction: column;
       gap: 8px;
@@ -238,31 +182,24 @@
       display: flex;
       align-items: center;
       justify-content: space-between;
-      gap: 10px;
       padding: 9px 10px;
       border-radius: 12px;
       text-decoration: none;
       color: var(--text-main);
       border: 1px solid rgba(30, 64, 175, 0.4);
       background: #020617;
-      transition:
+      transition: var(--transition);
-        transform var(--transition),
-        box-shadow var(--transition),
-        border-color var(--transition),
-        background var(--transition);
     }
 
     .link-item a:hover {
       transform: translateY(-1px);
-      box-shadow: 0 12px 24px rgba(8, 47, 73, 0.9);
       border-color: rgba(56, 189, 248, 0.9);
-      background: #020617;
+      box-shadow: 0 12px 24px rgba(8, 47, 73, 0.9);
     }
 
     .link-main {
       display: flex;
       flex-direction: column;
-      gap: 1px;
     }
 
     .link-label {
@@ -277,13 +214,11 @@
 
     .link-chip {
       font-size: 10px;
-      text-transform: uppercase;
-      letter-spacing: 0.14em;
       padding: 3px 7px;
       border-radius: 999px;
       border: 1px solid rgba(56, 189, 248, 0.9);
-      color: #e0f2fe;
       background: rgba(8, 47, 73, 0.95);
+      color: #e0f2fe;
       white-space: nowrap;
     }
 
@@ -293,17 +228,14 @@
     }
 
     /* Footer */
-
     .footer {
-      margin-top: 16px;
+      margin-top: 18px;
-      padding-top: 10px;
+      padding-top: 12px;
       border-top: 1px solid rgba(51, 65, 85, 0.9);
       display: flex;
       justify-content: space-between;
-      align-items: center;
       font-size: 11px;
       color: var(--text-muted);
-      gap: 10px;
       flex-wrap: wrap;
     }
 
@@ -318,16 +250,25 @@
     }
   </style>
 </head>
+
 <body>
   <div class="page">
     <header class="header">
       <div class="brand">
-        <div class="logo">DL</div>
+        <div class="brand-logo">
-        <div>
+
-          <div class="brand-text-main">DvirLabs</div>
+          <!-- INLINE SVG LOGO HERE -->
-          <div class="brand-text-sub">HOME LAB · DEVOPS · AUTOMATION</div>
+          <svg width="38" height="18" viewBox="0 0 38 18" xmlns="http://www.w3.org/2000/svg">
+            <path d="M9 1C4 1 1 5 1 9s3 8 8 8c4 0 7-3 10-6 3 3 6 6 10 6 5 0 8-4 8-8s-3-8-8-8c-4 0-7 3-10 6C16 4 13 1 9 1z"
+                  fill="none" stroke="#38bdf8" stroke-width="2.4" stroke-linecap="round"/>
+          </svg>
+
+          <span class="brand-wordmark">DVIRLABS</span>
         </div>
+
+        <div class="brand-text-sub">HOME LAB · DEVOPS · AUTOMATION</div>
       </div>
+
       <div class="status-pill">
         <span class="status-dot"></span>
         <span>LAB ONLINE</span>
@@ -339,9 +280,8 @@
         <div class="hero-eyebrow">Self-Hosted Lab</div>
         <h1 class="hero-title">Kubernetes, GitOps &amp; Observability — all at home.</h1>
         <p class="hero-subtitle">
-          DvirLabs is a personal infrastructure lab used for experimenting with
+          DvirLabs is a personal infrastructure lab used for experimenting
-          Kubernetes, CI/CD, monitoring, security, and cloud-native tooling —
+          with Kubernetes, CI/CD, monitoring, security, and cloud-native tools.
-          running fully on self-hosted hardware.
         </p>
 
         <div class="hero-meta">
@@ -353,7 +293,7 @@
       <section class="links-card">
         <div class="links-title">
           ENTRY POINTS
-          <span>Internal &amp; public portals</span>
+          <span>Internal & public portals</span>
         </div>
         <ul class="links-list" id="links-list"></ul>
       </section>
@@ -368,31 +308,26 @@
   <script>
     document.getElementById("year").textContent = new Date().getFullYear();
 
-    const rawLinks = '__LAB_LINKS__';
+    const rawLinks = "__LAB_LINKS__";
     let links = [];
 
-    try {
+    try { links = JSON.parse(rawLinks); } catch {}
-      links = JSON.parse(rawLinks);
-    } catch (e) {
-      console.error('Failed to parse LAB_LINKS JSON', e);
-    }
 
-    const listEl = document.getElementById('links-list');
+    const listEl = document.getElementById("links-list");
 
-    if (listEl && Array.isArray(links)) {
+    if (Array.isArray(links)) {
       links.forEach(link => {
-        const li = document.createElement('li');
+        const li = document.createElement("li");
-        li.className = 'link-item';
+        li.className = "link-item";
         li.innerHTML = `
           <a href="${link.url}" target="_blank" rel="noreferrer">
             <div class="link-main">
               <span class="link-label">${link.label}</span>
               <span class="link-desc">${link.desc}</span>
             </div>
-            <span class="link-chip">${link.chip || ''}</span>
+            <span class="link-chip">${link.chip || ""}</span>
             <span class="link-arrow">↗</span>
-          </a>
+          </a>`;
-        `;
         listEl.appendChild(li);
       });
     }