108 lines
4 KiB
HTML
108 lines
4 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="de">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8"/>
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|||
|
|
<title>pc-live</title>
|
|||
|
|
<link rel="stylesheet" href="css/style.css"/>
|
|||
|
|
<link rel="stylesheet" href="css/rp-ds.css">
|
|||
|
|
<link rel="stylesheet" href="css/bleeter-embedded.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<div id="app">
|
|||
|
|
|
|||
|
|
<!-- DIM OVERLAY (Spielwelt sichtbar, aber leicht abgedunkelt) -->
|
|||
|
|
<div id="dim-overlay"></div>
|
|||
|
|
|
|||
|
|
<!-- PC CONTAINER (schwebendes Panel) -->
|
|||
|
|
<div id="pc-container">
|
|||
|
|
|
|||
|
|
<!-- BOOT SCREEN (absolut positioniert, überdeckt Container während Boot) -->
|
|||
|
|
<div id="boot-screen">
|
|||
|
|
<div class="boot-logo">⚡ PC-LIVE</div>
|
|||
|
|
<div class="boot-bar">
|
|||
|
|
<div class="boot-bar-fill" id="boot-bar-fill"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="boot-version">OS 1.0.0 · <span id="pc-boot-label">Terminal</span></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- PC TITELLEISTE (Drag, Minimize, Close) -->
|
|||
|
|
<div id="pc-titlebar">
|
|||
|
|
<span class="pc-title-icon">⚡</span>
|
|||
|
|
<span id="pc-label">Terminal</span>
|
|||
|
|
<div class="pc-title-controls">
|
|||
|
|
<button id="pc-settings-btn" title="Einstellungen" onclick="PCSettings.toggle()">⚙</button>
|
|||
|
|
<button id="pc-interact-btn" title="Durchsichtig / im Spiel interagieren" onclick="toggleInteractMode()">👁</button>
|
|||
|
|
<button id="pc-minimize-btn" title="Minimize" onclick="toggleMinimizePC()">─</button>
|
|||
|
|
<button id="close-pc-btn" title="Close PC" onclick="doClosePC()">✕</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- EINSTELLUNGEN PANEL -->
|
|||
|
|
<div id="pc-settings-panel">
|
|||
|
|
<div class="settings-group">
|
|||
|
|
<div class="settings-group-label">Schriftgröße</div>
|
|||
|
|
<div class="settings-row">
|
|||
|
|
<button class="settings-btn" onclick="PCFontSize.step(-1)" title="Kleiner">A−</button>
|
|||
|
|
<input class="settings-slider" type="range" min="11" max="20" step="1"
|
|||
|
|
id="pc-fs-slider" oninput="PCFontSize.set(this.value)"/>
|
|||
|
|
<button class="settings-btn" onclick="PCFontSize.step(+1)" title="Größer">A+</button>
|
|||
|
|
</div>
|
|||
|
|
<div style="text-align:center;font-size:0.7rem;color:var(--text-muted)">
|
|||
|
|
<span id="pc-fs-display">13px</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="settings-group">
|
|||
|
|
<div class="settings-group-label">Fenstergröße</div>
|
|||
|
|
<div class="settings-row">
|
|||
|
|
<button class="settings-btn" onclick="PCScale.step(-1)" title="Kleiner">−</button>
|
|||
|
|
<input class="settings-slider" type="range" min="40" max="98" step="5"
|
|||
|
|
id="pc-vp-slider" oninput="PCScale.setVP(this.value)"/>
|
|||
|
|
<button class="settings-btn" onclick="PCScale.step(+1)" title="Größer">+</button>
|
|||
|
|
</div>
|
|||
|
|
<div style="text-align:center;font-size:0.7rem;color:var(--text-muted)">
|
|||
|
|
<span id="pc-vp-display">88%</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- DESKTOP -->
|
|||
|
|
<div id="desktop">
|
|||
|
|
<div id="icon-grid"></div>
|
|||
|
|
<div id="window-layer"></div>
|
|||
|
|
<div id="taskbar">
|
|||
|
|
<div id="taskbar-apps"></div>
|
|||
|
|
<div id="taskbar-right">
|
|||
|
|
<span id="clock">00:00:00</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div><!-- /pc-container -->
|
|||
|
|
|
|||
|
|
<!-- Interaktionsmodus-Hinweis (sichtbar wenn PC transparent/Fokus frei) -->
|
|||
|
|
<div id="pc-interact-hint">
|
|||
|
|
🎮 Interaktionsmodus aktiv — <b>[END]</b> drücken, um zum PC zurückzukehren
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div><!-- /app -->
|
|||
|
|
|
|||
|
|
<!-- Scripts – order matters -->
|
|||
|
|
<script src="js/windowManager.js"></script>
|
|||
|
|
<script src="js/apps/browser.js"></script>
|
|||
|
|
<script src="js/apps/mail.js"></script>
|
|||
|
|
<script src="js/apps/addressbook.js"></script>
|
|||
|
|
<script src="js/apps/store.js"></script>
|
|||
|
|
<script src="js/apps/parkuhr.js"></script>
|
|||
|
|
<script src="js/apps/ic_verwaltung.js"></script>
|
|||
|
|
<script src="js/apps/gesetzbuch.js"></script>
|
|||
|
|
<script src="js/apps/pbs_dashboard.js"></script>
|
|||
|
|
<script src="js/apps/webhosting.js"></script>
|
|||
|
|
<script src="js/apps/bleeter.js"></script>
|
|||
|
|
<script src="js/apps/bleeteradmin.js"></script>
|
|||
|
|
<script src="js/desktop.js"></script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|