AccountForger Video-Seite ans AegisSight Design angepasst

Navy-Hintergrund (#0A1832), Gold-Akzente (#C8A851) fuer Controls
und Buttons. AegisSight-Logo im Header. Alte IntelSight-CSS-Referenz
entfernt (Datei existierte nicht). Verwaiste JS-Klammer bereinigt.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-04-03 15:28:57 +02:00
Ursprung beaa0adde0
Commit f777f44c06

Datei anzeigen

@@ -3,8 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AccountForger</title>
<link rel="stylesheet" href="styles-intelsight.css">
<title>AccountForger - AegisSight</title>
<link rel="stylesheet" href="css/fonts.css">
<style>
:root {
@@ -12,7 +11,7 @@
}
body {
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
background: linear-gradient(135deg, #0A1832 0%, #060F20 100%);
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100);
overflow-x: hidden;
@@ -37,8 +36,8 @@
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.5rem;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(200, 168, 81, 0.15);
border: 1px solid rgba(200, 168, 81, 0.3);
border-radius: 8px;
color: #fff;
text-decoration: none;
@@ -50,7 +49,7 @@
}
.back-button:hover {
background: rgba(255, 255, 255, 0.15);
background: rgba(200, 168, 81, 0.25);
transform: translateX(-5px);
}
@@ -242,7 +241,7 @@
}
.play-button, .fullscreen-button, .volume-button {
background: rgba(255, 255, 255, 0.2);
background: rgba(200, 168, 81, 0.25);
border: none;
width: 40px;
height: 40px;
@@ -255,7 +254,7 @@
}
.play-button:hover, .fullscreen-button:hover, .volume-button:hover {
background: rgba(255, 255, 255, 0.3);
background: rgba(200, 168, 81, 0.4);
transform: scale(1.1);
}
@@ -288,7 +287,7 @@
.volume-fill {
height: 100%;
background: #00d4ff;
background: #C8A851;
border-radius: 2px;
width: 100%;
}
@@ -304,7 +303,7 @@
.progress-fill {
height: 100%;
background: #00d4ff;
background: #C8A851;
border-radius: 2px;
width: 0%;
transition: width 0.1s linear;
@@ -323,7 +322,7 @@
margin-top: 2rem;
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border: 1px solid rgba(200, 168, 81, 0.2);
border-radius: 8px;
text-align: center;
color: rgba(255, 255, 255, 0.7);
@@ -338,7 +337,7 @@
height: 20px;
vertical-align: middle;
margin-right: 0.5rem;
fill: #00d4ff;
fill: #C8A851;
}
@keyframes fadeInUp {
@@ -532,7 +531,9 @@
</a>
<div class="video-header">
<img src="assets/images/logos/AegisSightLogo_NavyGold.svg" alt="AegisSight" style="height: 48px; margin-bottom: 1rem;">
<h1>AccountForger</h1>
<p>Video-Demo</p>
</div>
<div class="video-wrapper">
@@ -577,8 +578,6 @@
// Zugangsschutz wird serverseitig von Nginx (auth_request) geprueft.
// Wenn diese Seite laedt, wurde der Zugang bereits verifiziert.
}
// Video player functionality
const video = document.getElementById('protectedVideo');
const videoWrapper = document.querySelector('.video-wrapper');