Fix Dockerfile

Fix pipeline
2025-11-26 06:11:13 +02:00 · 2025-11-26 06:09:01 +02:00 · 2025-11-26 05:59:35 +02:00 · 2025-11-26 05:58:32 +02:00 · 2025-11-26 05:57:14 +02:00 · 2025-11-26 04:12:05 +02:00
8 changed files with 211 additions and 286 deletions
--- a/.woodpecker.yaml
+++ b/.woodpecker.yaml
@ -1,20 +1,4 @@
 steps:
-  test-harbor-login:
-    name: Test Harbor login from CI
-    image: docker:cli
-    when:
-      event: [ push ]
-      branch: [ master, develop ]
-    environment:
-      DOCKER_USERNAME:
-        from_secret: DOCKER_USERNAME
-      DOCKER_PASSWORD:
-        from_secret: DOCKER_PASSWORD
-    commands:
-      - echo "USERNAME = $DOCKER_USERNAME"
-      - echo "PASSWORD LENGTH = ${#DOCKER_PASSWORD}"
-      - echo "$DOCKER_PASSWORD" | docker login harbor.dvirlabs.com -u "$DOCKER_USERNAME" --password-stdin
-
  build-image:
    name: Build & Push dvirlabs-landing
    image: woodpeckerci/plugin-kaniko
--- a/11
+++ b/11
@ -1,13 +1,12 @@
-# Dockerfile
 FROM nginx:1.27-alpine

-# Remove default nginx index
 RUN rm -rf /usr/share/nginx/html/*

-# Copy your static landing page
 COPY index.html /usr/share/nginx/html/index.html
+COPY favicon.svg /usr/share/nginx/html/favicon.svg
+COPY dvirlabs-logo.png /usr/share/nginx/html/dvirlabs-logo.png

-# Optional: basic security / best practice
-EXPOSE 80
+COPY docker-entrypoint.sh /docker-entrypoint.sh
+RUN chmod +x /docker-entrypoint.sh

-CMD ["nginx", "-g", "daemon off;"]
+CMD ["/docker-entrypoint.sh"]
--- a/docker-entrypoint.sh
+++ b/docker-entrypoint.sh
@ -0,0 +1,15 @@
+#!/bin/sh
+set -e
+
+# If LAB_LINKS is not set, use an empty array
+LAB_LINKS_JSON=${LAB_LINKS:-[]}
+
+# Escape / and & for sed
+ESCAPED_JSON=$(printf '%s' "$LAB_LINKS_JSON" | sed -e 's/[\/&]/\\&/g')
+
+# Replace placeholder in index.html
+sed "s/__LAB_LINKS__/$ESCAPED_JSON/" /usr/share/nginx/html/index.html > /tmp/index.html
+mv /tmp/index.html /usr/share/nginx/html/index.html
+
+# Run nginx
+exec nginx -g 'daemon off;'
--- a/dvirlabs-logo.old.png
+++ b/dvirlabs-logo.old.png
--- a/dvirlabs-logo.png
+++ b/dvirlabs-logo.png
--- a/dvirlabs-logo.svg
+++ b/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>
--- a/favicon.svg
+++ b/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>
--- a/index.html
+++ b/index.html
@ -4,25 +4,26 @@
  <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: #050816;
-      --bg-card: rgba(15, 23, 42, 0.9);
+      --bg: #020617;
+      --bg-gradient: radial-gradient(circle at 25% 20%, #0f172a 0%, #020617 70%);
+      --card-bg: rgba(2, 6, 23, 0.95);
      --accent: #38bdf8;
-      --accent-soft: rgba(56, 189, 248, 0.18);
-      --text-main: #f9fafb;
-      --text-muted: #9ca3af;
-      --border-subtle: rgba(148, 163, 184, 0.35);
-      --shadow-soft: 0 24px 60px rgba(15, 23, 42, 0.85);
-      --radius-xl: 18px;
-      --transition-fast: 180ms ease-out;
+      --text-main: #e2e8f0;
+      --text-muted: #94a3b8;
+      --border-subtle: rgba(148, 163, 184, 0.22);
+      --radius-lg: 18px;
+      --transition: 160ms ease-out;
    }

    * {
@ -33,31 +34,26 @@

    body {
      min-height: 100vh;
-      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-      background:
-        radial-gradient(circle at top left, #1d2538 0, transparent 55%),
-        radial-gradient(circle at bottom right, #020617 0, transparent 50%),
-        var(--bg);
+      font-family: "Inter", sans-serif;
+      background: var(--bg-gradient);
      color: var(--text-main);
      display: flex;
-      align-items: center;
      justify-content: center;
-      padding: 24px;
+      padding: 32px 16px;
    }

-    .shell {
+    .page {
      width: 100%;
      max-width: 960px;
-      border-radius: 26px;
-      background: radial-gradient(circle at top, rgba(148, 163, 184, 0.08) 0, transparent 60%),
-                  linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(2, 6, 23, 0.98));
-      border: 1px solid rgba(148, 163, 184, 0.3);
-      box-shadow: var(--shadow-soft);
-      padding: 26px 26px 22px;
-      backdrop-filter: blur(22px);
+      background: var(--card-bg);
+      border-radius: 24px;
+      border: 1px solid rgba(30, 64, 175, 0.4);
+      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.85);
+      padding: 22px 22px 18px;
    }

-    .shell-header {
+    /* Header */
+    .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
@ -66,34 +62,30 @@

    .brand {
      display: flex;
-      align-items: center;
-      gap: 14px;
+      flex-direction: column;
+      gap: 4px;
    }

