Files

150 lines
4.5 KiB
YAML

apiVersion: v1
kind: ConfigMap
metadata:
name: makeanyplace-parking-html
namespace: default
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>MakeAnyplace - The Sovereign Maker Network</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');
body {
margin: 0;
padding: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(circle at center, #111 0%, #000 100%);
font-family: 'Inter', sans-serif;
color: #fff;
overflow: hidden;
}
.glass-panel {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.05);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 24px;
padding: 60px 80px;
text-align: center;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
animation: float 6s ease-in-out infinite;
max-width: 600px;
z-index: 10;
}
h1 {
font-weight: 700;
font-size: 2.5rem;
margin-bottom: 20px;
letter-spacing: -1px;
background: linear-gradient(135deg, #fff 0%, #888 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
p {
font-weight: 300;
font-size: 1.1rem;
line-height: 1.6;
color: #aaa;
margin-bottom: 40px;
}
.glow {
position: absolute;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(100,100,255,0.05) 0%, rgba(0,0,0,0) 70%);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
pointer-events: none;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}
.status {
display: inline-block;
padding: 8px 16px;
border-radius: 30px;
background: rgba(100, 255, 100, 0.1);
border: 1px solid rgba(100, 255, 100, 0.2);
color: #8f8;
font-size: 0.85rem;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.dot {
display: inline-block;
width: 8px;
height: 8px;
background: #8f8;
border-radius: 50%;
margin-right: 8px;
box-shadow: 0 0 10px #8f8;
animation: blink 2s infinite;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}
</style>
</head>
<body>
<div class="glow"></div>
<div class="glass-panel">
<h1>MakeAnyplace.</h1>
<p>The sovereign maker network is currently undergoing deep architectural upgrades. The monastery doors will open soon.</p>
<div class="status">
<span class="dot"></span> Building the future
</div>
</div>
</body>
</html>
---
apiVersion: apps/v1
kind: Deployment
metadata:
name: makeanyplace-parking
namespace: default
spec:
replicas: 2
selector:
matchLabels:
app: makeanyplace-web
template:
metadata:
labels:
app: makeanyplace-web
variant: parking
spec:
containers:
- name: nginx
image: nginx:alpine
ports:
- containerPort: 80
volumeMounts:
- name: html-volume
mountPath: /usr/share/nginx/html
volumes:
- name: html-volume
configMap:
name: makeanyplace-parking-html