spiffy

Vault Deployment | 🎯 Clear Architecture: Web vs Desktop

coding, javascript, accid /

Three Deployment Modes: Mode 1: Pure Web (No Vault Needed) User Browser ↓ https://yoursite.com/html-builder ↓ localStorage (editing) ↓ Browser FTP library (publishing) ↓ User’s FTP server Who: Public users on your siteInstall: NothingVault: Not needed (browser handles FTP) Mode 2: Web + Hosted Vault (Recommended) User Browser ↓ https://yoursite.com/html-builder ↓ localStorage (editing) ↓ POST to

Vault Deployment | 🎯 Clear Architecture: Web vs Desktop Read More »

Shortcodes

all-scribbly, coding, note /

Basic Code Wrapper – Prismatic https://prismjs.com/examples.html <pre><code class="language-javascript">CODE </code></pre> pick a language – wrap code in it “language-markup” / “language-html” / “language-mathml” PLUGINS:: Adding tags to page – tags are added to body_class so they style the prism area as well rainbow-braces line-numbers match-braces no-brace-hover <pre><code class="language-javascript"> var myObject = { property1: "something", property2: 5,

Shortcodes Read More »

ACCID Pipeline

coding, javascript, accid /

Site content extraction using Playwright. Extract content from websites → organize by page type → output for HTML Builder. Table of Contents Quick Start Pipeline Overview Step 1: Discover Step 2: Curate Step 3: Tagger Step 4: Preview Step 5: Runner Step 6: Extract Step 7: Convert Action Reference File Formats Troubleshooting Quick Start chmod

ACCID Pipeline Read More »

Samba Shares on MAC to Linux Machines

coding, design - layout, general /

Samba Shares on MAC to Linux Machines Perfect! Staging server (XXX.XXX.X.STAGE) now appears in Mac Finder Network with staging (/srv) and www (/var/www/sites) shares—drag-drop /Volumes/www/htmlbuilder.shawns-machine.com etc. like local drives.[1] Prod Quick Copy (XXX.XXX.X.PROD) sudo apt update & sudo apt install samba avahi-daemon smbclient -y sudo mkdir -p /srv/prod-share /var/www/prod-sites # Or your paths sudo chown

Samba Shares on MAC to Linux Machines Read More »

Setup Site on Staging

all-scribbly, coding /

Steps for NON-DOCKERIZED SITE Proxy GNU nano 5.6.1 site.shawns-machine.com.conf # Proxy nginx site.shawns-machine.com server { server_name site.shawns-machine.com; location / { proxy_pass http://192.168.1.9:8080; # matomo runs on 80 others moved proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } listen 443 ssl; ssl_certificate /etc/letsencrypt/live/site.shawns-machine.com/fullchain.pem; # FIXED: vault cert ssl_certificate_key /etc/letsencrypt/live/site.shawns-machine.com/privkey.pem; # FIXED:

Setup Site on Staging Read More »

VanillaJS Example

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 /

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 »