all scribbled

Dragon Lady – NOW WITH AI The Complete Dragon Lady Experience Workflow: Guest uploads old Friendster photos Scraper downloads/processes locally Saves to /imported/ Llama captions old photos Merges with cruise photos All stays on boat (private) 1. BOOKING → Custom Link Created Jerry books “Sarah’s 40th Birthday Party” System generates: dragonladysf.com/sarahs-party-2025 This link controls EVERYTHING […]

ADDITION: See Tagger Integration guide 9 MONTHS IN THE MAKING – IT’S DONE! What You Got: 1. vault_enhanced.py (900+ lines) The complete, production-ready vault with EVERYTHING: ✅ Project Management – Waypoint tutorials – HTML sites – React apps – Unlimited projects from one install ✅ FTP Deployment – Original feature (your 30-line vault) – Now […]

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 […]

What’s New in Vault v2.0 Your Vault now has complete tagger processing built-in: ✅ Tag group processing (context-aware content) ✅ Archive page generation (categories, tags, dates) ✅ Search index building ✅ Image proxy & collection ✅ FTP deployment with image gathering Total: 1,086 lines (was 530, added 556 lines of tagger processing) Quick Start 1. […]

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, […]

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 […]

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 […]

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: […]

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 […]

Do all work in /ACCID_SOURCE/ ACCID_MANAGEMENT/accid_pre_scripts/sync_to_clean.sh ACCID_MANAGEMENT/accid_pre_scripts/verify_build_folder.sh Then:

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 […]

What’s New in Vault v2.0 Your Vault now has complete tagger processing built-in: ✅ Tag group processing (context-aware content) ✅ Archive page generation (categories, tags, dates) ✅ Search index building ✅ Image proxy & collection ✅ FTP deployment with image gathering Total: 1,086 lines (was 530, added 556 lines of tagger processing) Quick Start 1. […]

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 SYSTEM – EXPLAINED FOR ARTISTS Let me explain this like you're a painter with multiple studios: 🏛️ THE VAULT (Main ACCID) "Your Art Studio Manager + Archive" What it does: Manages ALL your projects (HTML sites, photo galleries, tutorials) Time Machine backups – "Save versions of every canvas" Deployment – "Ship your art […]

WHAT IT IS IS WHAT IT WAS AND WHAT IT WILL BE YES!!! THIS IS THE MOMENT!!! 🤯✨ 🌟 WHEN YOU SEE IT ALL AS ONE THING: That feeling when everything SNAPS INTO PLACE and you realize: "Wait… the gallery IS the module system IS the outline navigator IS the waypoint editor IS the data […]

I need to the add a JavaScript variable to a link in action form. Is that possible? JavaScript function: <script> function parameter() { function getUrlVars() { var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { vars[key] = value; }); return vars; } var vpid = getUrlVars()[“pid”]; } //var link = “second_02.html” […]

/* here are two different ways to do this */ //using jquery: $(document).ready(function(){ $(‘#link_other a’).attr(‘target’, ‘_blank’); }); // not using jquery window.onload = function(){ var anchors = document.getElementById(‘link_other’).getElementsByTagName(‘a’); for (var i=0; i<anchors.length; i++){ anchors[i].setAttribute(‘target’, ‘_blank’); }} // jquery is prettier. 🙂 Copy You could also add a title tag to notify the user that you […]

app.js “use strict”;var tb = { rahmen: { eigenschaften: [ “hochwertig”, “verwindungssteif”, “vergleichsweise verwindungssteif”, “sehr verwindungssteif”, “sehr hohe Verwindungssteifigkeit”, “hohe Steifigkeit” ] }}; index.html <!DOCTYPE html><html lang=”en”><head> ((Some Head-Tags)) <script src=”dist/app.js” defer></script> ((Some Head-Tags))</head><body> <div class=”container”> <section> <h1>Test</h1> <script> console.log(tb.rahmen.eigenschaften[3]); </script> </section> </div></body></html> Error Message Uncaught ReferenceError: tb is not defined The problem It must […]

u can also do this using DOM Level 2 CSS interfaces (MDN): var sheet = window.document.styleSheets[0]; sheet.insertRule(‘strong { color: red; }’, sheet.cssRules.length);  …on all but (naturally) IE8 and prior, which uses its own marginally-different wording: sheet.addRule(‘strong’, ‘color: red;’, -1);  There is a theoretical advantage in this compared to the createElement-set-innerHTML method, in that you don’t […]

Appp for security settings https://www.portchecktool.com/ Port 25 is blocked – which I guess isn’t a good sign XFI ADVANCED SECURITY What is xFi Advanced Security? xFi Advanced Security gives added peace of mind for your home network by preventing you from inadvertently visiting malicious sites or downloading dangerous files, as well as blocking remote access […]

