Feat/new design

[Lav-Sen]

Docs Design überarbeitet

Ich habe das Design und Layout der Docs-Übersichtsseiten überarbeitet: Edu, Edu2, Bike, Co2, Home und Mini.

Das Ganze ist komponentenbasiert aufgebaut. Man kann sich auf die Components konzentrieren und den Inhalt einfach anpassen, ohne sich durch den ganzen Code zu wühlen. Macht die Wartung deutlich einfacher und man findet sich schneller zurecht.

Die neuen Components:

NavGreen – Die obere grüne Navigationsleiste. Hier findet man:

• Pinouts
• Datasheets
• Sensoren und Anschlüsse, die verwendet wurden
  Klickt man drauf, wird man zur entsprechenden Seite navigiert.

NavWhite – Die untere weiße Navigationsleiste mit:

• Features
• Hardware-Infos
• TechSpecs
• Arduino-Anleitungen
• Und mehr

Der Content wird direkt darunter angezeigt.

NavBlock – Navigations-Blöcke als Alternative zur Sidebar. Damit kommt man direkt zu den verschiedenen Hardware-Komponenten, ohne über die Sidebar zu gehen.

TechSpecs Component
Technische Details in Tabellenform, die über NavWhite erreichbar sind. Lassen sich easy für jeden Controller individuell anpassen.
(!!Die Infos da drin müssen noch überprüft und aktualisiert werden)

Sonstiges:

• Bike-Overview: Über NavGreen kommt man jetzt auch zu Pflegehinweisen und Fehlersuche. Bin mir noch nicht sicher, ob wir das auch in der Sidebar brauchen – was meint ihr?
• Home-Overview: Wollte noch Icons (FontAwesome) einbauen, aber der Import funktioniert noch nicht richtig. Deswegen sind "Messbare Phänomene" und "Datenübertragung" in der NavGreen noch nicht klickbar.

Was noch zu tun ist:

• TechSpecs-Tabellen checken und aktualisieren
• FontAwesome-Import für Home fixen
• Entscheiden, ob die Duplikate in der Sidebar bei Bike bleiben sollen

[netlify]

✅ Deploy Preview for docs-sensebox-de ready!

Name	Link
🔨 Latest commit	464d1ab
🔍 Latest deploy log	https://app.netlify.com/projects/docs-sensebox-de/deploys/69834adee8bf2500080fe195
😎 Deploy Preview	https://deploy-preview-95--docs-sensebox-de.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Thiemann96]

Englisch <=> deutsche texte nochmal checken bitte (um die englische übersetzung kümmern wir uns wenn alles auf deutsch fertig ist)

außerdem wäre es schön wenn auf der startseite die border um die elemente wiederkommt (die is durch dieses tailwind update verloren gegangen)

Ansonsten gefällt mir das sehr gut, sieht sehr hübsch aus !