spiffy

VanillaJS Example

all-scribbly
| | all-scribbly

<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Lock Button</title> <style> :root { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } body { padding: 24px; } .row { display: flex; align-items: center; gap: 12px; } button.lock { display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid rgba(0,0,0,.2); border-radius: […]

VanillaJS Example Read More »

Penpot (Also DOCKER) – Self Host

all-scribbly coding
| | all-scribbly, coding |

https://penpot.shawns-machine.com (penpotter) https://penpot.app/ Straight from Penpot’s Docker install guide (it listens on http://localhost:9001 by default).  1) Penpot locally with simple Docker (compose) mkdir -p ~/penpot && cd ~/penpot curl -L -o docker-compose.yaml https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml docker compose -p penpot -f docker-compose.yaml up -d open http://localhost:9001 JavaScript Copy 2) save a “restart it later” command on Penpot

Penpot (Also DOCKER) – Self Host Read More »

GTM To Analytics

all-scribbly coding
| | all-scribbly, coding

1. Initialize All Environments with GTM and Analytics Stream IDs Install GTM: First, ensure that Google Tag Manager (GTM) is installed on your site across all environments (development, production, etc.). You’ll add the GTM container to your website or web app. Analytics Stream Setup: In GA4, set up the Analytics Stream ID, which is needed

GTM To Analytics Read More »