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 JavaScriptCopy 2) save a “restart it later” command on Penpot host (192.168.1.9)

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 IDsInstall 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 to track

GTM To Analytics Read More »