Utforska
~/projektet

Projektet

Om projektet

Hela den här sajten byggs med en egen webbapp som körs lokalt (Flask + SQLite) och publicerar en statisk sajt till en Raspberry Pi. Koden ligger i ett privat git-repo – den här sidan visar allt som skickas dit: skärmbilder på alla funktioner och historiken över vad som gjorts.

Sidan uppdateras automatiskt varje gång sajten byggs, så nya incheckningar och skärmbilder dyker upp här.

9incheckningar
5 126rader kod
53källfiler
2026-10-11senast uppdaterad

Sajten

StartsidaStartsidaPixelhero med bakgrundseffekt, menyn och temaknappen.TemamenyTemamenyAlla Omarchy-teman med färgrutor; tangent T bläddrar.

Musik och visualiseringar

Low-poly-terrängLow-poly-terrängFacetterad terräng som dansar efter musiken.Cirkel-spektrumCirkel-spektrumPulserande spektrumring.Pixel-equalizerPixel-equalizerRetro-EQ i temats färger.VågformVågformLjudvågen i realtid.KristallklotKristallklotLow-poly-sfär som trycks ut av frekvenserna.Low-poly-tunnelLow-poly-tunnelBerg-och-dalbana med spektrogram i spåret, ljusringar för bas och gnistor för diskant.PlattformsspelPlattformsspelPappersgubbe som hoppar på staplar som musiken bygger – genom lager av landskap och tunnlar.

Bilder och blogg

GalleriGalleriMosaik med bildtexter.HovereffektHovereffektPixel-lins som följer musen.BildvisareBildvisareHelskärm med effekter, miniatyrer och bildspel.BloggBloggInlägg med RSS.

Mobil

Plattformsspelet på mobilPlattformsspelet på mobilSamma effekt i mobilens layout.MobilmenyMobilmenyHamburgermeny med alla sidor.

Appen (admin)

SidredigerareSidredigerareLive-förhandsvisning, block, historik och AI.SektionsbibliotekSektionsbibliotekFärdiga sektioner att lägga in med ett klick.MusikblockMusikblockSnabbval, reglage och widgets.Lägg till låtarLägg till låtarSläpp ljudfiler – taggar och omslag läses in.Ny sidaNy sidaLåt AI bygga sidan, eller starta från en mall.FilerFilerUppladdade bilder och ljud.InställningarInställningarMeny, tema, effekter och musik.PubliceraPubliceraTorrkörning, releaser och återställning.InläggInläggBlogginlägg i Markdown.AI-assistentAI-assistentFöreslår block och sidor som du godkänner.

Historik

Mobilappen: egen ikon (pixel-K med penna) och uppdaterad manifest
Mobilapp (PWA) på /m: snabbflöden för foto, text, låt, inlägg, länk och ny sida, redigering av block, publicering. PIN-skydd för nätverksåtkomst (setpin.sh, lan.sh)
Uppdaterad data efter publicering
Spelaren: dolda kontroller som visas vid hover/tryck, tryck pausar inte musiken, större bild på mobil
Spelaren: tydlig effektknapp i bilden med meny över alla visualiseringar
Plattformsspel: mjukare hopp, takt från bastrumman, levande staplar (3 band per stapel) och ingen ramling
Plattformsspel: hoppar i takt (BPM-detektion, hoppen landar på taktslag), staplar som VU-mätare per frekvensband och ett EQ-golv
Ny sida 'Projektet' och modulen kodlogg: visar git-historik och skärmbilder på hemsidan

Modulen läser git log och docs/screenshots vid varje bygge, så allt som checkas in dyker upp på sidan.

Kindström Site: webbyggare med admin-app, moduler, musikvisualiseringar, bildvisare och publicering till Pi

Innehåller källkod, data/site.db och uppladdningar, README med skärmbilder, driftfiler (deploy/).