Hintergrund: Linienzeichnung des Hauses von der Straße, die beim Berühren in Partikel zerfließt und sich wieder zusammensetzt.

Einfahrt · Kamera · Fahrtenbuch · Mittwoch, 21. Oktober

Wer kommt, wer fährt,das Haus schreibt mit.

Autos, Fahrten und Besuch an der Einfahrt im Blick.

Zum Fahrtenbuch

Carport-Kamera

Live

Bei jeder Bewegung schreibt das Script 30 Sekunden lang jede Sekunde ein neues Bild. Die KI erkennt Kennzeichen, Richtung und Lieferdienste.

Autos

bekannte Kennzeichen

Neue Autos per Telegram-Knopf „Als bekannt speichern“.

Die Woche unterwegs.

Fahrten

offen

    Oktober


    Ohne km-Stände ein privates Fahrtenbuch. Telegram: /fahrtenbuch

    Garage

    nur Anzeige
    Zuseit 18:42
    Kontakt zu · trueKontakt offen · false

    Besucherbuch

    7 Tage
    3 Lieferdienste1 Gast4 unbekannt2 Nachtalarme
    • DHL mit PaketPerson · gelbe Jacke · Linie
    • Tante AnnaGast bis Samstag · fährt ein
    • Unbekannt · XY ··· 12weißer Transporter · wendet
    • AmazonPerson mit Paket
    • NachtalarmPerson im Hof · Video gesendet

    Fremde Kennzeichen nur gekürzt, eigene Autos und Gäste vollständig.

    Die Tonnen an die Straße.

    Abfuhrkalender

    –
    –

    Restmüll-Gebühr

    –
    12 Leerungen sind in der Jahresgebühr enthalten

    Rausgestellt (antippen zum Ändern)

    Restmüll Liter
    Biotonne Liter

    In VIS 2 übernehmen · Live-Popup, Autos, Fahrtenbuch, Garage

    Widget → Datenpunkt

    WidgetDatenpunktHinweis
    Live-Popup0_userdata.0.Einfahrt.liveAktivSichtbarkeit des Popups; true, solange Bewegung erkannt wird
    Live-Bild0_userdata.0.Einfahrt.liveBildImage-Widget mit Binding als Quelle, URL ändert sich jede Sekunde (web.0, Port 8082)
    Popup-Text0_userdata.0.Einfahrt.bewegungJSON: ziel, status, name, kennzeichen, fahrzeug, richtung, beschreibung, bild
    Auto zuhause0_userdata.0.Einfahrt.autos.<KENNZEICHEN>.zuhausedazu .seit und .name; entsteht bei der ersten Fahrt
    Wallboxenmywallbox.0.597213 Carport · mywallbox.0.840021 GarageAdapter aktivieren, dann charging.charging_power und chargingData.last_session.added_energy
    Unterwegs0_userdata.0.Einfahrt.unterwegsJSON der offenen Fahrten
    Fahrtenbuch0_userdata.0.Einfahrt.fahrtenJSON-Liste, 400 Tage; fahrtMinuten geht nach InfluxDB
    ZweckTelegram-Knöpfebei der Rückkehr, sonst /fahrten
    Garage zuzigbee.0.00158da5cd4eb01c.contacttrue = zu
    Garage offenzigbee.0.00158d470c5b8a00.contacttrue = ganz offen; beide false = fährt
    Garage-Statusjavascript.0.CurrentDoorState0 offen · 1 zu · 2 öffnet · 3 schließt
    Abfuhrkalender0_userdata.0.Muell.termineJSON [{datum, art}], nächste 60 Tage, nachts neu vom Abfallkalender
    Restmüll rausgestellt0_userdata.0.Muell.restLeerungenJSON-Datumsliste des Jahres, gesetzt per Telegram-Knopf „Restmüll rausgestellt“
    Carport-LEDwled.0.6fe7eba7af9ePreset 6 öffnen (gelb), 7 schließen (rot)

    Projekt-CSS

    Garage wie bisher. Das Live-Popup ist ein eigenes Widget-Set: Image-Widget plus Text, sichtbar per Binding auf liveAktiv.

    /* Garagentor: Lamellen fahren nach oben */
    .gh-door{transition:transform 6s cubic-bezier(.45,0,.25,1)}
    .gh-door.offen{transform:translateY(-92%)}
    .gh-door.faehrt{transform:translateY(-45%)}
    
    /* WLED-Leiste über dem Tor */
    .gh-led{background:rgba(21,21,20,.08);height:4px;border-radius:2px}
    .gh-led.oeffnet{background:#bf7a14;animation:gh-blink .6s steps(2) infinite}
    .gh-led.schliesst{background:#bd3d2c;animation:gh-blink .6s steps(2) infinite}
    @keyframes gh-blink{50%{opacity:.25}}
    
    @media (prefers-reduced-motion:reduce){
      .gh-door{transition:none}
      .gh-led{animation:none!important}
    }

    Beispiel CSS-Klasse: gh-door {v:javascript.0.CurrentDoorState; v==0 ? 'offen' : v>=2 ? 'faehrt' : ''}