Latest "feature" files
home
At Last, A Blog

I'm a hog, and you're a frog: At Last, A Blog

Yes, here it is! I have started a blog page for thoughts a little too timely to be perserved as articles but a little too long-form to be spewed in Indieweb chat.

Nothing on this site is open for public comment because I don't want to deal with spam, but for now, if you have your own website and are set up to send webmentions to reply to anything here, these posts accept them, with my manual approval before they're made public. We'll see how that goes. But, either way, it means I have finally rejoined the social web for real.

As this page will be my social nub, for now, please direct any site-wide webmentions to this page, https://michaelkupietz.com/blog/. The homepage doesn't accept them.

private » Programming Hacks Used In This Site
Algorithms & Old Lace: LLM Poisoning For Personal Websites

Rage Against The Machine: Algorithms & Old Lace: LLM Poisoning For Personal Websites

Private AIs: They're Watching You

Last year my friends in an Indieweb meetup began to notice that information about them was turning up in LLMs... some comically inaccurate, some uncannily personal. As a group of personal website developers, we knew that much of the information must've been scraped of our website.

It might not be apparent reading my site, but I've always been a little careful about what information I allow about myself on the web. It's near impossible to prevent personal information from leaking out, and my name is unique enough that I'm not hard to find. I had an unfortunate incident with an online stalker a number years ago and since then have always been careful. I also once had a real-life harasser who broke into my home, although that was a much different and more complex situation. But together these made me aware that…

home » Site Info
Jan 2026—Site under construction, expect problems

Everything Is Broken: Jan 2026—Site under construction, expect problems

I'm currently doing a major refactoring of scripts on the site for performance.

At the moment, many features may be erratic or nonfunctional. Expect problems, things to not work when you click on them, etc.

I'll take this notice down when I'm sure everything is working again. Until then, apologies.

Writing » Anecdotal Evidence (True Stories) » Essay-Length Memoirs
Forever In My Heart: Experiencing Jimi

A Memoir From The Road: Forever In My Heart: Experiencing Jimi

November 27, 2018

I'm staying at my dad's place in Florida right now. I've been on the road for a few months.

It struck me this morning, waking up in Dad's guest room, that this past August I let the 25th anniversary of the day I first quit th' job and hit th' road—August 12, 1993—slip by, unremarked upon.

I realized it today because today is the 25th anniversary of November 27 of that same year, nearly as important a day in my personal canon. I slept the night of November 26, 1993 in my car in a rest area outside of Tacoma, WA, as I'd been doing for the better part of a week, and after my customary free cup of morning coffee courtesy of the local VFW post volunteers at the rest area, I headed over to the Last Exit On Brooklyn cafe in Seattle's University District, as…

Visual Art » Generative Illustrations » Requests & Contest Submissions
13 Ghosts

Grim Grinning Ghosts Come Out To Socialize: 13 Ghosts

Some virtual spectral photography to spookify your Halloween. True fact: none of these AI-generated images had ghosts in them when I prompted them. WoooOOOOoooo! 👻

I believe I originally made these as a Saturday Monster Challenge but I can't recall when. I'll update if I run across the original info.

Code & Algorithms » Web
Tech note: How To Export or Import Notes from the “Webstickies” Extension In Firefox

Free Your Mind, And Your Sticky Notes Will Follow: Tech note: How To Export or Import Notes from the “Webstickies” Extension In Firefox

Amongst my most-used browser extensions is Webstickies by Lawrence Hook, which allows you to leave a permanent "sticky note" on any web page. It's available for both Firefox and (yuck, ptui) Chrome, although I only use it in Firefox.

However, the one thing it lacks is an import/export functionality. For $10, you can get access to "Cloud Sync" for your notes—yes, another unneeded "cloud integration" where local functionality would have been superior.

Consider this side-by-side feature comparison:

Local Import/Export Cloud Sync Transfer notes between browsers or computers ✔ ✔ Allows the plugin developer to make some money selling the use of infrastructure that shouldn't strictly be needed ❌ ✔ Need to literally copy down every single note by hand, one by one, to get them out of the extension ❌ ✔ Email yourself a full copy of your notes for safekeeping ✔ ❌…
Writing » Fun & Humor
Why Eat Pigeon?

A Reminiscence Of Dunces: Why Eat Pigeon?

