diff --git a/config/www/index.html b/config/www/index.html
index 94a6bac..041ca17 100644
--- a/config/www/index.html
+++ b/config/www/index.html
@@ -15,17 +15,47 @@
}
.container {
max-width: 900px; margin: 0 auto;
- background: white; padding: 40px;
- border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);
+ background: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);
+ overflow: hidden;
+ }
+ .header {
+ padding: 40px 40px 0 40px;
}
h1 {
color: #333; text-align: center; margin-bottom: 10px;
font-size: 2.5em; font-weight: 300;
}
.subtitle {
- text-align: center; color: #666; margin-bottom: 40px;
+ text-align: center; color: #666; margin-bottom: 30px;
font-size: 1.1em;
}
+
+ /* Tab Styles */
+ .tab-nav {
+ display: flex; justify-content: center; margin-bottom: 0;
+ border-bottom: 1px solid #e0e0e0;
+ }
+ .tab-button {
+ background: none; border: none; padding: 15px 30px;
+ font-size: 1.1em; cursor: pointer; color: #666;
+ border-bottom: 3px solid transparent;
+ transition: all 0.3s ease;
+ }
+ .tab-button.active {
+ color: #667eea; border-bottom-color: #667eea;
+ font-weight: 600;
+ }
+ .tab-button:hover {
+ color: #667eea; background: #f8f9fa;
+ }
+
+ .tab-content {
+ display: none; padding: 40px;
+ }
+ .tab-content.active {
+ display: block;
+ }
+
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
@@ -36,7 +66,7 @@
color: white; padding: 30px; border-radius: 8px;
text-decoration: none; text-center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
- border: none;
+ border: none; display: block;
}
.service:hover {
transform: translateY(-5px);
@@ -54,6 +84,9 @@
.service.cloud {
background: linear-gradient(135deg, #0082c9 0%, #30b455 100%);
}
+ .service.admin {
+ background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
+ }
.service i {
font-size: 3em; margin-bottom: 15px; display: block;
}
@@ -67,42 +100,113 @@
opacity: 0.7;
}
.footer {
- text-align: center; margin-top: 40px; color: #888;
+ text-align: center; padding: 0 40px 40px 40px; color: #888;
font-size: 0.9em;
}
+
+ .admin-services {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+ gap: 25px;
+ margin-top: 20px;
+ }
-
Homelab Services
-
Self-hosted applications and services
+
-
+
+