https://statarocket.netlify.app/

• Alpine.js x-binds für Buttons korrigiert

• Alpine.js x-bind Klassen für DarkMode korrigiert

• DarkMode umgesetzt

• DropDown Menü für DarkMode angepasst
• Korrektur in Tailwind Config

• Icons getauscht
• Theme-Wechsler korrigiert

• Theme-Wechsler korrigiert

• Schriften als CSS-Variablen
• Theme-Wechsler eingebaut

• DropDown Menü und Mobiles Menü
• Hero eingebaut
• Korrekturen

1. Vite installiert
   • npm create vite@latest
   • npm install
   • https://vitejs.dev
2. Tailwind CSS installiert
   • npm install -D tailwindcss postcss autoprefixer
   • npx tailwindcss init -p
   • content-Array in tailwind.config.js angepasst
   • /src/css/tailwind.css angelegt mit Tailwind-Direktiven
   • https://tailwindcss.com
3. Alpine.js installiert
   • npm install alpinejs
   • /src/js/site.js angelegt mit Import von Alpine.js
   • https://alpinejs.dev
4. Prettier installiert
   • npm install -D prettier prettier-plugin-tailwindcss
   • prettier.config.cjs angelegt mit Einstellungen
   • https://prettier.io/
5. Themes vorbereitet
   • /src/css/tailwind.css angepasst
   • tailwind.config.js angepasst
6. Header angelegt

© 2023 Jürgen Schadek - Alle Rechte vorbehalten.