-    .logo-circle {
-      width: 44px;
-      height: 44px;
-      border-radius: 999px;
-      background: radial-gradient(circle at 30% 10%, #e5f9ff 0, #0ea5e9 40%, #0369a1 100%);
-      display: inline-flex;
+    .brand-logo {
+      display: flex;
      align-items: center;
-      justify-content: center;
-      color: #0b1120;
-      font-weight: 800;
-      letter-spacing: 0.05em;
-      font-size: 16px;
-      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.6), 0 16px 30px rgba(8, 47, 73, 0.9);
+      gap: 10px;
    }

-    .brand-text-main {
-      font-size: 20px;
+    .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;
    }

    .brand-text-sub {
-      font-size: 12px;
+      font-size: 11px;
      text-transform: uppercase;
      color: var(--text-muted);
      letter-spacing: 0.16em;
@ -101,18 +93,17 @@
    }

    .status-pill {
-      font-size: 12px;
+      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
-      padding: 4px 12px 4px 10px;
+      padding: 4px 10px 4px 8px;
      border-radius: 999px;
-      border: 1px solid rgba(56, 189, 248, 0.4);
+      border: 1px solid rgba(56, 189, 248, 0.7);
      color: var(--accent);
-      background: radial-gradient(circle at left, rgba(56, 189, 248, 0.32), rgba(15, 23, 42, 0.95));
+      background: radial-gradient(circle at left, rgba(56, 189, 248, 0.35), #020617);
      display: inline-flex;
      align-items: center;
      gap: 6px;
-      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.8);
    }

    .status-dot {
@ -120,53 +111,16 @@
      height: 7px;
      border-radius: 999px;
      background: #22c55e;
-      box-shadow: 0 0 8px rgba(34, 197, 94, 0.95);
+      box-shadow: 0 0 10px rgba(34, 197, 94, 0.9);
    }

-    .content {
-      display: grid;
-      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
-      gap: 22px;
-    }
-
-    @media (max-width: 780px) {
-      .content {
-        grid-template-columns: minmax(0, 1fr);
-      }
-      .shell {
-        padding: 20px 18px;
-      }
-      .shell-header {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 10px;
-      }
-    }
-
-    .hero {
-      background: var(--bg-card);
-      border-radius: var(--radius-xl);
+    /* Content */
+    .hero-card {
+      background: #020617;
+      border-radius: var(--radius-lg);
      border: 1px solid var(--border-subtle);
-      padding: 18px 18px 16px;
-      box-shadow: 0 20px 36px rgba(15, 23, 42, 0.7);
-      position: relative;
-      overflow: hidden;
-    }
-
-    .hero::before {
-      content: "";
-      position: absolute;
-      inset: -20%;
-      background:
-        radial-gradient(circle at 10% 0%, rgba(56, 189, 248, 0.1) 0, transparent 55%),
-        radial-gradient(circle at 100% 110%, rgba(56, 189, 248, 0.05) 0, transparent 55%);
-      opacity: 0.9;
-      pointer-events: none;
-    }
-
-    .hero-inner {
-      position: relative;
-      z-index: 1;
+      padding: 18px;
+      margin-bottom: 16px;
    }

    .hero-eyebrow {
@ -178,9 +132,8 @@
    }

    .hero-title {
-      font-size: 26px;
+      font-size: 24px;
      font-weight: 700;
-      line-height: 1.2;
      margin-bottom: 10px;
    }

@ -189,68 +142,25 @@
      color: var(--text-muted);
      line-height: 1.6;
      margin-bottom: 16px;
-      max-width: 32rem;
-    }
-
-    .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.8);
-      color: var(--text-muted);
-      text-transform: uppercase;
-      letter-spacing: 0.12em;
-    }
-
-    .badge--accent {
-      border-color: rgba(56, 189, 248, 0.55);
-      background: var(--accent-soft);
-      color: #e0f2fe;
-    }
-
-    .hero-footer {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 12px;
-      align-items: center;
-      justify-content: space-between;
+      max-width: 40rem;
    }

    .hero-meta {
      font-size: 11px;
      color: var(--text-muted);
-    }
-
-    .hero-meta span {
-      opacity: 0.9;
-    }
-
-    .hero-meta strong {
-      font-weight: 600;
-      color: #e5e7eb;
+      line-height: 1.5;
    }

    .links-card {
-      background: var(--bg-card);
-      border-radius: var(--radius-xl);
+      background: #020617;
+      border-radius: var(--radius-lg);
      border: 1px solid var(--border-subtle);
-      padding: 16px 16px 14px;
-      box-shadow: 0 16px 32px rgba(15, 23, 42, 0.7);
-      display: flex;
-      flex-direction: column;
-      gap: 12px;
+      padding: 16px;
+      margin-top: 12px;
    }

    .links-title {
-      font-size: 13px;
+      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.16em;
      text-transform: uppercase;
@ -260,42 +170,36 @@
      align-items: center;
    }

