feat: Add SilverSHELL SDK documentation page with downloadable templates

Added comprehensive SDK page at /sdk with:
- Downloadable SilverSHELL starter template (6.3 KB)
- Downloadable SilverSHELL module template (14 KB)
- Quick start guide with step-by-step instructions
- Creating applications guide (configuration, UI, manual install)
- Creating modules guide with template options
- Publishing modules guide (automated CI/CD + manual)
- Available modules list from library.silverlabs.uk
- Resources and support links

Initial commit includes:
- Complete static website with Docker deployment
- SilverLabs branding and styling
- Nginx configuration for production serving

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-10-19 21:36:57 +01:00
commit cf01a75179
12 changed files with 1022 additions and 0 deletions

73
index.html Normal file
View File

@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SilverLabs - Innovation Gateway</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Loading Screen -->
<div id="loading-screen" class="loading-screen">
<div class="loading-content">
<img src="logo.png" alt="SilverLabs Logo" class="loading-logo">
<div class="loading-spinner"></div>
</div>
</div>
<!-- Main Content -->
<div id="main-content" class="main-content">
<header class="header">
<img src="logo.png" alt="SilverLabs Logo" class="logo">
</header>
<main class="main">
<h1 class="title">Welcome to SilverLabs</h1>
<p class="subtitle">Your Innovation Gateway</p>
<div class="gateway-grid">
<a href="https://helpdesk.silverlabs.uk" class="gateway-card">
<div class="card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
</div>
<h2 class="card-title">Help Desk</h2>
<p class="card-description">Support & Assistance</p>
</a>
<a href="https://appstore.silverlabs.uk" class="gateway-card">
<div class="card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="7" height="7"></rect>
<rect x="14" y="3" width="7" height="7"></rect>
<rect x="14" y="14" width="7" height="7"></rect>
<rect x="3" y="14" width="7" height="7"></rect>
</svg>
</div>
<h2 class="card-title">App Store</h2>
<p class="card-description">Applications & Tools</p>
</a>
<a href="https://cloud.silverlabs.uk" class="gateway-card">
<div class="card-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path>
</svg>
</div>
<h2 class="card-title">Cloud</h2>
<p class="card-description">Storage & Collaboration</p>
</a>
</div>
</main>
<footer class="footer">
<p>&copy; 2025 SilverLabs. All rights reserved.</p>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>