82 lines
4.3 KiB
HTML
82 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-theme="dark">
|
||
<head>
|
||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; font-src 'self'; frame-src 'none'; object-src 'none'; base-uri 'self';">
|
||
<meta http-equiv="X-Content-Type-Options" content="nosniff">
|
||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>BenzCloud – Web-Hosting Plugin</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header class="app-header">
|
||
<div class="header-left">
|
||
<div class="logo-icon">🌐</div>
|
||
<div class="logo-text">
|
||
<span class="brand-title">BenzCloud Web-Hosting</span>
|
||
<span class="brand-badge">v1.0</span>
|
||
</div>
|
||
</div>
|
||
<div class="header-right">
|
||
<div class="lang-switcher">
|
||
<button id="langDE" class="btn-lang active" onclick="setLanguage('de')">DE</button>
|
||
<button id="langEN" class="btn-lang" onclick="setLanguage('en')">EN</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main-content">
|
||
<div class="dashboard-header">
|
||
<div>
|
||
<h1 data-i18n="heading_sites">Gehostete Webseiten</h1>
|
||
<p class="desc" data-i18n="desc_sites">Erstelle und verwalte Webseiten unter frei wählbaren Subdomains mit HTML, PHP oder Astro.</p>
|
||
</div>
|
||
<button class="btn-primary" onclick="openCreateModal()" data-i18n="btn_new_site">➕ Neue Webseite</button>
|
||
</div>
|
||
|
||
<div class="sites-grid" id="sitesGrid"></div>
|
||
</main>
|
||
|
||
<div id="createSiteModal" class="modal-backdrop" style="display:none;">
|
||
<div class="modal-card">
|
||
<h3 data-i18n="modal_title">Neue Webseite erstellen</h3>
|
||
<form onsubmit="submitNewSite(event)">
|
||
<div class="form-group">
|
||
<label data-i18n="lbl_subdomain">Wunsch-Subdomain:</label>
|
||
<div class="sub-input-group">
|
||
<input type="text" id="newSubdomain" required placeholder="z. B. blog, shop, landing">
|
||
<span class="domain-suffix" id="dispDomainSuffix">.domain</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label data-i18n="lbl_title">Titel der Webseite:</label>
|
||
<input type="text" id="newTitle" required placeholder="Mein Firmenblog">
|
||
</div>
|
||
<div class="form-group">
|
||
<label data-i18n="lbl_engine">Web-Engine / Technologie:</label>
|
||
<select id="newEngine" class="select-box">
|
||
<option value="html">HTML5 & CSS3 (Standard / Vorinstalliert)</option>
|
||
<option value="php">PHP (Dynamisches Scripting)</option>
|
||
<option value="astro">Astro (Modern Static Web)</option>
|
||
</select>
|
||
</div>
|
||
<div class="modal-actions">
|
||
<button type="button" class="btn-secondary" onclick="closeCreateModal()" data-i18n="btn_cancel">Abbrechen</button>
|
||
<button type="submit" class="btn-primary" data-i18n="btn_create">Webseite anlegen</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="app-footer">
|
||
<span>BenzCloud Web-Plugin © 2026 Jeremy Benz • GNU GPLv3 Lizenz</span>
|
||
<span class="pill-pre">Pre-Release / In aktiver Entwicklung</span>
|
||
<div class="routing-notice" style="text-align: center; padding: 1rem; font-size: 0.75rem; opacity: 0.5; font-family: monospace;">2-Tier Routing: /benzcloud-plugin-web/ (Landing) | /benzcloud-plugin-web/app/ (Web-App)</div>
|
||
</footer>
|
||
|
||
<script src="app.js"></script>
|
||
<section class="cta-section" style="margin: 3rem 0; text-align: center; font-family: sans-serif;"><div style="background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 12px; padding: 2rem; display: inline-block; max-width: 90%;"><h3 style="margin-top: 0; color: #f59e0b;">Zentrale App-Zentrale</h3><p style="margin-bottom: 1.5rem; opacity: 0.8;">Alle meine Apps und Projekte an einem Ort.</p><a class="btn-benzstore" href="https://benzjeremy.github.io/benzstore/" target="_blank" rel="noopener noreferrer" style="background: #f59e0b; color: #fff; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-weight: bold; display: inline-block; box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);">🚀 BenzStore entdecken</a></div></section>
|
||
</body>
|
||
</html>
|