chore: sync presentations

Author: github-actions[bot]

_data/presentations.yml

@@ -6,7 +6,7 @@
   source_path: "presentation-skraft-agents.html"
   visibility: "private"
   updated_at: "2026-05-24"
-  source_commit: "469004b"
+  source_commit: "1bacc73"
   url: "/presentations/skraft-agents/"
 - id: "meetup-coding-with-ai"
   title: "Meetup - SKRAFT Workflow Demo"

presentations/skraft-agents/index.html

@@ -6,17 +6,17 @@
   <title>SKRAFT - Agents SDLC</title>
   <style>
     :root {
-      --bg-0: #060b17;
-      --bg-1: #0d1730;
-      --panel: rgba(13, 24, 49, 0.88);
-      --line: rgba(120, 190, 255, 0.18);
-      --txt: #edf4ff;
-      --muted: #a9bbd8;
-      --accent: #56b6ff;
-      --accent-2: #7ef0c8;
-      --ok: #66d38f;
+      --bg-0: #0b1117;
+      --bg-1: #05090d;
+      --panel: rgba(16, 25, 34, 0.92);
+      --line: rgba(0, 255, 65, 0.14);
+      --txt: #d7ffe3;
+      --muted: #8ab39c;
+      --accent: #00ff41;
+      --accent-2: #86f7a9;
+      --ok: #7ee787;
       --warn: #ffc766;
-      --danger: #ff8a8a;
+      --danger: #ff7b72;
       --fs-chip: clamp(0.66rem, 1vw, 0.82rem);
       --fs-title: clamp(1.7rem, 4.5vw, 3.4rem);
       --fs-subtitle: clamp(0.95rem, 1.6vw, 1.2rem);
@@ -34,7 +34,7 @@
       margin: 0;
       width: 100%;
       height: 100%;
-      background: radial-gradient(circle at 20% 0%, #142a55 0%, var(--bg-0) 45%), var(--bg-0);
+      background: radial-gradient(circle at 20% 0%, rgba(0, 255, 65, 0.08) 0%, var(--bg-0) 45%), var(--bg-0);
       color: var(--txt);
       overflow: hidden;
       font-family: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
@@ -61,7 +61,7 @@
       background:
         linear-gradient(var(--line) 1px, transparent 1px),
         linear-gradient(90deg, var(--line) 1px, transparent 1px),
-        radial-gradient(circle at 85% 12%, rgba(86, 182, 255, 0.15), transparent 40%);
+        radial-gradient(circle at 85% 12%, rgba(0, 255, 65, 0.12), transparent 40%);
       background-size: 42px 42px, 42px 42px, auto;
     }
 
@@ -85,8 +85,8 @@
       align-items: center;
       padding: 0.3rem 0.7rem;
       border-radius: 999px;
-      border: 1px solid rgba(126, 240, 200, 0.35);
-      background: rgba(126, 240, 200, 0.08);
+      border: 1px solid rgba(0, 255, 65, 0.35);
+      background: rgba(0, 255, 65, 0.08);
       color: var(--accent-2);
       font-size: var(--fs-chip);
       letter-spacing: 0.08em;
@@ -111,7 +111,7 @@
 
     .panel {
       background: var(--panel);
-      border: 1px solid rgba(86, 182, 255, 0.24);
+      border: 1px solid rgba(0, 255, 65, 0.22);
       border-radius: 18px;
       overflow: hidden;
       box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
@@ -123,7 +123,7 @@
       align-items: center;
       gap: 0.8rem;
       padding: 0.72rem 0.95rem;
-      border-bottom: 1px solid rgba(86, 182, 255, 0.16);
+      border-bottom: 1px solid rgba(0, 255, 65, 0.12);
       font-size: var(--fs-panel-head);
       letter-spacing: 0.11em;
       color: var(--accent);
@@ -199,7 +199,7 @@
       background: rgba(255, 255, 255, 0.04);
     }
 
-    .badge.ok { color: var(--ok); border-color: rgba(102, 211, 143, 0.5); }
+    .badge.ok { color: var(--ok); border-color: rgba(126, 231, 135, 0.5); }
     .badge.warn { color: var(--warn); border-color: rgba(255, 199, 102, 0.5); }
 
     .gate-list {
@@ -233,14 +233,14 @@
       justify-content: center;
       align-items: center;
       border-radius: 999px;
-      border: 1px solid rgba(126, 240, 200, 0.35);
+      border: 1px solid rgba(0, 255, 65, 0.35);
       color: var(--accent-2);
       font-size: var(--fs-label);
       font-weight: 700;
       letter-spacing: 0.08em;
       text-transform: uppercase;
       padding: 0.18rem 0.4rem;
-      background: rgba(126, 240, 200, 0.08);
+      background: rgba(0, 255, 65, 0.08);
       line-height: 1;
     }
 
@@ -273,8 +273,8 @@
 
     .gate-meta.non-blocker {
       color: var(--ok);
-      border-color: rgba(102, 211, 143, 0.5);
-      background: rgba(102, 211, 143, 0.08);
+      border-color: rgba(126, 231, 135, 0.5);
+      background: rgba(126, 231, 135, 0.08);
     }
 
     .slide.has-gates {
@@ -417,8 +417,8 @@
       align-items: center;
       gap: 0.7rem;
       border-radius: 999px;
-      border: 1px solid rgba(86, 182, 255, 0.28);
-      background: rgba(7, 13, 26, 0.78);
+      border: 1px solid rgba(0, 255, 65, 0.24);
+      background: rgba(5, 9, 13, 0.82);
       backdrop-filter: blur(8px);
       padding: 0.45rem 0.75rem;
     }
@@ -451,6 +451,7 @@
     .dot.active {
       background: var(--accent);
       transform: scale(1.22);
+      box-shadow: 0 0 12px rgba(0, 255, 65, 0.45);
     }
 
     @media (max-width: 980px) {