Backup: Stand vor Design-Optimierung (2026-02-16)
Dieser Commit ist enthalten in:
112
PROFESSIONAL_TOOLBOX_CONTENT.md
Normale Datei
112
PROFESSIONAL_TOOLBOX_CONTENT.md
Normale Datei
@@ -0,0 +1,112 @@
|
||||
# Professional Toolbox - Backup Content
|
||||
|
||||
## Beschreibung
|
||||
Dieser Code enthält die vollständige Professional Toolbox Produktkarte, die temporär von der Website entfernt wurde.
|
||||
|
||||
## Verwendung
|
||||
Um die Professional Toolbox wieder auf der Website anzuzeigen, fügen Sie den folgenden HTML-Code in die `index.html` innerhalb des `<div class="products-grid">` Elements ein:
|
||||
|
||||
```html
|
||||
<!-- Product: AegisSight Professional Toolbox -->
|
||||
<div class="product-card">
|
||||
<div class="product-header">
|
||||
<div class="product-icon-wrapper">
|
||||
<div class="product-icon-bg"></div>
|
||||
<img class="product-icon" src="assets/images/icons/cube.svg" alt="Toolbox">
|
||||
</div>
|
||||
<div class="product-title-wrapper">
|
||||
<h3 class="product-title" data-translate="productToolboxTitle">Professional Toolbox</h3>
|
||||
<p class="product-tagline">Professional OSINT Suite</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-body">
|
||||
<p class="product-description" data-translate="productToolboxDesc">Eine leistungsstarke Desktop-Anwendung mit fünf essentiellen Tools für behördliche OSINT-Ermittler und Analysten. Modernes Design, intuitive Bedienung, professionelle Funktionen.</p>
|
||||
<button class="product-learn-more expand-button" data-expanded="false" onclick="toggleTools(this)">
|
||||
<span data-translate="expandDetails">Details anzeigen</span>
|
||||
</button>
|
||||
|
||||
<!-- Tools Grid (Hidden by default, shown on expand) -->
|
||||
<div class="tools-grid collapsed" id="toolsGrid">
|
||||
<!-- Tool 1: Metadata Analyzer -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/document.svg" alt="Document" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool1Title">Metadata Analyzer</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool1Feature1">Extrahiert versteckte Informationen (EXIF, GPS, Erstellungsdaten)</li>
|
||||
<li data-translate="tool1Feature2">Forensische Analyse von Dokumenten & Bildern</li>
|
||||
<li data-translate="tool1Feature3">Export als JSON</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tool 2: Screen Recorder -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/video-camera.svg" alt="Video" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool2Title">Screen Recorder</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool2Feature1">Bildschirmaufnahme mit Audio (System & Mikrofon)</li>
|
||||
<li data-translate="tool2Feature2">Bereichsauswahl oder Vollbild</li>
|
||||
<li data-translate="tool2Feature3">Wählbare Qualitätsstufen</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tool 3: Video Crawler -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/shield-play.svg" alt="Security" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool3Title">Video Crawler</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool3Feature1">Download von Videos aus 1000+ Plattformen</li>
|
||||
<li data-translate="tool3Feature2">Automatischer Untertitel-Download</li>
|
||||
<li data-translate="tool3Feature3">Qualitätsauswahl</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tool 4: Website Crawler -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/globe.svg" alt="Global" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool4Title">Website Crawler</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool4Feature1">Archiviert Webseiten offline</li>
|
||||
<li data-translate="tool4Feature2">Einstellbare Crawling-Tiefe</li>
|
||||
<li data-translate="tool4Feature3">Erhält Originalstruktur inkl. CSS, JS & Medien</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tool 5: Multimedia Converter -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/cube.svg" alt="Architecture" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool5Title">Multimedia Converter</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool5Feature1">Konvertierung von Bildern, Videos, Audio</li>
|
||||
<li data-translate="tool5Feature2">Batch-Verarbeitung</li>
|
||||
<li data-translate="tool5Feature3">Drag & Drop Unterstützung</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Hinweise
|
||||
- Die Professional Toolbox wurde temporär entfernt, um die AccountForger-Box korrekt zu zentrieren
|
||||
- Der Code ist vollständig funktionsfähig und kann jederzeit wieder eingefügt werden
|
||||
- Alle Übersetzungsschlüssel und Funktionen sind bereits in den entsprechenden JavaScript-Dateien vorhanden
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren