Address workshop issues and expand challenge guidance

2026-03-07 17:51:46 +01:00
parent 3047413a41
commit 314b63242f
12 changed files with 459 additions and 192 deletions
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Backend A2</title>
+    <style>
+      :root {
+        --bg: #102335;
+        --card: #1d3f61;
+        --line: #4f86b3;
+        --text: #e9f2fb;
+        --muted: #c0d5e8;
+      }
+
+      * { box-sizing: border-box; }
+
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        padding: 1rem;
+        font-family: "Fira Sans", "Segoe UI", sans-serif;
+        color: var(--text);
+        background: radial-gradient(circle at top left, #315e86, var(--bg) 60%);
+      }
+
+      main {
+        width: min(760px, 100%);
+        background: var(--card);
+        border: 1px solid var(--line);
+        border-radius: 14px;
+        padding: 1.1rem;
+      }
+
+      h1 { margin-top: 0; }
+      p { color: var(--muted); }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>Reverse Proxy Target A2</h1>
+      <p>Use this page to validate load balancing between backend-a and backend-a2.</p>
+    </main>
+  </body>
+</html>
@@ -0,0 +1,74 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Backend C</title>
+    <style>
+      :root {
+        --bg: #0b1f10;
+        --card: #174028;
+        --line: #2e7a47;
+        --text: #e7f9ec;
+        --muted: #b5dec1;
+        --accent: #84e3a1;
+      }
+
+      * {
+        box-sizing: border-box;
+      }
+
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        padding: 1rem;
+        font-family: "Fira Sans", "Segoe UI", sans-serif;
+        color: var(--text);
+        background: radial-gradient(circle at top center, #245939, var(--bg) 60%);
+      }
+
+      main {
+        width: min(760px, 100%);
+        background: var(--card);
+        border: 1px solid var(--line);
+        border-radius: 14px;
+        padding: 1.1rem;
+      }
+
+      h1 {
+        margin-top: 0;
+      }
+
+      p {
+        color: var(--muted);
+      }
+
+      code {
+        background: #113121;
+        border: 1px solid #2f7047;
+        border-radius: 6px;
+        padding: 0.1rem 0.35rem;
+      }
+
+      .tag {
+        display: inline-block;
+        background: var(--accent);
+        color: #083117;
+        border-radius: 999px;
+        padding: 0.15rem 0.55rem;
+        font-weight: 700;
+        font-size: 0.85rem;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <span class="tag">Backend C</span>
+      <h1>Reverse Proxy Target C</h1>
+      <p>This is a starter page for challenge 2.</p>
+      <p>Route example: <code>/service/c</code></p>
+    </main>
+  </body>
+</html>