Background: a line drawing of the house seen from the street that dissolves into particles when touched and then reassembles.
Glashaus®

Driveway · Camera · Logbook · Wednesday, 21 October

Who comes, who goes,the house keeps note.

Cars, trips and visitors at the driveway at a glance.

Open logbook

Carport camera

Live

On every movement the script writes a new image every second for 30 seconds. The AI recognises number plates, direction and delivery services.

Cars

known number plates

New cars via the Telegram button “Save as known”.

The week on the road.

Trips

open

    October

    A private logbook, without mileage. Telegram: /fahrtenbuch

    Garage

    display only
    Closedsince 18:42
    Contact closed · trueContact open · false

    Visitor log

    7 days
    3 deliveries1 guest4 unknown2 night alarms
    • DHL with parcelPerson · yellow jacket · line crossed
    • Aunt AnnaGuest until Saturday · arriving
    • Unknown · XY ··· 12white van · turning
    • AmazonPerson with parcel
    • Night alarmPerson in the yard · video sent

    Unknown number plates shortened, own cars and guests in full.

    The bins out to the kerb.

    Collection calendar

    –
    –

    General waste fee

    –
    12 collections are included in the annual fee

    Put out (tap to change)

    General waste litres
    Food waste litres
    Use in VIS 2 · Live popup, cars, logbook, garage

    Widget → Datapoint

    WidgetDatapointNote
    Live popup0_userdata.0.Einfahrt.liveAktivPopup visibility; true while motion is detected
    Live image0_userdata.0.Einfahrt.liveBildImage widget with a binding as source, URL changes every second (web.0, port 8082)
    Popup text0_userdata.0.Einfahrt.bewegungJSON: ziel, status, name, kennzeichen, fahrzeug, richtung, beschreibung, bild
    Car at home0_userdata.0.Einfahrt.autos.<KENNZEICHEN>.zuhauseplus .seit and .name; created on the first trip
    Wallboxesmywallbox.0.597213 Carport · mywallbox.0.840021 GarageEnable the adapter, then charging.charging_power and chargingData.last_session.added_energy
    Away0_userdata.0.Einfahrt.unterwegsJSON of open trips
    Logbook0_userdata.0.Einfahrt.fahrtenJSON list, 400 days; fahrtMinuten goes to InfluxDB
    PurposeTelegram buttonson return, otherwise /fahrten
    Garage closedzigbee.0.00158da5cd4eb01c.contacttrue = closed
    Garage openzigbee.0.00158d470c5b8a00.contacttrue = fully open; both false = moving
    Garage statusjavascript.0.CurrentDoorState0 open · 1 closed · 2 opening · 3 closing
    Collection calendar0_userdata.0.Muell.termineJSON [{datum, art}], next 60 days, refreshed nightly from the waste calendar
    General waste put out0_userdata.0.Muell.restLeerungenJSON list of dates for the year, set via the Telegram button “General waste put out”
    Carport LEDwled.0.6fe7eba7af9ePreset 6 opening (yellow), 7 closing (red)

    Project CSS

    Garage as before. The live popup is a separate widget set: image widget plus text, visible via a binding on liveAktiv.

    /* Garage door: slats move up */
.gh-door{transition:transform 6s cubic-bezier(.45,0,.25,1)}
.gh-door.offen{transform:translateY(-92%)}
.gh-door.faehrt{transform:translateY(-45%)}

/* WLED strip above the door */
.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}
}

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