secubox-openwrt/luci-app-secubox-bonus/htdocs/luci-static/secubox/demo-dev-status.html
CyberMind-FR 086e62584e feat: add luci-app-secubox-bonus package with website content
Created new independent package to integrate SecuBox marketing and
documentation website. Includes demo pages, tutorials, and multi-language
content previously deployed separately.

Package contents:
- 36 static files (HTML, JS, JSON)
- 16 module demo pages (auth, bandwidth, cdn-cache, client-guardian, etc.)
- 3 blog tutorials (setup guides)
- 13 language translations (en, fr, de, es, pt, it, nl, ru, ar, zh, ja, ko, hi)
- Campaign and landing pages

Files accessible at: /luci-static/secubox/
Main URL: http://router-ip/luci-static/secubox/index.html

Package info:
- Version: 0.1.0-1
- Size: ~500KB
- Dependencies: luci-base only
- No RPCD/backend components

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-31 12:12:55 +01:00

91 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Development Status - SecuBox</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--sb-bg: #0a0a12;
--sb-bg-secondary: #0f1019;
--sb-bg-card: #1a1a24;
--sb-border: #2a2a3a;
--sb-text: #f1f5f9;
--sb-text-muted: #94a3b8;
--sb-text-dim: #64748b;
--sb-green: #10b981;
--sb-cyan: #06b6d4;
--sb-blue: #3b82f6;
--sb-purple: #8b5cf6;
--sb-orange: #f97316;
--sb-red: #ef4444;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Inter', sans-serif;
background: var(--sb-bg);
color: var(--sb-text);
line-height: 1.6;
padding: 40px 20px;
}
.container {
max-width: 1400px;
margin: 0 auto;
}
.page-header {
text-align: center;
margin-bottom: 40px;
}
.page-title {
font-size: 48px;
font-weight: 800;
background: linear-gradient(135deg, #10b981, #06b6d4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 16px;
}
.page-subtitle {
color: var(--sb-text-muted);
font-size: 18px;
}
.back-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--sb-cyan);
text-decoration: none;
font-weight: 600;
margin-bottom: 24px;
transition: all 0.2s;
}
.back-link:hover {
transform: translateX(-4px);
}
</style>
</head>
<body>
<div class="container">
<a href="campaign.html" class="back-link">← Retour à la campagne</a>
<div class="page-header">
<h1 class="page-title">Development Status</h1>
<p class="page-subtitle">Suivez la progression en temps réel du développement de SecuBox</p>
</div>
<!-- Widget Container -->
<div id="dev-status-widget"></div>
</div>
<!-- Load Widget Script -->
<script src="./dev-status-widget.js"></script>
</body>
</html>