-    .links-title span {
-      font-size: 11px;
-      color: #6b7280;
-    }
-
    .links-list {
      list-style: none;
-      display: grid;
-      grid-template-columns: 1fr;
-      gap: 7px;
-    }
-
-    @media (min-width: 960px) {
-      .links-list {
-        grid-template-columns: 1fr;
-      }
+      margin-top: 12px;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
    }

    .link-item a {
      display: flex;
      align-items: center;
      justify-content: space-between;
-      gap: 10px;
-      padding: 9px 9px;
+      padding: 9px 10px;
      border-radius: 12px;
      text-decoration: none;
      color: var(--text-main);
-      border: 1px solid rgba(30, 64, 175, 0.2);
-      background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.97));
-      transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
+      border: 1px solid rgba(30, 64, 175, 0.4);
+      background: #020617;
+      transition: var(--transition);
+    }
+
+    .link-item a:hover {
+      transform: translateY(-1px);
+      border-color: rgba(56, 189, 248, 0.9);
+      box-shadow: 0 12px 24px rgba(8, 47, 73, 0.9);
    }

    .link-main {
      display: flex;
      flex-direction: column;
-      gap: 1px;
    }

    .link-label {
@ -310,38 +214,28 @@

    .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.6);
+      border: 1px solid rgba(56, 189, 248, 0.9);
+      background: rgba(8, 47, 73, 0.95);
      color: #e0f2fe;
-      background: rgba(8, 47, 73, 0.9);
      white-space: nowrap;
    }

-    .link-item a:hover {
-      transform: translateY(-1px);
-      box-shadow: 0 14px 28px rgba(8, 47, 73, 0.9);
-      border-color: rgba(56, 189, 248, 0.7);
-      background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 1));
-    }
-
    .link-arrow {
      font-size: 14px;
      opacity: 0.7;
    }

+    /* Footer */
    .footer {
-      margin-top: 14px;
+      margin-top: 18px;
      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;
    }

@ -354,115 +248,89 @@
    .footer a:hover {
      text-decoration: underline;
    }
-
  </style>
 </head>
+
 <body>
-  <main class="shell">
-    <header class="shell-header">
+  <div class="page">
+    <header class="header">
      <div class="brand">
-        <div class="logo-circle">DL</div>
-        <div>
-          <div class="brand-text-main">DvirLabs</div>
-          <div class="brand-text-sub">HOME LAB · DEVOPS · AUTOMATION</div>
+        <div class="brand-logo">
+
+          <!-- INLINE SVG LOGO HERE -->
+          <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>
      </div>
    </header>

-    <section class="content">
-      <!-- Left: Hero / Intro -->
-      <section class="hero">
-        <div class="hero-inner">
-          <div class="hero-eyebrow">Self-Hosted Lab</div>
-          <h1 class="hero-title">Kubernetes, GitOps & Observability — all at home.</h1>
-          <p class="hero-subtitle">
-            DvirLabs is a personal infrastructure lab used for experimenting with
-            Kubernetes, CI/CD, monitoring, security, and cloud-native tooling — running
-            fully on self-hosted hardware.
-          </p>
+    <main>
+      <section class="hero-card">
+        <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 Kubernetes, CI/CD, monitoring, security, and cloud-native tools.
+        </p>

