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:
@@ -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');
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren