Projekt-Bausteine

Hier bekommst du fertige Kopier-Blöcke, um eigene Programme einzufügen, zu deaktivieren oder sauber zu entfernen.

1. Projekt hinzufügen

Block kopieren und in js/projects-data.js in die Liste window.PROJECTS einfügen.

2. Projekt deaktivieren

Setze active: false. Das Projekt bleibt im Code, wird aber standardmässig ausgeblendet.

3. Projekt entfernen

Den kompletten Projektblock löschen. Vorher Backup machen und danach Website testen.

Einfüge-Regel

In js/projects-data.js stehen alle Projekte in einer Liste. Zwischen zwei Projektblöcken muss ein Komma stehen. Nach dem letzten Projektblock darf kein zusätzliches Komma nötig sein.

Empfohlen: Erst deaktivieren, testen, danach erst löschen. So verlierst du keine Projektbeschreibung aus Versehen.

Neues Projekt / neues Programm einfügen

Diesen Objekt-Block kopieren, anpassen und in js/projects-data.js einfügen.

{
  "active": true,
  "id": "mein-neues-tool",
  "name": "Mein neues Tool",
  "category": "KI-Tools",
  "status": "Beta",
  "platform": "Browser / HTML",
  "version": "v1.0",
  "updated": "[[DATUM EINTRAGEN]]",
  "toolUrl": "projekte/mein-neues-tool.html",
  "projectPage": "projekte/mein-neues-tool.html",
  "manualUrl": "manuals.html#mein-neues-tool",
  "downloadUrl": "downloads.html#mein-neues-tool",
  "summary": "Kurze Beschreibung: Was macht dieses Tool und für wen ist es gedacht?",
  "features": [
    "Funktion 1 kurz beschreiben",
    "Funktion 2 kurz beschreiben",
    "Funktion 3 kurz beschreiben"
  ],
  "risks": "Wichtiger Hinweis: Ergebnisse prüfen. Nicht für sicherheitskritische Entscheidungen als alleinige Grundlage verwenden.",
  "icon": "⚙",
  "sort": 100
}

Projekt deaktivieren / wieder aktivieren

Schnellste sichere Methode, um ein Tool vorübergehend von der Website zu nehmen.

// Projekt deaktivieren:
// 1. Datei öffnen: js/projects-data.js
// 2. Beim gewünschten Projekt diese Zeile setzen:
"active": false,

// Ergebnis:
// - Projekt wird auf der Website standardmässig ausgeblendet.
// - Mit "Deaktivierte anzeigen" kann es intern noch sichtbar gemacht werden.
// - Projektdateien bleiben erhalten.

// Wieder aktivieren:
"active": true,

Projekt vollständig entfernen

Nur verwenden, wenn das Projekt definitiv nicht mehr auf der Website erscheinen soll.

// Projekt vollständig entfernen:
// 1. Backup erstellen.
// 2. Datei öffnen: js/projects-data.js
// 3. Den kompletten Projektblock löschen, inklusive { ... } und Komma.
// 4. Optional die Detailseite löschen:
//    projekte/mein-neues-tool.html
// 5. Optional Manual- und Download-Einträge entfernen.
// 6. Im Browser testen: projekte.html, tools.html, index.html.

// Achtung:
// Wenn du nur "active": false setzt, ist das Projekt deaktiviert.
// Wenn du den Block löschst, ist es aus der Projektliste entfernt.

Manuelle HTML-Projektkarte

Nur nötig, wenn du ausserhalb der automatischen Projektliste eine einzelne Karte einbauen willst.

<article class="card">
  <h3>Mein neues Tool</h3>
  <p class="muted">Kurze Beschreibung des Tools.</p>
  <div class="badge-row">
    <span class="badge status-beta">Beta</span>
    <span class="badge">KI-Tools</span>
    <span class="badge">Browser / HTML</span>
  </div>
  <div class="actions">
    <a class="btn btn-primary" href="projekte/mein-neues-tool.html">Öffnen</a>
    <a class="btn btn-ghost" href="manuals.html#mein-neues-tool">Manual</a>
    <a class="btn btn-ghost" href="fehler-melden.html?projekt=mein-neues-tool">Fehler melden</a>
  </div>
