admin/k3s-gitops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add nginx-canary configmap

Browse Source
This commit is contained in:
Claude AI
2026-03-01 21:12:58 +00:00
parent 248588714c
commit 25e3785782
1 changed files with 178 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
apps/nginx-canary/configmap.yaml Normal file
View File

@@ -0,0 +1,178 @@
apiVersion: v1
kind: ConfigMap
metadata:
name: nginx-canary-html
namespace: nginx-canary
data:
index.html: |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Canary v2 - Hello from MCP</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #1a0a00, #3d1f00, #1a0a00);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.card {
background: rgba(255,200,0,0.08);
backdrop-filter: blur(12px);
border: 1px solid rgba(255,200,0,0.3);
border-radius: 20px;
padding: 60px 80px;
text-align: center;
box-shadow: 0 25px 50px rgba(0,0,0,0.5), 0 0 60px rgba(255,180,0,0.1);
max-width: 650px;
width: 90%;
}
.badge {
display: inline-block;
background: linear-gradient(90deg, #f59e0b, #d97706);
color: #000;
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 20px;
margin-bottom: 10px;
}
.version-badge {
display: inline-block;
background: rgba(245,158,11,0.2);
border: 1px solid rgba(245,158,11,0.5);
color: #fbbf24;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 4px 14px;
border-radius: 20px;
margin-bottom: 30px;
}
h1 {
font-size: 3rem;
font-weight: 800;
background: linear-gradient(90deg, #fbbf24, #f59e0b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 10px;
}
.subtitle { color: #d97706; font-size: 1rem; margin-bottom: 20px; }
.canary-warning {
background: rgba(245,158,11,0.15);
border: 1px solid rgba(245,158,11,0.4);
border-radius: 8px;
padding: 10px 20px;
font-size: 0.85rem;
color: #fbbf24;
margin-bottom: 25px;
}
.ip-box {
background: rgba(0,0,0,0.35);
border: 1px solid rgba(245,158,11,0.5);
border-radius: 12px;
padding: 20px 30px;
margin-bottom: 20px;
}
.ip-label {
font-size: 0.7rem;
letter-spacing: 2px;
text-transform: uppercase;
color: #b45309;
margin-bottom: 8px;
}
.ip-value {
font-size: 1.8rem;
font-weight: 700;
font-family: 'Courier New', monospace;
color: #fbbf24;
letter-spacing: 3px;
}
.info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 20px;
}
.info-box {
background: rgba(0,0,0,0.35);
border: 1px solid rgba(245,158,11,0.3);
border-radius: 10px;
padding: 12px 16px;
}
.info-label {
font-size: 0.65rem;
letter-spacing: 2px;
text-transform: uppercase;
color: #b45309;
margin-bottom: 4px;
}
.info-value {
font-size: 1rem;
font-weight: 700;
font-family: 'Courier New', monospace;
color: #fbbf24;
}
.footer { font-size: 0.78rem; color: #78350f; }
</style>
</head>
<body>
<div class="card">
<div class="badge">&#128036; Canary Release</div><br>
<div class="version-badge">v2.0.0</div>
<h1>Hello from MCP v2</h1>
<p class="subtitle">Canary deployment — receiving experimental traffic</p>
<div class="canary-warning">&#9888; This is a CANARY build. Not yet promoted to stable.</div>
<div class="ip-box">
<div class="ip-label">Your IP Address</div>
<div class="ip-value" id="ip">Detecting...</div>
</div>
<div class="info-grid">
<div class="info-box">
<div class="info-label">Track</div>
<div class="info-value">canary</div>
</div>
<div class="info-box">
<div class="info-label">Version</div>
<div class="info-value">v2.0.0</div>
</div>
<div class="info-box">
<div class="info-label">Image</div>
<div class="info-value">nginx:1.25-alpine</div>
</div>
<div class="info-box">
<div class="info-label">Replicas</div>
<div class="info-value">2</div>
</div>
</div>
<div class="footer">nginx-canary &middot; thedevops.dev &middot; ArgoCD + Traefik + MCP</div>
</div>
<script>
fetch('https://api.ipify.org?format=json')
.then(r => r.json())
.then(d => { document.getElementById('ip').textContent = d.ip; })
.catch(() => { document.getElementById('ip').textContent = window.location.hostname; });
</script>
</body>
</html>
nginx.conf: |
server {
listen 80;
server_name _;
root /usr/share/nginx/html;
index index.html;
add_header X-Version "v2.0.0";
add_header X-Track "canary";
location / {
try_files $uri $uri/ =404;
}
}