feat(ansible): Add nginx index template
This commit is contained in:
@@ -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>
|
||||||
Reference in New Issue
Block a user