Integration der rechtlichen Dokumente (Frontend)
This commit is contained in:
@@ -0,0 +1,111 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Void-Genesis | Rechtliches</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
<style>
|
||||
/* ----------------------------------------------------------------------
|
||||
* OVERRIDES & SPEZIFISCHES STYLING FÜR TEXTSEITEN
|
||||
* Wir überschreiben hier bewusst ein paar Regeln aus der layout.css,
|
||||
* damit diese Textseiten normal scrollbar und auf allen Geräten gut lesbar sind.
|
||||
* ---------------------------------------------------------------------- */
|
||||
|
||||
body {
|
||||
position: relative; /* Überschreibt 'position: fixed' aus layout.css */
|
||||
overflow: auto; /* Überschreibt 'overflow: hidden' aus layout.css -> Scrollen erlauben! */
|
||||
padding: 40px 20px; /* Etwas Abstand zum Bildschirmrand */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start; /* Container startet oben, nicht zentriert in der Mitte */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* DER TEXT-CONTAINER (Sci-Fi Panel Optik)
|
||||
* Erzeugt eine dunkle, leicht transparente Box mit einem dezenten Cyan-Rahmen.
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container {
|
||||
max-width: 800px; /* Angenehme Lesebreite für Text */
|
||||
width: 100%;
|
||||
background: rgba(11, 25, 44, 0.9); /* Unsere PANEL_BG Farbe, fast deckend */
|
||||
border: 1px solid var(--color-cyan-dark);
|
||||
box-shadow: 0 0 20px rgba(0, 240, 255, 0.1); /* Leichter Glow nach außen */
|
||||
padding: 40px;
|
||||
box-sizing: border-box;
|
||||
color: var(--color-text-main);
|
||||
line-height: 1.6; /* Wichtig für gute Lesbarkeit bei langen Texten */
|
||||
font-family: var(--font-main);
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* TYPOGRAFIE ANPASSUNGEN
|
||||
* Überschriften heben wir farblich in unserem Cyan hervor.
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container h1, .legal-container h2, .legal-container h3 {
|
||||
color: var(--color-cyan-bright);
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid rgba(0, 240, 255, 0.2); /* Feine Trennlinie unter den Titeln */
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.legal-container h1 {
|
||||
font-size: 24px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.legal-container p, .legal-container ul {
|
||||
margin-bottom: 20px;
|
||||
color: var(--color-text-inactive); /* Minimal dunklerer Text für weniger Augenbelastung */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* LINKS INNERHALB DES TEXTES
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container a {
|
||||
color: var(--color-cyan-bright);
|
||||
text-decoration: none;
|
||||
transition: text-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.legal-container a:hover {
|
||||
text-shadow: 0 0 8px var(--color-cyan-bright);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="legal-container">
|
||||
|
||||
<h1>Allgemeine Geschäftsbedingungen (AGB)</h1>
|
||||
|
||||
<h2>§ 1 Geltungsbereich</h2>
|
||||
<p>Diese Allgemeinen Geschäftsbedingungen (AGB) regeln die Nutzung des Browsergames "Void-Genesis" in seiner aktuellen Fassung.</p>
|
||||
|
||||
<h2>§ 2 Registrierung & Master-Account</h2>
|
||||
<ul>
|
||||
<li><strong>Voraussetzung:</strong> Voraussetzung für die Nutzung ist eine gültige, per OTP (One Time Password) verifizierte E-Mail-Adresse.</li>
|
||||
<li><strong>Mindestalter:</strong> Das Mindestalter für die Erstellung eines Master-Accounts liegt bei 16 Jahren.</li>
|
||||
<li><strong>Account-Typen:</strong> Der Master-Account gewährt Zugang zur allgemeinen Lobby. Sektor-Accounts sind davon abgeleitete, temporäre Spielstände auf den jeweiligen Spiel-Servern.</li>
|
||||
</ul>
|
||||
|
||||
<h2>§ 3 Verfügbarkeit & Server</h2>
|
||||
<p>Der Betreiber bemüht sich um eine ständige Erreichbarkeit der Server, übernimmt jedoch keine Garantie für eine 100%ige Verfügbarkeit. Bei technischen Ausfällen, notwendigen Server-Neustarts oder Rollbacks zur Fehlerbehebung besteht kein Anspruch auf Wiederherstellung verlorener virtueller Besitztümer (Flotten, Ressourcen).</p>
|
||||
|
||||
<h2>§ 4 Pflichten des Nutzers</h2>
|
||||
<p>Der Nutzer verpflichtet sich, seine Zugangsdaten geheim zu halten und die geltenden Spielregeln strikt zu befolgen.</p>
|
||||
|
||||
<h2>§ 5 Vertragsende, Account-Löschung & DSGVO</h2>
|
||||
<ul>
|
||||
<li><strong>Sektor-Spielstände:</strong> Der Nutzer kann seinen lokalen Spielstand innerhalb eines spezifischen Sektors über die Ingame-Einstellungen zur Löschung vormerken. Die endgültige Löschung des Sektor-Spielstands erfolgt nach einer Sicherheitsfrist, während der die Löschung widerrufen werden kann.</li>
|
||||
<li><strong>Vollständige Master-Löschung:</strong> Die vollständige und unumkehrbare Löschung des gesamten Master-Accounts (Lobby-Account inklusive aller verknüpften Sektoren) kann aus Sicherheitsgründen ausschließlich per schriftlichem Antrag über die im Account verifizierte E-Mail-Adresse beantragt werden.</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,116 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Void-Genesis | Rechtliches</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
<style>
|
||||
/* ----------------------------------------------------------------------
|
||||
* OVERRIDES & SPEZIFISCHES STYLING FÜR TEXTSEITEN
|
||||
* Wir überschreiben hier bewusst ein paar Regeln aus der layout.css,
|
||||
* damit diese Textseiten normal scrollbar und auf allen Geräten gut lesbar sind.
|
||||
* ---------------------------------------------------------------------- */
|
||||
|
||||
body {
|
||||
position: relative; /* Überschreibt 'position: fixed' aus layout.css */
|
||||
overflow: auto; /* Überschreibt 'overflow: hidden' aus layout.css -> Scrollen erlauben! */
|
||||
padding: 40px 20px; /* Etwas Abstand zum Bildschirmrand */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start; /* Container startet oben, nicht zentriert in der Mitte */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* DER TEXT-CONTAINER (Sci-Fi Panel Optik)
|
||||
* Erzeugt eine dunkle, leicht transparente Box mit einem dezenten Cyan-Rahmen.
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container {
|
||||
max-width: 800px; /* Angenehme Lesebreite für Text */
|
||||
width: 100%;
|
||||
background: rgba(11, 25, 44, 0.9); /* Unsere PANEL_BG Farbe, fast deckend */
|
||||
border: 1px solid var(--color-cyan-dark);
|
||||
box-shadow: 0 0 20px rgba(0, 240, 255, 0.1); /* Leichter Glow nach außen */
|
||||
padding: 40px;
|
||||
box-sizing: border-box;
|
||||
color: var(--color-text-main);
|
||||
line-height: 1.6; /* Wichtig für gute Lesbarkeit bei langen Texten */
|
||||
font-family: var(--font-main);
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* TYPOGRAFIE ANPASSUNGEN
|
||||
* Überschriften heben wir farblich in unserem Cyan hervor.
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container h1, .legal-container h2, .legal-container h3 {
|
||||
color: var(--color-cyan-bright);
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid rgba(0, 240, 255, 0.2); /* Feine Trennlinie unter den Titeln */
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.legal-container h1 {
|
||||
font-size: 24px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.legal-container p, .legal-container ul {
|
||||
margin-bottom: 20px;
|
||||
color: var(--color-text-inactive); /* Minimal dunklerer Text für weniger Augenbelastung */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* LINKS INNERHALB DES TEXTES
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container a {
|
||||
color: var(--color-cyan-bright);
|
||||
text-decoration: none;
|
||||
transition: text-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.legal-container a:hover {
|
||||
text-shadow: 0 0 8px var(--color-cyan-bright);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="legal-container">
|
||||
|
||||
<h1>Datenschutzerklärung</h1>
|
||||
|
||||
<h2>1. Verantwortlicher</h2>
|
||||
<p>Verantwortlich für die Datenverarbeitung ist der Betreiber (siehe Impressum).</p>
|
||||
|
||||
<h2>2. Erhebung und Verarbeitung personenbezogener Daten</h2>
|
||||
<p>Zur Bereitstellung des Spielbetriebs werden bei der Registrierung und Nutzung folgende Daten erhoben:</p>
|
||||
|
||||
<ul>
|
||||
<li><strong>E-Mail-Adresse:</strong> zur Identifikation und Account-Wiederherstellung</li>
|
||||
<li><strong>Benutzername</strong></li>
|
||||
<li><strong>Passwörter:</strong> werden ausschließlich kryptografisch gehasht mit Argon2 gespeichert; der Betreiber hat keinen Zugriff auf das Klartextpasswort</li>
|
||||
<li><strong>IP-Adressen und Verbindungsdaten:</strong> für Spamschutz, Rate-Limiting und zur Durchsetzung der Multi-Account-Regeln</li>
|
||||
<li><strong>Zeitstempel:</strong> Erstellung, letzter Login</li>
|
||||
</ul>
|
||||
|
||||
<h2>3. Lokale Speicherung (Tokens)</h2>
|
||||
<p>Void-Genesis verwendet keine Tracking-Cookies von Drittanbietern. Zur technischen Aufrechterhaltung der Sitzung (Authentifizierung) werden lediglich "strictly necessary" (unbedingt erforderliche) Daten lokal im Browser des Spielers gespeichert:</p>
|
||||
<ul>
|
||||
<li><strong>Session Storage:</strong> Kurzlebige Access-Tokens für den aktuellen Login-Status.</li>
|
||||
<li><strong>Local Storage:</strong> Langlebige Refresh-Tokens, sofern die Funktion "Angemeldet bleiben" gewählt wurde, sowie die bevorzugte Spracheinstellung.</li>
|
||||
</ul>
|
||||
|
||||
<h2>4. E-Mail-Versand (Brevo)</h2>
|
||||
<p>Für den Versand systemrelevanter E-Mails (Registrierungs-OTP, Passwort-Reset) nutzen wir den Dienstleister Brevo. Hierzu wird die E-Mail-Adresse über eine gesicherte API (REST) an Brevo übermittelt, jedoch nicht für Werbezwecke missbraucht.</p>
|
||||
|
||||
<h2>5. Betroffenenrechte</h2>
|
||||
<p>Sie haben jederzeit das Recht auf Auskunft, Löschung, Sperrung oder Berichtigung Ihrer gespeicherten personenbezogenen Daten. Wenden Sie sich hierfür bitte an die im Impressum angegebene Kontaktadresse.</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Void-Genesis | Rechtliches</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
<style>
|
||||
/* ----------------------------------------------------------------------
|
||||
* OVERRIDES & SPEZIFISCHES STYLING FÜR TEXTSEITEN
|
||||
* Wir überschreiben hier bewusst ein paar Regeln aus der layout.css,
|
||||
* damit diese Textseiten normal scrollbar und auf allen Geräten gut lesbar sind.
|
||||
* ---------------------------------------------------------------------- */
|
||||
|
||||
body {
|
||||
position: relative; /* Überschreibt 'position: fixed' aus layout.css */
|
||||
overflow: auto; /* Überschreibt 'overflow: hidden' aus layout.css -> Scrollen erlauben! */
|
||||
padding: 40px 20px; /* Etwas Abstand zum Bildschirmrand */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start; /* Container startet oben, nicht zentriert in der Mitte */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* DER TEXT-CONTAINER (Sci-Fi Panel Optik)
|
||||
* Erzeugt eine dunkle, leicht transparente Box mit einem dezenten Cyan-Rahmen.
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container {
|
||||
max-width: 800px; /* Angenehme Lesebreite für Text */
|
||||
width: 100%;
|
||||
background: rgba(11, 25, 44, 0.9); /* Unsere PANEL_BG Farbe, fast deckend */
|
||||
border: 1px solid var(--color-cyan-dark);
|
||||
box-shadow: 0 0 20px rgba(0, 240, 255, 0.1); /* Leichter Glow nach außen */
|
||||
padding: 40px;
|
||||
box-sizing: border-box;
|
||||
color: var(--color-text-main);
|
||||
line-height: 1.6; /* Wichtig für gute Lesbarkeit bei langen Texten */
|
||||
font-family: var(--font-main);
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* TYPOGRAFIE ANPASSUNGEN
|
||||
* Überschriften heben wir farblich in unserem Cyan hervor.
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container h1, .legal-container h2, .legal-container h3 {
|
||||
color: var(--color-cyan-bright);
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid rgba(0, 240, 255, 0.2); /* Feine Trennlinie unter den Titeln */
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.legal-container h1 {
|
||||
font-size: 24px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.legal-container p, .legal-container ul {
|
||||
margin-bottom: 20px;
|
||||
color: var(--color-text-inactive); /* Minimal dunklerer Text für weniger Augenbelastung */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* LINKS INNERHALB DES TEXTES
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container a {
|
||||
color: var(--color-cyan-bright);
|
||||
text-decoration: none;
|
||||
transition: text-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.legal-container a:hover {
|
||||
text-shadow: 0 0 8px var(--color-cyan-bright);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="legal-container">
|
||||
<h3>Impressum</h3>
|
||||
|
||||
<!-- HIER DEINEN VOLLSTÄNDIGEN NAMEN EINTRAGEN (Vorname Nachname) -->
|
||||
<p><strong>Dienstanbieter:</strong> Christian Schulte</p>
|
||||
|
||||
<!-- HIER DEINE VOLLSTÄNDIGEN ADRESSDATEN EINTRAGEN -->
|
||||
<p><strong>Anschrift:</strong> In der Schelle 2, 34431 Marsberg</p>
|
||||
|
||||
<!-- HIER DEINE KONTAKTDATEN EINTRAGEN -->
|
||||
<p><strong>Kontakt:</strong></p>
|
||||
<p>E-Mail: <a href="mailto:info@void-genesis.de">info@void-genesis.de</a></p>
|
||||
|
||||
<!-- OPTIONAL: Falls vorhanden, Telefonnummer oder Registerdaten hier ergänzen -->
|
||||
<p>Telefon (Mo-Fr, 18-20 Uhr): 02992 7599987</p>
|
||||
|
||||
<p style="margin-top: 15px; font-size: 0.8rem; color: #64748b;">
|
||||
Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:<br>
|
||||
<!-- HIER BEI BEDARF DEN VERANTWORTLICHEN FÜR INHALTE EINTRAGEN (meist identisch mit oben) -->
|
||||
Christian Schulte, In der Schelle 2, 34431 Marsberg
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -10,9 +10,15 @@
|
||||
|
||||
<div id="game-wrapper">
|
||||
<div id="pixi-container"></div>
|
||||
<div id="ui-layer">
|
||||
<form id="register-form" autocomplete="off">
|
||||
|
||||
<div id="ui-layer">
|
||||
|
||||
<div id="dev-warning-banner">
|
||||
<span class="warning-icon">⚠</span>
|
||||
<strong>DEV-BUILD:</strong> Das Spiel befindet sich in der Entwicklung.
|
||||
Die Registrierung ist derzeit deaktiviert (E-Mail-System pausiert).
|
||||
</div>
|
||||
|
||||
<form id="register-form" autocomplete="off">
|
||||
<div id="tab-container">
|
||||
<button type="button" class="tab-btn active" id="tab-login" data-i18n="tab_login">Login</button>
|
||||
<button type="button" class="tab-btn" id="tab-register" data-i18n="tab_register">Registrieren</button>
|
||||
@@ -137,11 +143,12 @@
|
||||
<div class="footer-left">v 0.0.3.0-dev</div>
|
||||
<div class="footer-center">© 2026 Void-Genesis</div>
|
||||
<div class="footer-right">
|
||||
<a href="https://void-genesis.de/" target="_blank" data-i18n="link_imprint">Impressum</a> |
|
||||
<a href="https://void-genesis.de/" target="_blank" data-i18n="link_privacy">Datenschutz</a>
|
||||
<a href="impressum.html" target="_blank" data-i18n="link_imprint">Impressum</a> |
|
||||
<a href="datenschutz.html" target="_blank" data-i18n="link_privacy">Datenschutz</a> |
|
||||
<a href="agb.html" target="_blank" data-i18n="link_agb">AGB</a> |
|
||||
<a href="regeln.html" target="_blank" data-i18n="link_rules">Spielregeln</a>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</footer> </div>
|
||||
|
||||
<script type="module" src="src/main.js"></script>
|
||||
|
||||
|
||||
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Void-Genesis | Rechtliches</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
<style>
|
||||
/* ----------------------------------------------------------------------
|
||||
* OVERRIDES & SPEZIFISCHES STYLING FÜR TEXTSEITEN
|
||||
* Wir überschreiben hier bewusst ein paar Regeln aus der layout.css,
|
||||
* damit diese Textseiten normal scrollbar und auf allen Geräten gut lesbar sind.
|
||||
* ---------------------------------------------------------------------- */
|
||||
|
||||
body {
|
||||
position: relative; /* Überschreibt 'position: fixed' aus layout.css */
|
||||
overflow: auto; /* Überschreibt 'overflow: hidden' aus layout.css -> Scrollen erlauben! */
|
||||
padding: 40px 20px; /* Etwas Abstand zum Bildschirmrand */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start; /* Container startet oben, nicht zentriert in der Mitte */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* DER TEXT-CONTAINER (Sci-Fi Panel Optik)
|
||||
* Erzeugt eine dunkle, leicht transparente Box mit einem dezenten Cyan-Rahmen.
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container {
|
||||
max-width: 800px; /* Angenehme Lesebreite für Text */
|
||||
width: 100%;
|
||||
background: rgba(11, 25, 44, 0.9); /* Unsere PANEL_BG Farbe, fast deckend */
|
||||
border: 1px solid var(--color-cyan-dark);
|
||||
box-shadow: 0 0 20px rgba(0, 240, 255, 0.1); /* Leichter Glow nach außen */
|
||||
padding: 40px;
|
||||
box-sizing: border-box;
|
||||
color: var(--color-text-main);
|
||||
line-height: 1.6; /* Wichtig für gute Lesbarkeit bei langen Texten */
|
||||
font-family: var(--font-main);
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* TYPOGRAFIE ANPASSUNGEN
|
||||
* Überschriften heben wir farblich in unserem Cyan hervor.
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container h1, .legal-container h2, .legal-container h3 {
|
||||
color: var(--color-cyan-bright);
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid rgba(0, 240, 255, 0.2); /* Feine Trennlinie unter den Titeln */
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.legal-container h1 {
|
||||
font-size: 24px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.legal-container p, .legal-container ul {
|
||||
margin-bottom: 20px;
|
||||
color: var(--color-text-inactive); /* Minimal dunklerer Text für weniger Augenbelastung */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* LINKS INNERHALB DES TEXTES
|
||||
* ---------------------------------------------------------------------- */
|
||||
.legal-container a {
|
||||
color: var(--color-cyan-bright);
|
||||
text-decoration: none;
|
||||
transition: text-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.legal-container a:hover {
|
||||
text-shadow: 0 0 8px var(--color-cyan-bright);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="legal-container">
|
||||
|
||||
<h1>Spielregeln (Void-Genesis)</h1>
|
||||
|
||||
<h2>§ 1 Multi-Accounting & Haushalts-Ausnahmen</h2>
|
||||
<ul>
|
||||
<li><strong>Grundregel:</strong> Jedem Spieler ist es erlaubt, pro Sektor maximal einen (1) Sektor-Account zu betreiben. Das Erstellen und Führen mehrerer Accounts innerhalb desselben Sektors (Multi-Accounting) ist strikt untersagt.</li>
|
||||
<li><strong>Ausnahme (Gemeinsamer Haushalt):</strong> Wenn mehrere Personen (z. B. Familienmitglieder, WGs) im selben Haushalt über dieselbe IP-Adresse im selben Sektor spielen möchten, muss dies vorab zwingend per E-Mail beim Support angemeldet werden.</li>
|
||||
<li><strong>Interaktionsverbot:</strong> Für angemeldete Haushalts-Accounts gilt ein absolutes Interaktionsverbot: Es dürfen keine Ressourcen-Transfers, gemeinsamen Flottenaktionen oder Handelsgeschäfte zwischen diesen Accounts stattfinden.</li>
|
||||
</ul>
|
||||
|
||||
<h2>§ 2 Account-Weitergabe & Passwort-Sicherheit</h2>
|
||||
<ul>
|
||||
<li><strong>Weitergabe:</strong> Die Weitergabe von Master- oder Sektor-Accounts an unbefugte Dritte ist untersagt.</li>
|
||||
<li><strong>Account-Sharing & Sitten:</strong> Da ein temporäres Sitten (Urlaubsvertretung) die Weitergabe des geheimen Passworts erfordern würde, ist jegliche Form des Account-Sharings verboten. Jeder Spieler ist für die Geheimhaltung seiner Zugangsdaten selbst verantwortlich. Schäden oder Ressourcenverluste durch Passwortweitergabe werden vom Support nicht ersetzt.</li>
|
||||
</ul>
|
||||
|
||||
<h2>§ 3 Pushing-Verbot & Entwicklungshilfe</h2>
|
||||
<ul>
|
||||
<li><strong>Pushing (Verboten):</strong> Es ist untersagt, einen punktemäßig stärkeren Spieler systematisch mit Ressourcen oder einseitigen Vorteilen durch einen punktemäßig schwächeren Spieler zu versorgen. Dies gilt auch für inszenierte Kämpfe, die nur dem Zweck dienen, Trümmerfelder oder Kampfstatistiken zu generieren.</li>
|
||||
<li><strong>Entwicklungshilfe (Erlaubt):</strong> Es ist ausdrücklich erlaubt und erwünscht, dass punktemäßig stärkere Spieler schwächeren Spielern beim Aufbau helfen (z. B. durch einseitige Ressourcenlieferungen als Starthilfe oder Schutzbündnisse). Die Flussrichtung der unentgeltlichen Ressourcen muss dabei zwingend vom starken zum schwachen Spieler verlaufen.</li>
|
||||
</ul>
|
||||
|
||||
<h2>§ 4 Botting, Makros & Skripte</h2>
|
||||
<p>Der Einsatz von automatisierten Skripten, Bots, Makros oder externen Programmen, die das Interface auslesen oder Aktionen automatisieren, ist strengstens verboten und führt zum sofortigen Ausschluss. Jeder Klick muss manuell von einem menschlichen Spieler ausgeführt werden.</p>
|
||||
|
||||
<h2>§ 5 Bug-Using</h2>
|
||||
<p>Wer einen Fehler im System (Bug) findet und diesen absichtlich ausnutzt, um sich einen unfairen Vorteil zu verschaffen, wird sanktioniert. Fehler sind umgehend dem Support oder im Discord zu melden.</p>
|
||||
|
||||
<h2>§ 6 Verhalten & Namensgebung</h2>
|
||||
<p>Beleidigende, rassistische, sexistische oder extremistische Namen für Commander, Planeten oder spätere Allianzen sind verboten. Entsprechende Inhalte im Ingame-Chat werden nicht toleriert.</p>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -115,6 +115,17 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox-group a {
|
||||
color: var(--color-cyan-bright);
|
||||
text-decoration: none; /* Unterstrich entfernen für einen cleaneren Look */
|
||||
transition: text-shadow 0.2s ease, color 0.2s ease;
|
||||
}
|
||||
|
||||
.checkbox-group a:hover {
|
||||
color: var(--color-text-main);
|
||||
text-shadow: 0 0 8px var(--color-cyan-bright);
|
||||
}
|
||||
|
||||
.checkbox-group input[type="checkbox"] {
|
||||
appearance: none;
|
||||
width: 18px;
|
||||
@@ -215,3 +226,42 @@
|
||||
pointer-events: auto;
|
||||
transition: color 0.2s ease, text-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#dev-warning-banner {
|
||||
position: absolute;
|
||||
top: 35px; /* Leichter Abstand zum oberen Bildschirmrand */
|
||||
left: 50%;
|
||||
transform: translateX(-50%); /* Zentriert das Banner horizontal */
|
||||
|
||||
/* Optik: Roter, halbtransparenter Hintergrund mit rotem Rahmen */
|
||||
background: rgba(255, 68, 68, 0.3);
|
||||
border: 1px solid var(--color-error);
|
||||
box-shadow: 0 0 15px rgba(255, 68, 68, 0.8); /* Sanfter roter Glow */
|
||||
|
||||
color: var(--color-text-main);
|
||||
padding: 12px 25px;
|
||||
font-size: 14px;
|
||||
font-family: var(--font-main);
|
||||
text-align: center;
|
||||
letter-spacing: 1px;
|
||||
|
||||
/* Z-Index hoch ansetzen, damit es garantiert über allem anderen liegt */
|
||||
z-index: 100;
|
||||
pointer-events: auto; /* Erlaubt das Markieren des Textes mit der Maus */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------
|
||||
* Hervorhebung des Warn-Icons innerhalb des Banners
|
||||
* ---------------------------------------------------------------------- */
|
||||
#dev-warning-banner .warning-icon {
|
||||
color: var(--color-error);
|
||||
font-size: 16px;
|
||||
margin-right: 5px;
|
||||
text-shadow: 0 0 8px var(--color-error);
|
||||
}
|
||||
|
||||
#dev-warning-banner strong {
|
||||
color: var(--color-error);
|
||||
}
|
||||
@@ -28,7 +28,7 @@ export const translations = {
|
||||
ph_otp: "6-stelliger Code",
|
||||
|
||||
// --- Labels ---
|
||||
lbl_agb: "Ich akzeptiere die AGB & Spielregeln",
|
||||
lbl_agb: "Ich akzeptiere die <a href='agb.html' target='_blank'>AGB</a>, <a href='regeln.html' target='_blank'>Spielregeln</a> & den <a href='datenschutz.html' target='_blank'>Datenschutz</a>",
|
||||
lbl_remember: "Angemeldet bleiben",
|
||||
|
||||
// --- OTP Modus ---
|
||||
@@ -45,6 +45,8 @@ export const translations = {
|
||||
MSG_SECTOR_JOINED_SUCCESS: "Sektor erfolgreich beigetreten!",
|
||||
|
||||
// --- Footer ---
|
||||
link_agb: "AGB",
|
||||
link_rules: "Spielregeln",
|
||||
link_imprint: "Impressum",
|
||||
link_privacy: "Datenschutz",
|
||||
|
||||
@@ -93,8 +95,7 @@ export const translations = {
|
||||
ph_otp: "6-digit code",
|
||||
|
||||
// --- Labels ---
|
||||
lbl_agb: "I accept the Terms & Rules",
|
||||
lbl_remember: "Keep me logged in",
|
||||
lbl_agb: "I accept the <a href='agb.html' target='_blank'>Terms of Service</a>, <a href='regeln.html' target='_blank'>Rules</a> & <a href='datenschutz.html' target='_blank'>Privacy Policy</a>", lbl_remember: "Keep me logged in",
|
||||
|
||||
// --- OTP Modus ---
|
||||
txt_otp_instruction: "Please enter the 6-digit code from your e-mail.",
|
||||
@@ -110,6 +111,8 @@ export const translations = {
|
||||
MSG_SECTOR_JOINED_SUCCESS: "Successfully joined the sector!",
|
||||
|
||||
// --- Footer ---
|
||||
link_agb: "Terms of Service",
|
||||
link_rules: "Game Rules",
|
||||
link_imprint: "Imprint",
|
||||
link_privacy: "Privacy Policy",
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@ export function updateTranslations() {
|
||||
const elements = document.querySelectorAll('[data-i18n]');
|
||||
elements.forEach(el => {
|
||||
const key = el.getAttribute('data-i18n');
|
||||
el.textContent = t(key);
|
||||
el.innerHTML = t(key);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user