[ { "title": "tools.ranzlappen.com: A Collection of Fast, Browser-Based Developer Utilities", "url": "/blog/2026/06/04/tools/", "content": "Table of Contents Introduction All 15 Tools Standout Tools: Deeper Dives Technical Architecture Deployment & Infrastructure Privacy & Security Standards Compliance Key Takeaways Conclusion More Project Showcases Sources Introduction tools.ranzlappen.com is a clean, fast collection of practical browser-based utilities designed for developers, designers, and power users. Instead of installing multiple apps or relying on bloated online services, you get a growing set of focused tools that run directly in your browser — most with zero server round-trips. The project source lives at Ranzlappen/tools[1] and is deployed on two complementary platforms: GitHub Pages for the static site and Vercel for the API layer. It is MIT licensed and complies with repo-standards v3 at full compliance. All 15 Tools The dashboard currently offers 15 tools across a clean tile-based interface with instant previews: Tool What it does JSON Formatter Pretty-print, minify, and validate JSON entirely in the browser Color Picker Pick colors, convert between HEX, RGB, HSL, OKLCH, and more; WCAG contrast checking in real time Regex Tester & Builder Live match highlighting with a guided pattern generator alongside Markdown Preview Real-time GitHub Flavored Markdown rendering; imports HTML, CSV, JSON, DOCX, XLSX, PDF, PPTX for conversion Multi-Encoder Convert text between Base64, Hex,...", "date": "2026-06-04", "category": "Projects", "tags": "web-tools developer-utilities browser-based privacy", "group": "blog" }, { "title": "Synth Piano: A Powerful Android Synthesizer App (Despite the Misleading Repo Name)", "url": "/blog/2026/06/04/synth-piano-web/", "content": "Table of Contents Introduction: It's an APK, Not a Web App What is Synth Piano? Key Features Technical Architecture The Audio Engine: C++ + Oboe MIDI Support in Depth Building & Installing Releases & CI/CD Pitfalls & Device Notes Key Takeaways Conclusion More Project Showcases Sources Introduction: It's an APK, Not a Web App The repository is named Synth-piano-web, but don’t let the name fool you — this is a native Android application that produces APK and AAB artifacts. There is zero web technology involved. It is a full Kotlin + Jetpack Compose port of the original Python tkinter synthesizer,[2] now running with a high-performance C++17 audio engine on Android. Synth Piano brings professional-grade synthesis, MIDI editing, and low-latency performance to Android devices in a clean, touch-first interface. The source lives at Ranzlappen/Synth-piano-web[1] and is licensed MIT. What is Synth Piano? Synth Piano is a touch-optimized software synthesizer and MIDI workstation for Android. It combines real-time audio synthesis, a playable touch keyboard, chord pads, a full piano-roll MIDI editor, USB-MIDI input, and high-quality recording — all in one cohesive app. Originally written in Python with tkinter, it has been completely rebuilt for Android using modern native tools while preserving (and...", "date": "2026-06-04", "category": "Projects", "tags": "android synthesizer midi music apk jetpack-compose audio", "group": "blog" }, { "title": "repo-standards: A Toolkit for Consistent, High-Quality GitHub Repositories", "url": "/blog/2026/06/04/repo-standards/", "content": "Table of Contents Introduction What is repo-standards? Version History: v1 → v3 Key Features How It Works The Modular Prompt System Security & Supply-Chain Hardening Templates & Tooling Configs Self-Validation & Dogfooding Pitfalls & Ground Rules Key Takeaways Conclusion More Project Showcases Sources Introduction Maintaining multiple GitHub repositories at a high standard can quickly become repetitive and error-prone. repo-standards solves this by providing a living, versioned toolkit that defines what “good” looks like — and gives you the tools (including AI prompts) to bring existing repositories up to that standard efficiently. It is the distilled result of years of refinement across the author’s own projects and is actively dogfooded in the standards repository itself. The project lives at Ranzlappen/repo-standards[1] and is currently at v3.2.0. What is repo-standards? repo-standards is a portable framework that helps developers and maintainers bring consistency, security, and professionalism to their GitHub repositories. It answers two practical questions: What does a well-maintained repository look like? How can I bring my existing repos up to that level with minimal manual effort? The answer is a combination of: Clear templates and folder structures Security and supply-chain hardening practices Documentation and governance standards Automated upgrade processes powered by Claude Code[2]...", "date": "2026-06-04", "category": "Projects", "tags": "github standards automation security documentation claude", "group": "blog" }, { "title": "Pageside: A Lightweight Browser Extension for Custom Styling, Inspection, TTS & Media Downloads", "url": "/blog/2026/06/04/pageside/", "content": "Table of Contents Introduction Key Features How It Works Architecture Deep-Dive Browser & Platform Support Getting Started Privacy & Security Pitfalls & Known Limits Key Takeaways Conclusion More Project Showcases Sources Introduction Pageside is a lightweight, privacy-respecting browser extension that gives you practical tools to customize websites, inspect elements, listen to text, and save media — all running entirely in your browser with no servers, accounts, or telemetry. The repository is named web_extension on GitHub,[1] but the extension itself ships under the name Pageside. It is a fully functional Manifest V3[2] extension focused on real daily-use features rather than flashy marketing — and it requires no build step to develop or install. Key Features Per-Domain CSS Injection — Write and save custom CSS snippets that apply automatically on every subsequent visit to a specific domain. Perfect for removing annoying banners, adjusting font sizes, or permanently tweaking a site’s layout. Element Inspector — Click any element on a page to instantly copy its CSS selector to the clipboard, without opening DevTools. Ideal for debugging styles or targeting elements for your custom CSS rules. Text-to-Speech (TTS) — Select any text and have it read aloud using the browser’s built-in Web Speech API.[3]...", "date": "2026-06-04", "category": "Projects", "tags": "browser-extension manifest-v3 css-injection tts privacy", "group": "blog" }, { "title": "HardwareDash (Gadget) on the Legacy Branch: A Proof-of-Concept for Exploring and Automating Android Hardware & Software", "url": "/blog/2026/06/04/hardwaredash/", "content": "Table of Contents Introduction The Vision: Proof of Concept for Exploration & Automation Core Capabilities at a Glance Modular Architecture & Dual Flavors Building the Project The Legacy/Refactor Branch (claude/refactor-2026) Refactor Phase Status Security & CI Gates Roadmap Key Takeaways Conclusion More Project Showcases Sources Introduction HardwareDash — shipped under the app name Gadget — is a modular Android application designed as a proof of concept for deeply exploring and automating the hardware and software layers of your device. Whether you want to monitor every sensor in real time, control radios and actuators, manage storage and apps, or build automation rules that react to hardware events, this app provides a unified, extensible interface. The project lives in the Ranzlappen/HardwareDash repository.[1] Active development happens on the claude/refactor-2026 branch, where a major modular refactor has progressed through Phases 0 and 1 and is currently mid-Phase 2. Try the latest build: R8-minified release APKs for both flavors — standard and rooted — are published automatically on every merge to main. The releases page had reached v1.0.173 by June 2026, with multiple builds per day during active sprints. Both variants install side-by-side as separate apps. The Vision: Proof of Concept for Exploration & Automation...", "date": "2026-06-04", "category": "Projects", "tags": "android hardware automation proof-of-concept modular rooted sensors", "group": "blog" }, { "title": "Flipper: A Beginner-Friendly Development Framework for Custom Flipper Zero Apps & Scripts", "url": "/blog/2026/06/04/flipper/", "content": "Table of Contents Introduction What is the Flipper Repository? Key Features Repository Structure JavaScript vs C Development Paths Getting Started: JavaScript Path Getting Started: C Path Deployment Destinations Featured Example: Sub-GHz Remote GUI Studio Integration CI/CD & Automation Security & Responsible Use Key Takeaways Conclusion Sources Introduction The repository named Flipper is not a Flipper Zero application or custom firmware. Instead, it is a thoughtfully designed development framework and starter kit that helps users quickly build their own applications and scripts for the Flipper Zero[2] running Momentum Firmware[3]. It lowers the barrier to entry by offering two development paths: easy JavaScript scripting (possible entirely from a phone, no computer required) and more powerful native C .fap applications for performance-critical use cases. Repository: github.com/Ranzlappen/Flipper What is the Flipper Repository? This project provides templates, examples, documentation, and tooling to create custom Flipper Zero apps and scripts. It is specifically built against the Momentum Firmware SDK[4] and includes: Ready-to-use JavaScript script templates (basic-script.js, subghz-remote-template.js, gui-example.js) C application templates (including a hello-world starter and a GUI Studio–generated example) A real-world example Sub-GHz remote control (balkon-markise-remote.js) Clear deployment instructions for both JS and .fap files Integration notes for Flipper GUI Studio and uFBT The goal...", "date": "2026-06-04", "category": "Projects", "tags": "flipper-zero momentum-firmware development-framework javascript c embedded", "group": "blog" }, { "title": "Discord Music Bot: A Lightweight Self-Hosted Python Bot for YouTube & Local Music", "url": "/blog/2026/06/04/discord-musicbot/", "content": "Table of Contents Introduction Key Features How It Works Architecture & Tech Stack Command Reference Configuration Getting Started Troubleshooting & Pitfalls Security Notes Key Takeaways Conclusion Sources Introduction The Discord Music Bot is a lightweight, self-hosted Python application that brings music playback directly into your Discord server. It supports both YouTube (videos and playlists) and local audio files, with an intuitive interactive control panel, queue management, text-to-speech, and convenient download/upload features. Built with discord.py[3], yt-dlp[4], and gTTS[5], it offers a clean slash-command experience and runs on any machine with Python 3 and FFmpeg[6] installed. A pre-built Windows .exe is available in the releases for those who prefer not to manage a Python environment. Repository: github.com/Ranzlappen/discord-musicbot Key Features YouTube & Local Playback — Stream YouTube videos or playlists via URL, or play from a local music/ folder. Interactive Control Panel — A persistent embed with colour-coded buttons: play/pause (green), skip (blue), queue view (blue), autoplay toggle (blue/grey), volume ±5%, and more. Queue Management — Configurable max queue size (default 100), per-track skip, full queue clear, and paginated queue browser. Autoplay — Per-server autoplay that randomly picks local files when the queue runs empty. Text-to-Speech (TTS) — Speak any text in the...", "date": "2026-06-04", "category": "Projects", "tags": "discord music-bot python self-hosted youtube audio", "group": "blog" }, { "title": "The Cookie Loophole-Loophole: Data Exploitation, User Powerlessness, and Abuse of the Essential Cookies Rule", "url": "/blog/2026/04/12/cookies/", "content": "Table of Contents Introduction The Cookie Loophole-Loophole Explained GDPR Non-Conformity Tactics in Practice Abuse of the Strictly Necessary Cookies Rule: Invasive Behavior Without Consent User Powerlessness: Why You Cannot Reject or \"cease and desist\" What Enforcement Actually Looks Like: Real Cases Fines Paid, Yet Zero Accountability Related in This Series Key Takeaways Conclusion Sources Introduction Building on the intrusive advertising landscape and the mechanics of cookies in targeted tracking, the core failure is now even clearer. The GDPR (in German, the DSGVO) and the ePrivacy Directive require explicit, freely given consent for any non-essential cookies — Article 5(3) of the ePrivacy Directive forbids storing or accessing information on a user’s device without prior informed consent, except where strictly necessary.[1] Yet websites systematically bypass these rules through deliberate design and outright abuse of exemptions. Regulators issue fines, companies absorb them as costs, and the data machine keeps running. The real story is user powerlessness: you cannot reject tracking, you cannot realistically “cease and desist”, and even successful actions change nothing. Companies further weaponize the strictly necessary cookies rule for invasive behavior that requires no consent at all. This is the cookie loophole-loophole — laws on paper, zero accountability in practice. The...", "date": "2026-04-12", "category": "Privacy", "tags": "gdpr dsgvo cookies dark-patterns data-exploitation user-powerlessness essential-cookies-abuse accountability", "group": "blog" }, { "title": "The Evolution of Automation: From Ancient Tools to AI-Driven Systems Through Human History", "url": "/blog/2026/04/11/automation/", "content": "Table of Contents Introduction Ancient Origins: Simple Machines and Automata Medieval and Renaissance Advances The Industrial Revolution: Mechanization Takes Hold Early 20th Century: Assembly Lines and the Birth of Modern Automation Mid-20th Century: Computers, Robots, and the Term Automation The Digital Age and Rise of Robotics The AI Era: Intelligent Automation Today The Recurring Pattern: Labor, Fear, and Adaptation Key Takeaways Conclusion Sources Introduction The concept of automation has shaped human progress for millennia. It represents humanity’s enduring drive to reduce manual labor, increase efficiency, and extend capabilities through machines that operate with minimal or no human intervention. From prehistoric levers and water wheels to today’s AI systems that make decisions and learn autonomously, automation has evolved in parallel with technology, society, and economic needs. This journey reflects not only technological innovation but also shifts in how humans view work, creativity, and control. A useful way to read the timeline below is as a slow migration along two axes at once: from augmenting muscle (lifting, grinding, pumping) toward augmenting mind (deciding, planning, learning), and from fixed behavior baked permanently into hardware toward flexible behavior that can be reprogrammed — and, most recently, that reprograms itself. Almost every milestone in this...", "date": "2026-04-11", "category": "Technology", "tags": "automation history industrial-revolution robotics ai technology-evolution", "group": "blog" }, { "title": "The Atrocious Intrusive Landscape of Advertising: Media Dependency, Real-World Overload, Escape Hurdles, Cookies, Targeted Data, and Sociological Impact", "url": "/blog/2026/04/04/advertisement/", "content": "Table of Contents Introduction The Expanding Advertising Landscape in Media and the Real World Trajectories of Intrusion and Escalation The Difficulty and Hurdles to Escape or Avoid Advertising How Cookies Enable Targeted Advertising Targeted Ads Exploiting Intrusively Collected User Data and Research Status The Regulatory Backdrop: Fines That Read Like Receipts The Unfortunate Sociological Impact and Influence That Makes Advertising Work A Contested Picture: Where the Evidence Disagrees Disposable Revenue, Overpricing, and Media Funding at User Expense Related in This Series Key Takeaways Conclusion Sources Introduction Western media’s structural failures, detailed in the prior pieces on independent journalism and partisan statistical slant, stem in large part from advertising dependency. The same economic model now drives an even more aggressive intrusion into daily life. Advertising saturates both digital platforms and physical environments with relentless intensity.[1] Consumers encounter constant interruptions, sophisticated tracking mechanisms, and societal conditioning that normalizes overconsumption. Escaping this system demands deliberate, ongoing effort. At the same time, the model generates disposable corporate revenue for products that could compete on intrinsic value alone. This article examines the full scope of the problem, its trajectories, avoidance barriers, the mechanics of cookies and targeted data exploitation, the sociological forces at play, and...", "date": "2026-04-04", "category": "Media", "tags": "advertising media-dependency privacy sociology cookies ad-fatigue", "group": "blog" }, { "title": "Moodradar, Real-Time Twitch Chat Mood Analyzer", "url": "/blog/2026/04/03/twitch-mood-radar/", "content": "Table of Contents What is MoodRadar How It Works Architecture & Technical Design Core Features Dashboard Panels at a Glance High-Throughput Use Cases Settings & Configuration Live Demo & Video Privacy Notes Early Development Status Key Takeaways Conclusion Sources What is MoodRadar MoodRadar is an experimental, single-file HTML application that turns high-volume Twitch chat into clear, real-time visual insights. Instead of struggling to read thousands of scrolling messages per minute, it instantly shows the overall emotional pulse and consensus of the chat across 11 distinct mood categories. It lives alongside Ticked inside the github.com/Ranzlappen/ticked repository as a companion tool — no separate repo, no install, no accounts. How It Works Enter any Twitch channel name and hit connect. MoodRadar opens a WebSocket connection directly to Twitch’s IRC-over-WebSocket endpoint[4] as an anonymous read-only listener — no OAuth token needed, no Twitch API key required. Every PRIVMSG (chat message) is received, parsed, and fed through a client-side keyword-and-pattern based sentiment classifier that maps it to one or more of 11 mood labels. All of this happens in your browser. No proxy, no backend, no data ever leaves the page. Architecture & Technical Design MoodRadar is a zero-dependency, single HTML file — the...", "date": "2026-04-03", "category": "Projects", "tags": "twitch tools visualization early-stage", "group": "blog" }, { "title": "Statistics Misuse How Media and Politics Skew Data to Deceive", "url": "/blog/2026/04/03/partisan-slant/", "content": "Table of Contents Introduction Common Techniques of Statistical Manipulation Selection Bias: When the Sample Itself Is the Deception Mean vs. Median: A Favorite Trick in Economic Reporting Correlation, Causation, and the Confounded Headline Survivorship Bias: The Data That Never Shows Up Classic and Recent Case Studies The Role of Visuals and Graphs The Continuity Illusion: Journalists’ Delirious Love of the Connecting Line The Truncated or Non-Zero Baseline Deception Choosing the Wrong Chart Type Cherry-Picked Time Windows Chart Clutter and Information Overload Ignoring Uncertainty: Missing Error Bars and Confidence Intervals The Dark Figure: Ignoring the Dunkelziffer (Unreported Cases) Impacts on Public Opinion and Democracy A Reader's Self-Defense Checklist Key Takeaways Conclusion Sources Introduction Related in this series (media-trust):  1. Western Media Trust Crisis: Independent Journalism & Open AI Rise  ·  2. Statistics Misuse (this article)  ·  3. The Atrocious Intrusive Landscape of Advertising Statistics should inform public debate. Instead, media outlets and politicians frequently exploit them to advance agendas.[1] Confusion over basic measures — such as the difference between mean, median, and mode — creates openings for deception.[2] Selective reporting, omitted context, and visual tricks turn neutral numbers into persuasive weapons. This article examines proven techniques, real-world examples, and practical ways...", "date": "2026-04-03", "category": "Media", "tags": "statistics-misuse media-bias politics-data manipulation mean-median cherry-picking", "group": "blog" }, { "title": "Dark Mode for Pros, Light Mode for Everyone The Web's Subtle Status Signal", "url": "/blog/2026/04/03/darkmode-vs-light-mode/", "content": "Table of Contents The Default Divide Real-World Examples The Official Rationale What the Research Actually Shows The Mechanism: Why Polarity Matters Choosing Defaults Responsibly The Psychological Status Signal Key Takeaways Conclusion Sources The Default Divide Related in this series (Privacy & Control): The Cookie Loophole-Loophole — another look at how the small, \"neutral\" defaults of the modern web quietly steer the people using it. Most consumer-facing websites — news portals, e-commerce stores, marketing pages, and social platforms — launch with light mode as the default. Dark mode is available only as an optional toggle, usually respecting the browser’s prefers-color-scheme media query. In contrast, backends, admin panels, developer consoles, internal dashboards, and coding tools overwhelmingly ship with dark mode enabled by default. This split is now common enough to feel like a law of nature — but it is a convention, not a requirement, and conventions carry assumptions worth examining. It is worth being precise about what’s actually true before we read meaning into it. The headline claim that “dark mode reduces eye strain” turns out to be mostly context-dependent and partly false: for the large share of the population with normal or corrected-to-normal vision, the controlled research generally finds light...", "date": "2026-04-03", "category": "UX Design", "tags": "dark-mode light-mode web-design ux-psychology frontend-backend", "group": "blog" }, { "title": "Ticked: Offline Process & Workflow Tracker", "url": "/blog/2026/03/31/ticked-html-app/", "content": "Table of Contents What Ticked Does Core Features Architecture & How It Works Technical Advantages Configuration & Settings Potential Use Cases How to Get Started Important Note on Data Persistence Troubleshooting & Pitfalls Key Takeaways Conclusion Sources What Ticked Does Ticked gives you two seamless tabs: Log for quick timestamped entries and Processes for multi-stage workflow tracking. Every change auto-saves to your browser’s localStorage[3]. Your data stays on your device, works completely offline, and never leaves your machine. At its core, the Log tab lets you press a button or hit Enter to instantly log the current timestamp like a traditional logbook. This simple one-action capture is particularly helpful for real-time time tracking, habit logging, event documentation, or quick personal journaling—eliminating friction so you can record exactly when something happens without extra steps or apps. Live at ticked.ranzlappen.com — open it and it is ready immediately, no sign-up required. Core Features Dual Tabs for Flexibility Switch instantly between Log (quick notes and custom-timestamped entries) and Processes (full workflow tracking). Checkpoint & Stage Tracking Create processes, add dynamic checkpoints with names, due dates, comments, and notifications. Progress updates via a visual horizontal timeline. Smart Filters & Sorting For Log: All /...", "date": "2026-03-31", "category": "Projects", "tags": "productivity html offline tools", "group": "blog" }, { "title": "Western Media Trust Crisis: Independent Journalism & Open AI Rise", "url": "/blog/2026/03/31/independent-journalism/", "content": "Table of Contents Western Media Trust Crisis US vs Europe Data Snapshot Corporate and Public Media's Structural and Editorial Failures Legacy TV's Structural Limitations in Western Media The Self-Reinforcing Link to Educational Decline Independent Journalism's Rapid Ascent and Accountability Model What Actually Rebuilds Trust: Three Mechanisms A Necessary Counterpoint: Where Independents Fail AI Development with Minimal Guardrails Key Takeaways Conclusion Sources Western Media Trust Crisis: Independent Journalism & Open AI Rise Related in this series (media-trust):  1. Western Media Trust Crisis (this article)  ·  2. Statistics Misuse: How Media and Politics Skew Data to Deceive  ·  3. The Atrocious Intrusive Landscape of Advertising This analysis focuses exclusively on media ecosystems in Western democracies — the United States and Europe — where corporate and public-funded outlets operate in relatively free but commercially and politically pressured environments. These systems differ markedly from state-controlled or suppressed media in non-Western contexts. Public trust in legacy Western media has eroded sharply. The Reuters Institute’s Digital News Report 2025 shows overall trust stable at 40% globally, but with notable Western divergence: the US sits at just 30%, Germany at 45% (down roughly 15 percentage points since the 2015 peak), and the UK at 35% — a...", "date": "2026-03-31", "category": "Media", "tags": "journalism media-trust ai", "group": "blog" } , { "title": "About", "url": "/about/", "content": "Hey there I’m the person behind RanzLappen — a personal blog where I write about whatever catches my attention. No single niche, no editorial calendar, just genuine curiosity put into words. What you’ll find here This is a space for passion projects, random experiments, deep dives into things I find interesting, and the occasional hot take on something nobody asked about. Topics range from tech and tinkering to whatever rabbit hole I fell into last weekend. Why “RanzLappen”? Every good blog needs a name that makes people pause for a second. This one stuck. Built with Claude, open sourced on GitHub This entire site — the Jekyll blog you’re reading now, the PolyVote community voting SPA at /polyvote/, and the...", "group": "pages", "tags": "" }, { "title": "Blog", "url": "/blog/", "content": "Blog Posts Privacy Apr 12, 2026 The Cookie Loophole-Loophole: Data Exploitation, User Powerlessness, and Abuse of the Essential Cookies Rule Despite GDPR/DSGVO rules, websites exploit dark patterns and deliberately abuse the strictly necessary cookies exemption to enable invasive tracking. Users cannot reject, cannot meaningfully cease... 10 min read gdpr Technology Apr 11, 2026 The Evolution of Automation: From Ancient Tools to AI-Driven Systems Through Human History A comprehensive historical analysis of how the concept of automation has evolved across humanity, from prehistoric simple machines and ancient automata to the Industrial Revolution,... 15 min read automation Media Apr 4, 2026 The Atrocious Intrusive Landscape of Advertising: Media Dependency, Real-World Overload, Escape Hurdles, Cookies, Targeted Data, and Sociological Impact Building directly on...", "group": "pages", "tags": "" }, { "title": "Categories", "url": "/categories/", "content": "Categories Browse posts by topic Media (3) Privacy (1) Projects (9) Technology (1) UX Design (1) Media The Atrocious Intrusive Landscape of Advertising: Media Dependency, Real-World Overload, Escape Hurdles, Cookies, Targeted Data, and Sociological Impact Apr 4, 2026 Statistics Misuse How Media and Politics Skew Data to Deceive Apr 3, 2026 Western Media Trust Crisis: Independent Journalism & Open AI Rise Mar 31, 2026 Privacy The Cookie Loophole-Loophole: Data Exploitation, User Powerlessness, and Abuse of the Essential Cookies Rule Apr 12, 2026 Projects tools.ranzlappen.com: A Collection of Fast, Browser-Based Developer Utilities Jun 4, 2026 Synth Piano: A Powerful Android Synthesizer App (Despite the Misleading Repo Name) Jun 4, 2026 repo-standards: A Toolkit for Consistent, High-Quality GitHub Repositories Jun 4, 2026...", "group": "pages", "tags": "" }, { "title": "CLI Command Cheat Sheet", "url": "/references/cmd-cheat-sheet/", "content": "Reference CLI Command Cheat Sheet A searchable rundown of shell commands you actually reach for — git, grep, curl, ssh, docker, find, awk, sed, package managers, archive tools, the lot — with canonical syntax, the flags you use 90% of the time, a couple of examples, the gotcha that bites everyone, and per-row OS badges so you know whether it runs on Linux, macOS, Windows, or in your Termux shell. How to use: pick a category tab or filter live by typing into the search box (matches across name, description, syntax, flags, and examples). Tap any worked example to see a plain-English explanation of what it does, or tap any highlighted term inside an example (or any abbreviated term in...", "group": "references", "tags": "" }, { "title": "Contact", "url": "/contact/", "content": "Contact Messages are submitted as GitHub Issues — no email needed. Or contact me directly: info@ranzlappen.com Name Email (optional) Subject General inquiry Feedback Collaboration Bug report Other Message Spam protection (hCaptcha) requires functional cookies. Cookie Settings Send Message", "group": "pages", "tags": "" }, { "title": "Disclaimer", "url": "/disclaimer/", "content": "General Information The information provided on RanzLappen is for general informational purposes only. All content is published in good faith and for personal expression. I make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, or suitability of any information on this site. Professional Advice Nothing on this blog constitutes professional advice of any kind — whether technical, financial, legal, medical, or otherwise. Always consult a qualified professional before making decisions based on content you read here. External Links This blog may contain links to external websites. I have no control over the content, privacy policies, or practices of third-party sites. Inclusion of a link does not imply endorsement or recommendation. Errors and Omissions...", "group": "pages", "tags": "" }, { "title": "Electronics Fundamentals Reference", "url": "/references/electronics-fundamentals/", "content": "☰ ? Reference Electronics Fundamentals Volts, amps, ohms, watts — the four quantities that govern every circuit you'll ever build. This page collects the formulas, calculators, component charts, and design rules of thumb that turn those four quantities into working hardware, in one searchable cheat sheet. ⚠️ Safety Disclaimer & Important Notes This reference is for educational and hobbyist purposes only. Working with electricity carries real risks — shock, burns, fire, and damage to equipment. Mains voltage (110 V / 230 V AC) and stored energy in capacitors and inductors can be lethal even after a circuit is unpowered. Always verify component ratings, follow local electrical codes, and consult a qualified electrician for anything connected to mains. The site owner is not...", "group": "references", "tags": "" }, { "title": "References", "url": "/references/", "content": "References Reference Pages Searchable, tabbed, dark-mode-by-default reference tables. Built for skim-and-find use — pin a tab, type into the live search, click any abbreviated term for an inline explanation. Open one in a tab and leave it there. Electromagnetic Spectrum A detailed, searchable reference table covering the full electromagnetic spectrum from sub-Hz quasi-DC fields through gamma radiation — frequency, wavelength, photon energy, applications, propagation, regulation, and trivia for every band. 57 bands · updated 2026-05-08 Open → Electronics Fundamentals Interactive cheat sheet for volts, amps, ohms, watts, circuit design, calculators, and practical EE references. Interactive · calculators, formula wheel, resistor decoder Open → CLI Command Cheat Sheet A searchable reference for shell commands — git, grep, curl, ssh, docker, find,...", "group": "references", "tags": "" }, { "title": "Privacy Policy", "url": "/privacy/", "content": "Privacy Policy — RanzLappen Last updated: 30 May 2026 Controller The controller within the meaning of the General Data Protection Regulation (GDPR) is me as a private individual: RanzLappen Contact: Via the Contact page or by opening a GitHub issue in the repository. Scope This privacy policy applies to the website https://ranzlappen.com/ (including all subpages and the PolyVote feature). The site is purely private and non-commercial. Legal bases for processing I process personal data exclusively on the following legal bases of the GDPR: Art. 6(1)(a) GDPR – Consent (for all “Functional Services” via the cookie consent banner) Art. 6(1)(f) GDPR – Legitimate interest (e.g. GitHub Pages hosting logs, abuse prevention in voting) Art. 6(1)(b) GDPR – Performance of a contract...", "group": "pages", "tags": "" }, { "title": "Projects", "url": "/projects/", "content": "Projects Projects Jun 4, 2026 tools.ranzlappen.com: A Collection of Fast, Browser-Based Developer Utilities A growing suite of lightweight, privacy-focused web tools — including JSON formatting, video editing, Flipper GUI design, OG image generation, and more — all running... 7 min read web-tools Projects Jun 4, 2026 Synth Piano: A Powerful Android Synthesizer App (Despite the Misleading Repo Name) Synth Piano is a native Android APK app — not a web app. This Kotlin + Jetpack Compose + C++ synthesizer delivers touch keyboard, chord... 8 min read android Projects Jun 4, 2026 repo-standards: A Toolkit for Consistent, High-Quality GitHub Repositories repo-standards is a versioned, AI-assisted framework that brings structure, security, documentation, and automation best practices to GitHub repositories. It includes templates,...", "group": "pages", "tags": "" }, { "title": "Electromagnetic Spectrum Reference", "url": "/references/spectrum/", "content": "{%- comment -%} ================================================================================= Electromagnetic Spectrum Reference Page --------------------------------------------------------------------------------- Data source: _data/spectrum/*.yml — one file per batch. Files are read by Jekyll into the site.data.spectrum hash, keyed by basename, and iterated alphabetically. The numeric prefixes (01-, 02-, …) determine display order. Each YAML file has a `batch` map (id, order, name, short_name, description, last_updated) and a `bands` array. Every entry in `bands` is one row. Styles live in /assets/css/spectrum.css and behaviour in /assets/js/spectrum.js. The abbreviations / glossary system is shared site-wide: data: _data/abbreviations/spectrum.yml markup: _includes/abbreviations-section.html styles: /assets/css/abbreviations.css script: /assets/js/abbreviations.js ================================================================================= {%- endcomment -%} {%- assign batches = site.data.spectrum | sort -%} {%- assign abbreviations = site.data.abbreviations.spectrum -%} {%- comment -%} Find the most recent last_updated across all batches. {%- endcomment...", "group": "references", "tags": "" }, { "title": "Tags", "url": "/tags/", "content": "Tags Browse posts by tag {% assign sorted_tags = site.tags | sort %} {% for tag in sorted_tags %} {% assign pub_count = 0 %} {% for post in tag[1] %}{% if post.status == \"published\" or post.status == \"placeholder\" %}{% assign pub_count = pub_count | plus: 1 %}{% endif %}{% endfor %} {% if pub_count > 0 %} #{{ tag[0] }} ({{ pub_count }}) {% endif %} {% endfor %} {% for tag in sorted_tags %} {% assign pub_count = 0 %} {% for post in tag[1] %}{% if post.status == \"published\" or post.status == \"placeholder\" %}{% assign pub_count = pub_count | plus: 1 %}{% endif %}{% endfor %} {% if pub_count > 0 %} #{{ tag[0] }} {% for...", "group": "pages", "tags": "" }, { "title": "ranzlappen.com", "url": "/CLAUDE/", "content": "# ranzlappen.com Personal blog + PolyVote community voting platform + Blog Admin dashboard + Inventory Manager + Tabletop game engine, hosted on GitHub Pages. ## Architecture **Hybrid project** with five independent builds plus a build-time tooling module: - **Jekyll blog** (root) — Static site built by GitHub Pages. Posts in `_posts/`, layouts in `_layouts/`, includes in `_includes/`, pages in `pages/`. Config: `_config.yml`. - **PolyVote** (`polyvote/`) — React 19 SPA built with Vite. Backend: Firebase (Firestore, Auth, Cloud Functions). Deployed as a subfolder within the Jekyll `_site/`. - **Blog Admin** (`blog-admin/`) — React 19 SPA built with Vite for managing blog drafts and publishing. Uses Firebase (Firestore, Auth), CodeMirror 6 for Markdown editing, and Zustand for state. Deployed as a subfolder...", "group": "pages", "tags": "" } ]