KI_Schulwettbewerb/main/popup.html

94 lines
3.2 KiB
HTML

<html lang="de">
<head>
<meta charset="utf-8">
<title>Antihate</title>
<meta name="author" content="Hanad.H.">
<meta name="date" content="2025-07-03">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="main.css" rel="stylesheet" type="text/css">
<link href="popup.css" rel="stylesheet" type="text/css">
</head>
<html>
<body>
<h1>anti<b>Hate</b></h1>
<div class="text">
<p>
Mit dieser Browsererweiterung können Sie sich vor Hassrede oder anstößigen
Inhalten auf sämtlichen Webseiten schützen. Entscheiden Sie selbst, ob
solche Inhalte markiert, entfernt, ersetzt oder reflekitiert erläutert
werden sollen. Sie können die Seite auch bei Google melden.
</p>
</div>
<script src="popup.js">
</script>
<div class ="counter" id="how_many_words">
<p>Auf dieser Seite gefundene Inhalte: </p><p id="getDetectedWords"></p>
</div>
<div class="knöpfe">
<button id="clickMe1" class="knopf" title="Mit dieser Einstellung werden alle anstößigen, sowie volksverhetzenden oder hasserfüllten Inhalte auf der Webseite markiert.">
Inhalte markieren
</button>
<label>
<input type="checkbox" class="switch" id="toggleSwitch1">
</label>
<button id="clickMe2" onclick="border(this)" class="knopf" title="Diese Einstellung löscht Einträge mit hasserfülltem oder anstäßigem Inhalt. Warnung: Texte könnten so unvollständig und unlogisch angezeigt werden.">
Erläuterungen aktivieren
</button>
<label>
<input type="checkbox" class="switch" id="toggleSwitch2">
</label>
<button id="clickMe3" onclick="highlight(this)" class="knopf" title="Bei dieser Einstellung bleiben alle Inhalte unverändert auf der Webseie vorhanden. Allerdings erscheinen bei gewaltvollem oder anstößigem Inhalt reflektierte Erläuterungen zu dem Thema.">
Inhalte ersetzen
</button>
<label>
<input type="checkbox" class="switch" id="toggleSwitch3">
</label>
<button id="clickMe4" onclick="highlight(this)" class="knopf" title="Bei dieser Einstellung bleiben alle Inhalte unverändert auf der Webseie vorhanden. Allerdings erscheinen bei gewaltvollem oder anstößigem Inhalt reflektierte Erläuterungen zu dem Thema.">
Inhalte enfernen
</button>
<label>
<input type="checkbox" class="switch" id="toggleSwitch4">
</label>
<button id="clickMe4" class="knopf" title="Bei dieser Einstellung bleiben alle Inhalte unverändert auf der Webseie vorhanden. Allerdings erscheinen bei gewaltvollem oder anstößigem Inhalt reflektierte Erläuterungen zu dem Thema.">
Seite melden
</button>
</div>
<div class="footer">
<p>
Beachten Sie unsere
<a href="warnings.html">
Warnhinweise
</a>. Seien Sie stets sorgsam mit dieser Erweiterung.
Da sie KI verwendet, sollte man ersetzte Inhalte nur mit Voricht verwenden.
</p>
</div>
</body>
</html>