</article>

Vorlage für eine neue Projektseite

Als neue Datei unter projekte/mein-neues-tool.html speichern und Texte anpassen.

<!doctype html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mein neues Tool · Projektzentrale</title>
  <meta name="description" content="Projektseite für Mein neues Tool.">
  <link rel="icon" href="../assets/favicon.svg" type="image/svg+xml">
  <link rel="stylesheet" href="../css/style.css">
  <script defer src="../js/projects-data.js"></script>
  <script defer src="../js/app.js"></script>
</head>
<body data-page="projekte/mein-neues-tool.html">
<header class="site-header"><div class="container header-inner"><a class="brand" href="../index.html"><span class="brand-mark">⚙</span><span><strong>Projektzentrale</strong><small>KI-Tools, Funktechnik, Karten, Notfunk, 3D/CAD und technische Manuals</small></span></a><button class="menu-toggle" type="button" aria-label="Navigation öffnen" aria-expanded="false" data-menu-toggle>☰</button><nav class="main-nav" data-main-nav><a class="nav-link" href="../index.html">Start</a><a class="nav-link" href="../projekte.html">Projekte</a><a class="nav-link" href="../tools.html">Tools</a><a class="nav-link" href="../manuals.html">Manuals</a><a class="nav-link" href="../downloads.html">Downloads</a><a class="nav-link" href="../fehler-melden.html">Fehler melden</a><a class="nav-link" href="../kontakt.html">Kontakt</a><button class="theme-toggle" type="button" data-theme-toggle>◐</button></nav></div></header>
<main id="main">
<section class="subhero"><div class="container"><div class="breadcrumb"><a href="../index.html">Start</a> / <a href="../projekte.html">Projekte</a> / Mein neues Tool</div><h1>Mein neues Tool</h1><p class="lead">Kurze Beschreibung deines Tools.</p></div></section>
<section class="section"><div class="container project-detail-grid">
  <article class="panel">
    <h2>Beschreibung</h2>
    <p>Hier erklärst du, was das Tool macht, für wen es gedacht ist und wie man es benutzt.</p>
    <h2>Kurz-Anleitung</h2>
    <ol>
      <li>Tool öffnen.</li>
      <li>Daten eingeben.</li>
      <li>Ergebnis prüfen.</li>
    </ol>
    <h2>Bekannte Einschränkungen</h2>
    <div class="warning">Ergebnisse immer prüfen. Dieses Tool ist keine alleinige Entscheidungsgrundlage für sicherheitskritische Einsätze.</div>
  </article>
  <aside class="panel">
    <h2>Status</h2>
    <p><span class="badge status-beta">Beta</span></p>
    <p><strong>Version:</strong> v1.0</p>
    <p><strong>Letzte Änderung:</strong> [[DATUM]]</p>
    <div class="actions"><a class="btn btn-primary" href="../tools/mein-neues-tool/index.html">Tool starten</a><a class="btn btn-ghost" href="../fehler-melden.html?projekt=mein-neues-tool">Fehler melden</a></div>
  </aside>
</div></section>
</main>
<footer class="site-footer"><div class="container footer-grid"><div><strong>Projektzentrale</strong><p>Rechtliche Angaben prüfen.</p></div><div><strong>Rechtliches</strong><br><a href="../legal/impressum.html">Impressum</a> · <a href="../legal/datenschutz.html">Datenschutz</a> · <a href="../legal/agb.html">AGB</a> · <a href="../legal/cookie-einstellungen.html">Cookie-Einstellungen</a></div><div><strong>Sicherheit</strong><p>Keine externen Tracker ohne Einwilligung.</p></div></div></footer>
</body></html>

Prüfliste nach jeder Änderung

index.html öffnen: Werden die ersten Projektkarten angezeigt?
projekte.html öffnen: Suche und Filter testen.
tools.html öffnen: Toolkarte sichtbar?
Deaktivierung testen: active: false setzen und Seite neu laden.
Browser-Konsole prüfen: Keine roten JavaScript-Fehler.
Vor Upload auf Hosttech kompletten Ordner sichern.