58 lines
2.0 KiB
HTML
Executable File
58 lines
2.0 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Service Portal</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<header id="header">
|
|
<div class="logo">schooltech</div>
|
|
<nav id="services"></nav>
|
|
<div class="right-actions">
|
|
<div id="emergency-stop" title="Emergency Stop">
|
|
<svg width="78" height="78" viewBox="0 0 78 78" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<radialGradient id="redGrad" cx="38%" cy="32%" r="62%">
|
|
<stop offset="0%" stop-color="#ff5555"/>
|
|
<stop offset="65%" stop-color="#cc0000"/>
|
|
<stop offset="100%" stop-color="#880000"/>
|
|
</radialGradient>
|
|
<!-- Textpfad: Radius 34, weit aussen im gelben Ring -->
|
|
<path id="estop-textarc" d="M 9,39 A 30,30 0 0,0 69,39"/>
|
|
</defs>
|
|
<!-- Gelber Aussenring (10% grösser: r=36 statt ~33) -->
|
|
<circle cx="39" cy="39" r="36" fill="#FFD700" stroke="#C8960A" stroke-width="1.5"/>
|
|
<!-- Roter Knopf -->
|
|
<circle cx="39" cy="39" r="21" fill="url(#redGrad)" stroke="#660000" stroke-width="2"/>
|
|
<!-- Gebogener Text, weiter aussen, mit Wortabstand -->
|
|
<text font-size="7.5" fill="#1a1000" font-weight="bold" font-family="system-ui,sans-serif" letter-spacing="0.3" word-spacing="5">
|
|
<textPath href="#estop-textarc" startOffset="50%" text-anchor="middle">EMERGENCY STOP</textPath>
|
|
</text>
|
|
</svg>
|
|
</div>
|
|
<div class="user">
|
|
<button id="login-btn">Login</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- iFrame für Services -->
|
|
<iframe id="service-frame" style="display:none;"></iframe>
|
|
|
|
<!-- Login Modal -->
|
|
<div id="login-modal" style="display:none;">
|
|
<label>User: <input type="text" id="username"/></label>
|
|
<label>Pass: <input type="password" id="password"/></label>
|
|
<button id="login-submit">Login</button>
|
|
<div id="login-msg"></div>
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|