AI On A Boat
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 […]
ACCID Build Steps
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:
GTM To Analytics
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 […]
Master Plan
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 […]
AI Powered Charter
Dragon Lady – AI System (High-Level Overview for Jerry) What This Does One sentence: You add bookings to a Google Sheet, organizers paste in guest emails, system auto-reminds guests to sign waivers, collects photos during cruise, and burns USB drives with AI-organized memories in 2 minutes. The Google Sheets (Your Control Panel) You Already Have: […]
Photo Sorter Overview / Integration guide.
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) — ## COMPLETE ARCHITECTURE ββββββββββββββββββββββββββββββββββββββββββββββββ β ONLINE (Internet Required) β ββββββββββββββββββββββββββββββββββββββββββββββββ€ β β β dragonladysf.com/sarahs-party-2025 β β ββ Event info page (static) β β ββ Waiver (posts to Google Sheets) […]
Shortcode Ultimate β Examples / Code
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, […]
Speaking Morse Code
For learning Morse code it is recommended to use this reference, but if you like, the dots and dashes are available too. If you click on any of the highlighted letters or symbols the Morse sound will be played. If the duration of a dot is taken to be one unit then that of a […]
New Normal Post
Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, […]
Artist / Engineer / Dev
π¨ 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 […]
Master Plan
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 […]
Add Parameters To Form Action
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” […]
Add β_blankβ
/* 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 […]
Uncaught Reference Error
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 […]
JS To Insert CSS Into Page
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 […]
DocReady β Javascript Style
https://stackoverflow.com/questions/9899372/pure-javascript-equivalent-of-jquerys-ready-how-to-call-a-function-when-t The simplest thing to do in the absence of a framework that does all the cross-browser compatibility for you is to just put a call to your code at the end of the body. This is faster to execute than an onload handler because this waits only for the DOM to be ready, not […]
Javascript β Numbers
9e-6 Scientific notation uses the letter ‘e’ to represent an exponential value. This number is the same as 9 times 10 to the negative 6 power: 9 * 10^-6 or 0.000009 ++++++++ Numbers in JavaScript are as straightforward as they sound; you donβt need any special syntax for numbers, you write them straight into JavaScript. In […]
XFinity – Port Forwarding – Need app for security settings
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 […]
Port Forward | No-IP setup
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 […]
NAS – Access control – Share Folder Settings
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 on NAS
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 […]
Master Plan
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
βΊ π― 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 β βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ β […]
React Router Dom
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" […]
Components And Props
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 […]
React β Comments
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 […]
React β Post Form Data To Api
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 […]
React β Cheatsheet
=> 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 […]
React β ES6 β Commonly Used
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 […]
ACCID Build Steps
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:
GTM To Analytics
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 […]
