mindflux/src/main/resources/templates/finalflux.html

<!DOCTYPE html>
<html lang="de" data-theme="dark">
<head>
  <meta charset="UTF-8">
  <title>FinalFlux AP1 - Mindflux</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css">
  <link rel="stylesheet" href="/css/finalflux.css">
  <script src="/js/theme.js"></script>
</head>
<body class="finalflux-shell">
  <aside class="finalflux-sidebar">
    <div style="display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap">
      <a href="/dashboard" class="finalflux-back" style="margin-bottom:0">Zurück zum Dashboard</a>
      <button class="mf-theme"></button>
    </div>
    <h1>FinalFlux</h1>
    <p>AP1 Informatik nach aktueller IHK-Ausbildungsordnung.</p>

    <nav class="finalflux-nav" aria-label="FinalFlux AP1 Navigation">
      <section>
        <h2>Grundlagen</h2>
        <a href="/finalflux/ap1/zahlensysteme.html">Zahlensysteme & Speicher</a>
        <a href="/finalflux/ap1/ip-berechnung.html">IP-Adressberechnung</a>
        <a href="/finalflux/ap1/projektmanagement.html">Projektmanagement</a>
        <a href="/finalflux/ap1/datenschutz.html">Datenschutz</a>
      </section>

      <section>
        <h2>Systeme & Netzwerke</h2>
        <a href="/finalflux/systemintegration/topologien.html">Netzwerktopologien</a>
        <a href="/finalflux/systemintegration/osi.html">OSI-Modell</a>
        <a href="/finalflux/systemintegration/storage.html">Storage Systeme</a>
        <a href="/finalflux/systemintegration/backuparten.html">Backuparten</a>
        <a href="/finalflux/systemintegration/usv.html">USV</a>
        <a href="/finalflux/systemintegration/datenbank.html">Datenbanksysteme</a>
        <a href="/finalflux/systemintegration/dsl.html">DSL</a>
        <a href="/finalflux/systemintegration/thin-client.html">Thin Clients</a>
        <a href="/finalflux/systemintegration/vdi-daas.html">VDI & DaaS</a>
        <a href="/finalflux/systemintegration/vlan.html">VLAN</a>
      </section>

      <section>
        <h2>Wirtschaft & Beschaffung</h2>
        <a href="/finalflux/wirtschaft/angebotsvergleich.html">Angebotsvergleich</a>
        <a href="/finalflux/wirtschaft/bezugskalkulation.html">Bezugskalkulation</a>
        <a href="/finalflux/wirtschaft/kosten_nutzen.html">Kosten-Nutzen-Vergleich</a>
        <a href="/finalflux/wirtschaft/nutzwertanalyse.html">Nutzwertanalyse</a>
        <a href="/finalflux/wirtschaft/make_or_buy.html">Make or Buy</a>
        <a href="/finalflux/wirtschaft/roi.html">Return on Investment</a>
        <a href="/finalflux/wirtschaft/rentabilitätsrechnung.html">Rentabilitätsrechnung</a>
        <a href="/finalflux/wirtschaft/amortisation.html">Amortisation</a>
        <a href="/finalflux/wirtschaft/ratendarlehen.html">Ratendarlehen</a>
        <a href="/finalflux/wirtschaft/vertragsarten.html">Vertragsarten</a>
        <a href="/finalflux/wirtschaft/marktformen.html">Marktformen</a>
        <a href="/finalflux/wirtschaft/wirtschaftssektoren.html">Wirtschaftssektoren</a>
        <a href="/finalflux/wirtschaft/harvard_konzept.html">Harvard-Konzept</a>
        <a href="/finalflux/wirtschaft/win_win_strategie.html">Win-Win-Strategie</a>
      </section>
    </nav>
  </aside>

  <main class="finalflux-main">
    <section class="finalflux-hero">
      <p class="eyebrow">Abschlussprüfung Teil 1</p>
      <h2>Einrichten eines IT-gestützten Arbeitsplatzes</h2>
      <p>
        FinalFlux bündelt AP1-Wissen für IT-Berufe: technische Grundlagen,
        Arbeitsplatzanalyse, Netzwerke, Datenschutz, Beschaffung und einfache
        Rechen- sowie Entscheidungssituationen.
      </p>
    </section>

    <section class="finalflux-grid">
      <article>
        <h3>1. Lernen</h3>
        <p>Jede Seite führt mit kurzer Erklärung, Prüfungsbezug und Merksätzen durch ein Thema.</p>
      </article>
      <article>
        <h3>2. Anwenden</h3>
        <p>Beispielaufgaben und kleine FluxChecks prüfen, ob der Stoff wirklich sitzt.</p>
      </article>
      <article>
        <h3>3. Wiederholen</h3>
        <p>Schwache Themen können später gezielt in Fortschritt und Training auftauchen.</p>
      </article>
    </section>

    <section class="finalflux-panel">
      <h3>AP1-Kompass</h3>
      <p>
        Starte mit Zahlensystemen und IP-Berechnung, wenn du Rechenaufgaben sichern willst.
        Für typische Handlungssituationen sind Datenschutz, Projektmanagement,
        Beschaffung, Storage, Backup und Netzwerke besonders wertvoll.
      </p>
      <div class="finalflux-actions">
        <a href="/finalflux/ap1/zahlensysteme.html">Zahlensysteme starten</a>
        <a href="/finalflux/systemintegration/osi.html">Netzwerke starten</a>
        <a href="/finalflux/ap1/datenschutz.html">Datenschutz starten</a>
      </div>
    </section>
  </main>

<footer class="mf-footer">
  <a href="#">Support</a>
  <a href="#">Feedback</a>
  <a href="/nutzungsbedingungen">Nutzungsbedingungen</a>
  <a href="/richtlinien">Richtlinien</a>
  <a href="/datenschutz">Datenschutz</a>
  <a href="/impressum">Impressum</a>
</footer>

</body>
</html>