feat(ansible): Add nginx index template

2026-01-06 14:44:05 +00:00
parent 5f3f0b4a83
commit b9d9cf3712
1 changed files with 68 additions and 0 deletions
--- a/ansible/webserver-automation/roles/nginx/templates/index.html.j2
+++ b/ansible/webserver-automation/roles/nginx/templates/index.html.j2
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ app_name }} - {{ environment }}</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+            margin: 0;
+        }
+        .container {
+            text-align: center;
+            padding: 60px;
+            background: rgba(255,255,255,0.1);
+            border-radius: 20px;
+            backdrop-filter: blur(10px);
+            box-shadow: 0 8px 32px rgba(31,38,135,0.37);
+        }
+        h1 {
+            font-size: 3.5em;
+            margin-bottom: 20px;
+            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+        }
+        .emoji {
+            font-size: 4em;
+            margin-bottom: 20px;
+        }
+        .badge {
+            display: inline-block;
+            padding: 8px 16px;
+            background: rgba(255,255,255,0.2);
+            border-radius: 20px;
+            margin: 5px;
+        }
+        .success {
+            color: #4ade80;
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="emoji">🚀</div>
+        <h1>{{ app_name }}</h1>
+        
+        <p class="success">✓ Deployment Successful</p>
+        
+        <div>
+            <span class="badge">Environment: {{ environment }}</span>
+            <span class="badge">Server: {{ inventory_hostname }}</span>
+        </div>
+        
+        <p>Nginx running on port {{ nginx_port }}</p>
+        
+        <p style="margin-top: 40px; opacity: 0.7;">
+            Deployed with Ansible ✨<br>
+            {{ ansible_date_time.iso8601 }}
+        </p>
+    </div>
+</body>
+</html>