Files
myceliumcloud-examples/examples/nginx-mycelium/mycelium-website-nodeport.yaml

208 lines
6.0 KiB
YAML

apiVersion: apps/v1
kind: Deployment
metadata:
name: mycelium-website
labels:
app: mycelium-website
spec:
replicas: 1
selector:
matchLabels:
app: mycelium-website
template:
metadata:
labels:
app: mycelium-website
spec:
hostNetwork: true
dnsPolicy: ClusterFirst
containers:
- name: nginx
image: nginx:alpine
ports:
- containerPort: 8080
hostPort: 8080
volumeMounts:
- name: html-content
mountPath: /usr/share/nginx/html
- name: nginx-config
mountPath: /etc/nginx/conf.d
volumes:
- name: html-content
configMap:
name: mycelium-website-content
- name: nginx-config
configMap:
name: mycelium-nginx-config
---
apiVersion: v1
kind: ConfigMap
metadata:
name: mycelium-website-content
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>Mycelium Cloud - Globally Accessible Website</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 0;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.container {
text-align: center;
max-width: 800px;
padding: 2rem;
background: rgba(255, 255, 255, 0.1);
border-radius: 20px;
backdrop-filter: blur(10px);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}
h1 {
font-size: 3rem;
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.subtitle {
font-size: 1.2rem;
margin-bottom: 2rem;
opacity: 0.9;
}
.ipv6-info {
background: rgba(255, 255, 255, 0.1);
padding: 1rem;
border-radius: 10px;
margin: 1rem 0;
font-family: 'Courier New', monospace;
font-size: 0.9rem;
}
.status {
display: inline-block;
padding: 0.5rem 1rem;
background: #4CAF50;
border-radius: 25px;
font-weight: bold;
margin: 0.5rem;
}
.timestamp {
font-size: 0.8rem;
opacity: 0.7;
margin-top: 1rem;
}
.features {
text-align: left;
margin: 2rem 0;
}
.feature {
margin: 0.5rem 0;
padding: 0.5rem;
background: rgba(255, 255, 255, 0.1);
border-radius: 5px;
}
</style>
<script>
function updateTimestamp() {
const now = new Date();
document.getElementById('timestamp').textContent =
'Last updated: ' + now.toLocaleString();
}
function getIPv6Address() {
// Extract IPv6 from the current connection
const ipv6Pattern = /\[([0-9a-f:]+)\]/;
const match = window.location.href.match(ipv6Pattern);
if (match) {
document.getElementById('current-ipv6').textContent = match[1];
}
}
window.onload = function() {
updateTimestamp();
getIPv6Address();
};
</script>
</head>
<body>
<div class="container">
<h1>🌐 Mycelium Cloud</h1>
<div class="subtitle">
Your website is now globally accessible via IPv6!
</div>
<div class="status">
✅ GLOBAL ACCESSIBLE
</div>
<div class="ipv6-info">
<strong>Connected via IPv6:</strong><br>
<span id="current-ipv6">Loading...</span>
</div>
<div class="features">
<h3>🚀 Key Features:</h3>
<div class="feature">🌍 Peer-to-peer global access without traditional hosting</div>
<div class="feature">🔒 Secure IPv6-only communications</div>
<div class="feature">⚡ Direct node-to-node connectivity</div>
<div class="feature">🖥️ 3-Master, 3-Worker Kubernetes cluster</div>
<div class="feature">🔄 Dynamic IPv6 discovery and routing</div>
</div>
<div class="timestamp" id="timestamp">
Loading timestamp...
</div>
<div style="margin-top: 2rem; font-size: 0.8rem;">
Mycelium Cloud Website Demo<br>
Proof of Concept: IPv6 Website Hosting
</div>
</div>
</body>
</html>
---
apiVersion: v1
kind: ConfigMap
metadata:
name: mycelium-nginx-config
data:
default.conf: |
server {
listen 8080;
listen [::]:8080 ipv6only=on;
server_name _;
location / {
root /usr/share/nginx/html;
index index.html;
try_files $uri $uri/ =404;
}
location /health {
access_log off;
return 200 "healthy\n";
add_header Content-Type text/plain;
}
}
---
apiVersion: v1
kind: Service
metadata:
name: mycelium-website-service
spec:
type: NodePort
ports:
- port: 8080
targetPort: 8080
nodePort: 30090
protocol: TCP
selector:
app: mycelium-website