feat: Add complete nginx static site example with deployment, service, and documentation

2025-11-04 12:02:02 -05:00
parent 1860fd220d
commit d116c641fe
5 changed files with 379 additions and 5 deletions
--- a/examples/nginx-static/default-index.html
+++ b/examples/nginx-static/default-index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Nginx Static Site</title>
+    <style>
+        body { 
+            font-family: Arial, sans-serif; 
+            margin: 40px; 
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            text-align: center;
+            padding: 50px;
+            background: rgba(255,255,255,0.1);
+            border-radius: 10px;
+        }
+        .logo {
+            font-size: 3em;
+            margin-bottom: 20px;
+            color: #fff;
+            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="logo">Kubernetes Example</div>
+        <h1>Nginx Static Site</h1>
+        <p>Welcome to your custom static website on Mycelium Cloud!</p>
+        <p>This site is served by Nginx in a Kubernetes pod.</p>
+        <p><strong>Deployment:</strong> nginx-static</p>
+        <p><strong>Time:</strong> <span id="time"></span></p>
+        <p style="margin-top: 30px; font-size: 0.9em; opacity: 0.8;">
+            Deploying static sites on Mycelium Cloud is easy!
+        </p>
+    </div>
+    <script>
+        function updateTime() {
+            document.getElementById('time').textContent = new Date().toLocaleString();
+        }
+        setInterval(updateTime, 1000);
+        updateTime();
+    </script>
+</body>
+</html>