-          <div class="badge-row">
-            <div class="badge badge--accent">K3s · Argo CD · GitOps</div>
-            <div class="badge">Grafana &amp; Prometheus</div>
-            <div class="badge">Keycloak SSO</div>
-            <div class="badge">Cloudflare · Tunnels</div>
-          </div>
-
-          <div class="hero-footer">
-            <div class="hero-meta">
-              <div><strong>Primary use:</strong> <span>learning, demos &amp; side projects</span></div>
-              <div><strong>Status:</strong> <span>internal lab — not a production service provider</span></div>
-            </div>
-          </div>
+        <div class="hero-meta">
+          <div><strong>Primary use:</strong> learning, demos &amp; side projects</div>
+          <div><strong>Status:</strong> internal lab — not a production service provider</div>
        </div>
      </section>

-      <!-- Right: Links / Entry Points -->
-      <aside class="links-card">
+      <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">
-          <!-- Update hrefs to your real URLs -->
-          <li class="link-item">
-            <a href="https://git.dvirlabs.com" target="_blank" rel="noreferrer">
-              <div class="link-main">
-                <span class="link-label">Git Service</span>
-                <span class="link-desc">Self-hosted Git repositories &amp; CI integration.</span>
-              </div>
-              <span class="link-chip">Gitea</span>
-              <span class="link-arrow">↗</span>
-            </a>
-          </li>
-          <li class="link-item">
-            <a href="https://grafana.dvirlabs.com" target="_blank" rel="noreferrer">
-              <div class="link-main">
-                <span class="link-label">Observability</span>
-                <span class="link-desc">Dashboards, metrics, and alerts for lab services.</span>
-              </div>
-              <span class="link-chip">Grafana</span>
-              <span class="link-arrow">↗</span>
-            </a>
-          </li>
-          <li class="link-item">
-            <a href="https://argocd.dvirlabs.com" target="_blank" rel="noreferrer">
-              <div class="link-main">
-                <span class="link-label">GitOps Control</span>
-                <span class="link-desc">Applications managed declaratively via Argo CD.</span>
-              </div>
-              <span class="link-chip">Argo CD</span>
-              <span class="link-arrow">↗</span>
-            </a>
-          </li>
-          <li class="link-item">
-            <a href="https://wiki.dvirlabs.com" target="_blank" rel="noreferrer">
-              <div class="link-main">
-                <span class="link-label">Lab Documentation</span>
-                <span class="link-desc">Architecture diagrams, notes, and how-tos.</span>
-              </div>
-              <span class="link-chip">Wiki</span>
-              <span class="link-arrow">↗</span>
-            </a>
-          </li>
-        </ul>
-      </aside>
-    </section>
+        <ul class="links-list" id="links-list"></ul>
+      </section>
+    </main>

    <footer class="footer">
      <div>© <span id="year"></span> DvirLabs. Personal home lab environment.</div>
-      <div>
-        Contact: <a href="mailto:lab@dvirlabs.com">lab@dvirlabs.com</a>
-      </div>
+      <div>Contact: <a href="mailto:lab@dvirlabs.com">lab@dvirlabs.com</a></div>
    </footer>
-  </main>
+  </div>

  <script>
    document.getElementById("year").textContent = new Date().getFullYear();
+
+    const rawLinks = "__LAB_LINKS__";
+    let links = [];
+
+    try { links = JSON.parse(rawLinks); } catch {}
+
+    const listEl = document.getElementById("links-list");
+
+    if (Array.isArray(links)) {
+      links.forEach(link => {
+        const li = document.createElement("li");
+        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-arrow">↗</span>
+          </a>`;
+        listEl.appendChild(li);
+      });
+    }
  </script>
 </body>
-</html>
+</html>
Author	SHA1	Message	Date
dvirlabs	bca6d0bbe2	Fix Dockerfile	2025-11-26 06:11:13 +02:00
dvirlabs	a3655fac5d	Fix Dockerfile	2025-11-26 06:09:01 +02:00
dvirlabs	7157516d94	Fix pipeline	2025-11-26 05:59:35 +02:00
dvirlabs	35c580d4ee	Fix Dockerfile	2025-11-26 05:58:32 +02:00
dvirlabs	6fee52a4de	Update logs	2025-11-26 05:57:14 +02:00
dvirlabs	6549538977	Fix html	2025-11-26 04:12:05 +02:00
dvirlabs	f45f0f0b08	Fix html	2025-11-26 03:55:16 +02:00
dvirlabs	15126424a2	Fix css	2025-11-26 03:48:39 +02:00
dvirlabs	1ba9b4055e	Fix html	2025-11-26 03:41:47 +02:00
dvirlabs	fff3b5ba76	Fix html	2025-11-26 03:40:18 +02:00