Back to Makers
W

Where was I, exactly

1 launch on CompassPad

Visit website

Launches

Where was I, exactly

Trending

Point your iPhone at the horizon and your geotagged photos appear pinned on the landscape, with distance and altitude. Free, offline, no account, no ads.

Developer ToolsCCompassPad editorial

Point your iPhone at the horizon and your geotagged photos appear pinned on the landscape, with distance and altitude. Free, offline, no account, no ads. passa al ritaglio 4:3, che ha un altro rapporto: se la cornice restasse quella del panorama, foto e cornice si sfalserebbero. */ @media(max-width:40rem){:root{--frame-ar:4600/3450}} /* --- pin ------------------------------------------------------------------ Il finto pin: la foto appesa al punto del panorama dove sarebbe stata scattata, che e' esattamente quello che fa l'app sulla vista dal vivo. Le coordinate sono frazioni dell'immagine sorgente, lette sulla cresta scura a destra del titolo. Il puntino sta sull'ancora, la scheda gli galleggia sopra appesa a un filo. */ .pin{position:absolute;left:var(--pin-x);top:var(--pin-y);z-index:3; --stem:clamp(30px,5vh,52px);--card:132px} .pin--a{--pin-x:57.5%;--pin-y:62.8%} .pin--b{--pin-x:65.9%;--pin-y:35.4%; --stem:clamp(24px,4vh,40px);--card:104px;opacity:.9} /* Il puntino sull'ancora, con l'alone che lo stacca dalla montagna. */ .pin::after{content:"";position:absolute;left:0;top:0;width:11px;height:11px; margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--accent); border:2px solid rgba(255,255,255,.92); box-shadow:0 0 0 4px rgba(255,138,31,.22), 0 2px 10px rgba(0,0,0,.7)} .pin--b::after{width:8px;height:8px;margin:-4px 0 0 -4px;border-width:1.5px} /* Il filo, che sfuma verso il basso per non sembrare uno stecco appiccicato. */ .pin::before{content:"";position:absolute;left:0;bottom:0;width:1px; height:var(--stem);margin-left:-.5px; background:linear-gradient(180deg,v