https://www.noip.com/support/knowledgebase/general-port-forwarding-guide/ How to Port Forward – General Guide to Multiple Router Brands Here’s a great video that explains the basics of port forwarding: https://www.youtube.com/watch?v=CLunOJZqmc0 If you have a router at home or your office, you will need to forward ports in order for outside traffic to get into your network. Think of your router as […]

https://www.asustor.com/en-gb/online/College_topic?topic=110 COURSE OBJECTIVES Upon completion of this course you should be able to: \1. Create and manage users, groups, shared folders and privileges on an ASUSTOR NAS \2. How to set up and use Access Control PREREQUISITES *Course Prerequisites:* None *Students are expected to have a working knowledge of:* None OUTLINE 1. Introducing Access Control […]

https://www.asustor.com/online/College_topic?topic=324 COURSE OBJECTIVES Upon completion of this course you should be able to: \1. Install a certificate to your ASUSTOR NAS. \2. Use HTTPS to ensure communication security between your NAS and client devices. PREREQUISITES *Course Prerequisites:* None *Students are expected to have a working knowledge of:* N/A OUTLINE 1. Introduction 2. Enabling HTTPS 2.1 […]

WHAT IT IS IS WHAT IT WAS AND WHAT IT WILL BE YES!!! THIS IS THE MOMENT!!! 🤯✨ 🌟 WHEN YOU SEE IT ALL AS ONE THING: That feeling when everything SNAPS INTO PLACE and you realize: "Wait… the gallery IS the module system IS the outline navigator IS the waypoint editor IS the data […]

⏺ 🎯 ULTIMATE SITE PARSER OVERVIEW The Ultimate Site Import → Edit → Export Pipeline 🌊 The Complete Flow ┌─────────────────────────────────────────────────────────────────┐ │ ULTIMATE SITE PARSER │ │ Import ANY website → Convert to ACCID format │ └─────────────────────────────────────────────────────────────────┘ ↓ ┌─────────────────────────────────────────────────────────────────┐ │ ACCID HTML BUILDER │ │ Edit visually → Add content → Update metadata │ └─────────────────────────────────────────────────────────────────┘ ↓ […]

Install react-router-dom using the following command npm install –save react-router-dom create a new file (MainRouter) in your project directory import { BrowserRouter, Route, Link } from "react-router-dom"; //import the package import SignIn from "../SignIn" //import your signIn page import SignUp from "../SignUp" //import your signUp page function MainRouter(){ return( <BrowserRouter> <div className="container"> <Switch> <Route path="/signIn" […]

opy https://teamtreehouse.com/library/react-basics-2/introducing-props/components-and-props Components and Props An important detail to remember about props is that they are “read only” (or immutable), which means that a component can only read the props given to it, never change them. The (parent) component higher in the tree owns and controls the property values. For example, if you try to […]

Comments In React https://stackoverflow.com/questions/30766441/how-to-use-comments-in-react#comment103855263_30766542 Within the render method comments are allowed, but in order to use them within JSX, you have to wrap them in braces and use multi-line style comments. <div className=”dropdown”> {/* whenClicked is a property not an event, per se. */} <Button whenClicked={this.handleClick} className=”btn-default” title={this.props.title} subTitleClassName=”caret”></Button> <UnorderedList /></div> Copy You can read […]

Post form data to api endpoint You need to build your request body using the FormData API. The FormData interface provides a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the XMLHttpRequest.send() method. It uses the same format a form would use […]

=> The React script allows us to write React components => The ReactDOM script allows us to place our components and work with them in the context of the DOM ReactDOM.render(<Greeting />, document.getElementById(‘root’)); Copy Translating the line of code above to English would sound something like this; Use ReactDOM’s render method to render the Greeting […]

Commonly used ES6 Features Throughout the rest of this book, a number of ES6 features will be used consistently. If you do not have prior experience with ES6 features, this brief introduction will come in handy. If you’re comfortable with ES6 features, skip this section and head to chapter 2 to get started writing your […]

ADDITION: See Tagger Integration guide 9 MONTHS IN THE MAKING – IT’S DONE! What You Got: 1. vault_enhanced.py (900+ lines) The complete, production-ready vault with EVERYTHING: ✅ Project Management – Waypoint tutorials – HTML sites – React apps – Unlimited projects from one install ✅ FTP Deployment – Original feature (your 30-line vault) – Now […]

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 […]

What’s New in Vault v2.0 Your Vault now has complete tagger processing built-in: ✅ Tag group processing (context-aware content) ✅ Archive page generation (categories, tags, dates) ✅ Search index building ✅ Image proxy & collection ✅ FTP deployment with image gathering Total: 1,086 lines (was 530, added 556 lines of tagger processing) Quick Start 1. […]

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, […]

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 […]