Way back in the heady days of the dotcom boom, as a newbie in San Francisco, I fell in with a group of kids trying to revivify the Cacophony Society via the SF-Caco email list, which, for a while, consisted mostly of a bunch of underemployed young adults kidding around with each other and trying to come up with funny ideas. Finally, one day, a young woman who went by the on-list moniker "Drunken Consumptive Panda" threw out a sentence that was to change a lot of lives: "We should have a pigeon roast in Union Square".

The Union Square Pigeon Roast, as it happens, deserves a much longer reminiscence, is it was the start of a remarkable, brief but fun period of activity that lasted a few years. The event itself was ludicrous: we posed as a group called "Bay Area Rotisserie Friends" (that was…

Workshop » Reference Section » Grimoires » IT » Applications » Web Browsers » CSS
Web Developer Reference: Comprehensive List of CSS Units

Web Developer Reference: Comprehensive List of CSS Units

Here’s a guide to all currently available CSS units, with explanations and common use notes. This includes all CSS units listed in MDN Web Docs as of 2025aug15.

Sections:

By Category Angle units
  • deg: Angle Degrees (360deg = full circle).
  • grad: Angle Gradians (400grad = full circle).
  • rad: Angle Radians (2πrad = full circle).
  • turn: Angle Turns (1turn = full circle).
    Used in transforms, gradients, and trigonometric functions.
          Frequency units
          • Hz: Hertz. Cycles per second (e.g., for aural/speech media).
          • kHz: Kilohertz (1000Hz). Rarely used in typical web CSS.
            Length Units: Absolute length units (fixed physical or device-referenced)
            • px: CSS pixel. The most common unit for on-screen layout. Scales with zoom; not a physical device pixel.
            • in: Inch (1in = 96px).
            • cm: Centimeter (1cm =…
            Code & Algorithms » Web
            A Technological Solution to Disincentivize a Web Development “Concern Troll”

            Fun With A Purpose: A Technological Solution to Disincentivize a Web Development “Concern Troll”

            I had an interesting thing happen a few months ago where a troll in a chat room decided for some reason to run my site through the W3C's Nu HTML Validator and apparently was grievously wounded by the validation errors it had—and furthermore, had a big concern with the overall bandwidth consumption of the site, with all its images and heavy pages.

            Rather than simply solving the problem by not visiting my site, this person apparently felt some sort of imperative to berate me over these things and not. let. it. drop, making the chat room difficult to be in and necessitating action on my part.

            So, rather than try to verbally wrangle with a troll, I whipped up a technological solution. And, of course, the monkey in my soul decided to have a little fun with it.

            I. Lassoing the HTML Validator

            Nowadays, if…

            Code & Algorithms » Demo & Live Tool Playground
            Web Demo: CSS Dynamic Point Light Source & Parallax Shadows

            Let There Be More Light: Web Demo: CSS Dynamic Point Light Source & Parallax Shadows

            Click here to view this in a separate tab.

            This demonstrates a high-performance method of rendering dynamic CSS drop shadows from a simulated point light source.

            The note and sun light source elements have been made interactively user-draggable by the inclusion of an external draggability package.

            Until I have this documented, you can see the code on Codepen at https://codepen.io/kupietz/pen/LEpzJgL.

            Update, Feb 2026:

            This is not my work but it deserves a mention here. I've been completely outdone. Check this demo out. This guy designed an entire css system around physical lighting: https://ambientcss.vercel.app/ Github: https://github.com/kikkupico/ambientcss

            Writing » Topical Writing » Mikesplaining (Answers to Infrequently Asked Questions)
            Can the statement ‘I literally died laughing’ be true?

            Infrequently Asked Questions: Can the statement ‘I literally died laughing’ be true?

            "'Literally' is one of the most misused words in the English language. Literally means: exactly as stated. 'I literally rode a horse to get here.' means you saddled a horse and rode it to your destination in real life. 'I literally died laughing' is untrue, because you're still alive." —Siana W., via internet

            That's not a question, but I'm going to do my best to answer it anyway.

            You're a couple of years behind the times. Dictionaries reflect common language, not the other way around—that's how the meanings of words change over time.

            Otherwise "nice" would still have its original English meaning of "foolish or ignorant" (from Latin "Nescire", to be ignorant, also the root of the current but uncommon English word nescience, "ignorance or unknowingness".)

            You're in good company, though—Jane Austen mocked the widespread incorrect use of 'nice' to describe things as pleasant in "Northanger…

            Visual Art » Generative Illustrations » Requests & Contest Submissions
            #SaturdayMonsterChallenge—”Too Hot To Handle Monsters”, Uncensored

            But It's A Dry Heat: #SaturdayMonsterChallenge—”Too Hot To Handle Monsters”, Uncensored

            The LinkedIn Saturday Monster Challenge for July 5, 2025 was '"Too Hot To Handle" Monsters'.

            After consideration, I decided not to post this gallery on LinkedIn.

            The idea of a "monster"-themes art challenge on a professional site has always been a funny one, and while most people (including myself) usually create work-safe images, the fact is, as a kid raised on horror movies—I was babysat by channel 11's "Chiller Theatre" from the age of 6—occasionally I wind up, just by following my muse, doing something a little more unflinching.

            Sometimes some of the images are... well, they're never terribly offensive, but sometimes I feel like they're just a little strong or perhaps a hair darker than I want to post in front of unsuspecting professional networkers or prospective employers.

            That happened in this case.

            They're not that objectionable, but some of the images were…

            Writing » Topical Writing
            Using Per-Website Emails & Passwords to Protect Against Data Breaches

            Security Through Obscurity: Using Per-Website Emails & Passwords to Protect Against Data Breaches

            I got into a conversation today with some web developers, talking about recent articles about a major password breach.

            This got me to thinking—with some prompting from shadowy web standards advocate and staunch info-sharing supporter Tantek Çelik—that this would be useful to document.

            Unique email addresses and passwords for every website

            The basic idea is this: every single website signup gets a unique email address and unique password. This way, if a website is breached and the passwords are leaked, no other accounts are compromised, just that website's.

            The trick is to do it in a way that I can remember, or easily derive the usernames and passwords per site, so I don't have to rely on a pain-in-the-posterior password manager, and can log in from anywhere easily.

            Obviously I'm not going to give away details of how I specifically do things, but I can…

            Visual Art » Generative Illustrations » Requests & Contest Submissions
            #SaturdayMonsterChallenge – 2025jun29, “Deleted Scenes Monsters” – Casablanca Uncut

            Slay It Again, Sam: #SaturdayMonsterChallenge – 2025jun29, “Deleted Scenes Monsters” – Casablanca Uncut

            This week's LinkedIn Saturday Monster Challenge generative art theme was "Deleted Scene Monsters": show the monsters that ended up on the cutting room floor.

            And so, I am pleased to present these rare stills from the original cut of "Casablanca" (1942)—starring Humphrey Bogart and Ingrid Bergman as star-crossed former lovers in a classic tale of wartime romance set against a background of mind-bending supernatural horrors, when a mysterious event causes the gates of Hell to yawn wide and the inhabitants to amble forth across the living earth. (Original tagline: "From Hell... to Casablanca... to YOUR Town!")

            Unfortunately, test audiences didn't respond well, and studio executives said the macabre elements were "distracting" and ordered it recut to emphasize more of the drama and romance, and less of the shrieking souls of the long dead.

            The bowdlerized re-cut became the familiar excellent but sadly not-at-all-terrifying non-monster film…

            Workshop » Works In Progress » Code & Algo Works In Progress
            Draggable Elements WordPress Plugin

            Nothin' But A Drag: Draggable Elements WordPress Plugin

            First, the demo

            This is a brief demo page for my KupieTools Draggable Elements WordPress plugin, which dynamically adds interactive draggability to any page element, based on CSS class names (or, really, any CSS selector).

            Here's some boxes:

            Drag Me Horizontally Drag Me Vertically Drag Me Anywhere Drag Me To Corners

            If you select "View Page Source" on this page in your browser, you will see that the above four DIV elements, as defined in the page HTML, are just ordinary DIV elements with a single classname, an ID, and some visual styling. The KupieTools Draggable Elements plugin adds draggability to any arbitrary page element, by simply specifying a class name or other CSS selector for it in the plugin. (If you use your browser's Inspector instead of View Page Source, you'll see the current state of those elements, with any changes or additions the plugin created…

            Visual Art » Generative Illustrations » Requests & Contest Submissions
            #SaturdayMonsterChallenge—”Rising Monsters”

            By the time I get there, she'll be rising: #SaturdayMonsterChallenge—”Rising Monsters”

            The Saturday Monster Challenge on LinkedIn for June 21 2025 was "Eternal Rise Monsters". I took the theme and decided to do Phoenixes (Phoenices? Phoenixen?), as in "rising from the ashes."

            home » Social Web / Community Features
            88×31 Website Buttons

            Lord, They're Everywhere: 88×31 Website Buttons

            .entry-content img {border-radius:0 !important;}

            In the spirit of keeping up with the Joneses I've finally created an 88x31 button for those wishing to link to this site. I characteristically have two nearly-identical versions which nobody but me will probably notice the difference between, I'm not sure which I like best yet. I may make more.

             

            "Built During An Indieweb Meetup" buttons

            I strongly suggest, if you use these buttons, that you use an [code][/code] tag to link them to https://events.indieweb.org.

            Download PSD template: built-during-indieweb-button.psd

            "Holla Atcha Boy" button

            Inspired by something said during an IndieWeb meetup*, this button is, um, a "Holla Atcha Boy" button... built during an IndieWeb meetup, earning this page one of its own buttons.

            *They said, "Holla atcha boy".

            "Try CLI Mode" buttons

            These are for linking to this website's "expert mode"

            home
            Latest News — What’s Up With The Site & Mike

            Read All About It: Latest News — What’s Up With The Site & Mike

            2026 Mar 15

            What a productive night I just had. Wrote a new blog post, created a whole new "blog post" internal post type so I can do more with blog posts if I decide to give them different features than normal articles, webmentions are up & running on an experimental basis, I cleaned up major bugs in the script that generates a lot of the post lists you see around (like in the right hand column or the post list on the blog feed page) and I packaged a small plugin from a github gist I found the allows you to override the default wordpress behavior and keep some tags & formatting in the automatically-generated post excerpts instead of compressing everything into a solid block of unformatted text, so now archive pages (like this) are reformatted to look more bloglike and readable.…

            Workshop » Reference Section
            Vocabulary list featured image

            Word Salad: Vocabulary List

            An unsorted list of words or phrases that I like.

            Aposiopesis (pron.: /ˌæpəsaɪ.əˈpiːsɪs/; Classical Greek: ἀποσιώπησις, "becoming silent") - a figure of speech wherein a sentence is deliberately broken off and left unfinished, the ending to be supplied by the imagination, giving an impression of unwillingness or inability to continue.[1] An example would be the threat "Get out, or else—!" This device often portrays its users as overcome with passion (fear, anger, excitement) or modesty. To mark the occurrence of aposiopesis with punctuation, an em dash (—) or an ellipsis (...) may be used.

            Monological belief system - a self-sustaining worldview comprised of a network of mutually supportive beliefs, such as conspiracy theories which are supported by other conspiracy theories.

            Resistentialism - a jocular theory to describe "seemingly spiteful behavior manifested by inanimate objects."[1] For example, objects that cause problems (like lost keys or a fleeing bouncy…

            Writing » I Can't Believe It's Not Poetry!
            On Not Voicing One’s Opinion Of Pickles In Deference To A Strange Sensitivity

            Is That A Kosher Dill In Your Pocket, Or Are You Just Happy To See Me?: On Not Voicing One’s Opinion Of Pickles In Deference To A Strange Sensitivity

            Note: This was composted in response to a #thursdaypoetrysociety challenge on LinkedIn to compose a poem in response to the prompt "my opinion on pickles".

            My opinion of pickles is deep and profound,
            and so sharp it tickles, and so, when around

            those ones whose sharp senses are hurt by adjectives,
            or dire consequences of spicy perspectives

            from one unrelenting in declaring their views,
            who so is resenting and quick to refuse,

            or, contrary, tickled and shying from not
            embracing the pickled, to give voice to thought,

            O! Demure, I refrain, in voice moderate,
            from declaiming quatrains 'bout some dill that I ate.

            'Ere, mute, as I workins, so sensitive ears
            of one 'fraid of gherkins may attend without fear,

            and, litely, in my dogg'rel day, abstain from prattling on—
            opining, silent, in my way, on those dear cornichons.

            home
            HIRE MIKE! Professional Info, Full-Stack Web & Certified FileMaker Pro Development, IT Consulting, etc.

            All Work And No Play Makes...: HIRE MIKE! Professional Info, Full-Stack Web & Certified FileMaker Pro Development, IT Consulting, etc.

            Some info about Mike's day job: certified Filemaker & Full-Stack Web development. Really you want to check out www.kupietz.com for that info.
            Visual Art » Generative Illustrations » Interesting Leftovers & Bonus Galleries
            Extra New York Images

            So Much City, They Had To Give It A Second Gallery: Extra New York Images

            Just a set of fun leftover from when I was working on a featured image for my Local Color: New York Stories, Which I only now realize are all about petty crimes page. My cousin likes them.

            Visual Art » Generative Illustrations » Experiments & Studies
            The Devil In Deco

            In The Details: The Devil In Deco

            A stylistic experiment inspired by vintage art photography.

            Visual Art » Generative Illustrations » Requests & Contest Submissions
            #SaturdayMonsterChallenge — Fog Monsters

            Beware The Fog: #SaturdayMonsterChallenge — Fog Monsters

            #SaturdayMonsterChallenge on LinkedIn for 11 Jan 2024 theme was "Fog Monsters".

            .

            Visual Art » Adventure Photojournals
            The Red Day

            Life On Mars?: The Red Day

            2020, already a strange year due to the pandemic, had its strangest day, for the San Francisco area, on September 9. The Bay Area experienced a kind of weather that few people ever see.

            I woke up that morning thinking it was dawn… from where I'd slept, through the windows I could see the sky beginning to lighten, although it was about the reddest dawn I've ever seen. But I got up and looked at the clock—and it was after 9 AM. I couldn't understand what I was seeing. I literally got dizzy with the unreality of it.

            I looked back and forth from the clock to the window several times. Finally I got online to see if the world was ending, and it turned out to be thick smoke from forest first up in Northern CA blanketing the bay area, reducing visibility to dusk levels at midday…

            Visual Art » Generative Illustrations » Requests & Contest Submissions
            #SaturdayMonsterChallenge — Lucky Charm Monsters

            Some monsters have all the luck: #SaturdayMonsterChallenge — Lucky Charm Monsters

            This week's #SaturdayMonsterChallenge on LinkedIn is Lucky Charm Monsters.

            I always say, you can tell the lucky charm monsters, because they're the ones hanging out with the people winning at the casino tables, as opposed to the ones slipping roofies into people's drinks at the bar, snarfing up the king crab legs at the all-you-can eat buffet, or hanging out in the bathrooms scaring the bejesus out of you.

            Visual Art » Generative Illustrations » Requests & Contest Submissions
            #WrappedInPink — Pale Pink

            Isn't She Pretty: #WrappedInPink — Pale Pink

            Submission for the Mood Board and Fashion categories of the Wrapped In Pink AI generative art competition, Dec 2024.

            Code & Algorithms » Demo & Live Tool Playground
            Pure CSS interactive web holiday lights (updated for 2025)

            season's geekings: Pure CSS interactive web holiday lights (updated for 2025)

            /* xmas lights */ #lightrope { text-align: center; white-space: nowrap; overflow: hidden; position: fixed; z-index: 1000; margin: -15px 0 0 0; padding: 0; pointer-events: none; width: 100%;left: 0;top: var(--wp-admin--admin-bar--height); } #lightrope > li { position: relative; display: inline-block; list-style: none; margin: 20px 20px 20px 22px; } #lightrope > li > div { position: relative; border-left: 2px solid rgba(0,0,0,.05); border-right: 2px solid rgba(255,255,255,.5); margin: 2px 0 0 -3px; padding: 0; display: block; width: 8px; height: 18px; border-radius: 50%; transform-origin: top center; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; pointer-events: auto; } /* Colors for different bulbs */ #lightrope > li:nth-child(5n+0) > div { -webkit-animation-duration: 0.8s, 4.1s, 3s; animation-duration: 0.8s, 4.1s, 3s; } #lightrope > li:nth-child(5n+1) > div { -webkit-animation-duration: .9s, 4.3s, 3s; animation-duration: .9s, 4.3s, 3s; } #lightrope > li:nth-child(5n+2) > div { -webkit-animation-duration: 1s, 4.5s, 3s; animation-duration: 1s, 4.5s, 3s; } #lightrope > li:nth-child(5n+3) > div { -webkit-animation-duration: 1.1s, 4.7s, 3s; animation-duration: 1.1s,…
            Writing » Topical Writing
            How the Section 174 Tax Code Changes Caused a White-Collar Job Crash

            Opinion: How the Section 174 Tax Code Changes Caused a White-Collar Job Crash

            Note, Sep. 2024: I want to point something out: I’ve given few references here besides a couple of Google search results I happen to like. This page gives my current understanding. I’m still researching it, and you should research it yourself, don’t take my word as gospel truth. But this is how I understand it right now.

            Googling section 174 layoffs will point you to a lot of information.

            I’m also going to add some links at the bottom to interesting references to the issue, as I come across them. —Mike

            IMPORTANT UPDATE, July 3, 2025: Pending signing of the new tax bill tomorrow, it appears the below information may finally be obsolete. The tax bill passed by Congress today quietly included a provision permanently repealing the below-discussed Section 174 changes. See https://abgi-usa.com/section174/latest-and-greatest

            UPDATE 2, July 16, 2025: If…