#firefox developer edition

[llycaons]

the cgi is actually really good too

[wormheamer]

little psa: as of the current firefox developer edition release, there's a fuckass dedicated chatbot button and shortcut (ctrl+alt+x). to turn it off you gotta go to about:config and change browser.ml.chat.enabled to false

[the-sleepy-archivist]

Blocking Ads on Mobile Devices

Blocking ads on our phones is way harder than it should be so I figured I'd make some recommendations. These are not the only options out there, just the ones that I know and have used.

Please note that browser-level and system-level adblocking are complementary; you'll have the best experience if you use both of them together as they each block different things in different places. If you want a basic idea of how effective your combined adblocking setup is, you can visit this website in your mobile browser.

Lastly, there is some additional advice/info under the readmore if you're curious (EDIT: updated March 2025 to add more adblocking options for iOS and to add info about sideloading altered versions of social media apps that don't contain ads on Android and iOS).

Android

Browser-Level

uBlock Origin (for Firefox)

System-Level (works in all apps, not just browsers)

AdGuard

Blokada 5 (completely free version) OR Blokada 6 (has some newer features but they require a subscription)

iPhone/iPad

Browser-Level

AdGuard (Safari extension; free for basic browser-level blocking, requires a subscription or one time purchase of “lifetime” license for custom filters)

1Blocker (Safari extension from an indie developer; can enable one built-in or custom filter list for free, requires a subscription or one time purchase of “lifetime” license for enabling multiple filter lists and updating filter lists to the latest version automatically)

Wipr 2 (one time purchase from indie developer; simplest option to use, but also the least configurable. Best if you are looking for one time set and forget and don’t need any custom filters. Note that it does not have a system-level blocking option)

System-Level (works in all apps, not just browsers)

AdGuard (requires subscription or one time purchase of “lifetime” license for system-level blocking)

1Blocker (can activate without a subscription, but requires subscription or one time purchase of “lifetime” license to enable system-level blocking AND browser-level blocking simultaneously)

AdGuard DNS only (this is free and does not require the AdGuard app, BUT I would only recommend it for advanced users, as you can't easily turn it off like you can with the app. Credit to this Reddit thread for the DNS profile)

Some additional info: browser-level blocking is a browser addon or extension, like you might be used to from a desktop computer. This inspects the HTML code returned by websites and searches for patterns that identify the presence of an ad or other annoyance (popup videos, cookie agreements, etc.). System-level blocking is almost always DNS-based. Basically whenever an app asks your phone's OS to make a connection to a website that is known for serving ads, the system-level blocker replies "sorry, I don't know her 🤷‍♂️💅" and the ad doesn't get downloaded. This works in most places, not just a browser, but be warned that it might make your battery drain a little faster depending on the app/setup.

Each of those types of blocking has strengths and weaknesses. System-level DNS blocking blocks ads in all apps, but companies that own advertising networks AND the websites those ads are served on can combine their services into the same domain to render DNS blocking useless; you can’t block ads served by Facebook/Meta domains without also blocking all of Facebook and Instagram as well because they made sure their ads are served from the same domain as all the user posts you actually want to see. Similarly, browser-level blocking can recognize ads by appearance and content, regardless of what domain they’re served from, so it can block them on Instagram and Facebook. However, it needs to be able to inspect the content being loaded in order to look for ads, and there’s no way to do that in non-browser apps. That’s why using both together will get you the best results.

These limitations do mean that you can’t block ads in the Facebook or Instagram apps, unfortunately, only in the website versions of them visited in your browser. It also means ads served by meta’s/facebook’s ad network in other apps can���t be blocked either (unless you're one of the rare beasts who doesn't use facebook or instagram or threads, in which case feel free to blacklist all Meta/FB domains and watch your ads disappear 😍; I'm jealous and in awe of you lol).

One note: some apps may behave unpredictably when they can't download ads. For example, the Tumblr app has big black spaces where the ads are, and sometimes those spaces collapse as you scroll past them and it messes up scrolling for a few seconds (UPDATE: looks like the scrolling issue may have actually been a Tumblr bug that they have now fixed, at least on iOS). Still way less annoying than getting ads for Draco Malfoy seduction roleplay AI chatbots imo though. And honestly *most* apps handle this fairly gracefully, like a mobile game I play just throws error messages like "ad is not ready" and then continues like normal.

One final note: on Android, you may actually be able to find hacked versions of Meta’s apps that have the ad frameworks removed. In some cases they are a little janky (unsurprisingly, apps don’t always take kindly to having some of their innards ripped out by a third-party), and they are often out of date. BUT in return you get an Instagram app with no ads whatsoever, and some of them even add additional features like buttons for saving IG videos and photos to your phone. However, use these apps at your own risk, as there is functionally no way to validate the code that the third-parties have added or removed from the app. Example altered IG app (I have not vetted this altered app, it's just a popular option): link.

It is technically possible to install altered apps on iOS as well, but Apple makes it much, much harder to do (unless you are jailbroken, which is a whole different ballgame). I'm not going to cover sideloading or jailbreaking here because even I as a very techy person eventually grew tired of messing with it or having to pay for it. If you're interested you can read more about the different ways to do sideloading on iOS here.

[johnnylandslide]

WoL Magic Cards Tutorial!

I'd made a custom Magic: the Gathering card of Johnny recently, and shared it in the Seafloor discord, and since there was a lot of interest in the concept I figured a tutorial might be nice so we have something to do while we wait for plugins to come back. Here goes!

Download CardConjurer This is the tool I use to make custom cards. It's just a web app developed by a college student; he got DMCA'd by WOTC so it's not hosted on the internet anymore, but you can still run it locally.

Just unzip the contents somewhere, and then run launcher.exe when you're ready. It should open up the app in a browser tab.

2. Navigate to the Card Creator

3. Pick out a Frame

Enter this search box on the right. We're going to be using the Nickname ("Godzilla") frames. These give us a small subtitle box below the card name that indicates what the Magic card's actual name is.

If you want to create a custom card instead, use the Borderless frames.

In the menu below, you should see the different colors of the borderless frames. You'll have to add three of these elements to the card: the text box, the card name, and the power/toughness box. Do them in that order, by clicking each element and then Add Frame to Card. If your card is legendary (or if you feel like it), use the Crown option rather than just Title.

You'll have to choose the correct color. If your chosen card is monocolor or >=3 colors, this is very easy since you can just choose that color or gold, but for two-color cards the process is slightly more involved. First, add the color that goes on the left using the Add Frame to Card button, and then add the right color using the Add Frame to Card (Right Half) button. Use the gold power/toughness box.

If any of the card elements get out of order, you can reorder them using the layers controls at the bottom of the page.

4. Import the card text

Navigate to the Import/Save tab, and type in the name of the real card you're putting your OC over. Select the specific version of it using the dropdown afterwards.

(For some reason, Firefox suggests completing this field with my credit card information. I think it knows more about Magic than it's letting on.)

After the card is imported, navigate back to the Frame tab, and click Load Frame Version. This will force the text on the card to fit into the frame set that's currently selected in the bar on the right, which should still be the Nickname ("Godzilla") from earlier.

We should have something closely resembling the real card in the editor, now.

5. Make it yours!

First off, go to the Art tab, and upload your image. Once it shows up, you can adjust it by clicking the actual card in the editor. Clicking and dragging pans it around, shift+clicking scales, and ctrl+click rotates.

Next, pop over to the Set Symbol tab and remove it, since this is your own card and isn't from a Magic set.

And now, go over to the Text tab to finish this off! Start by entering your card name into the Nickname tab.

If your chosen card name is too long and ends up clipping the mana cost, you can reduce the width of the text box with the Edit Bounds menu until it fits.

Next, go to Rules Text to update the name if the card refers to itself. I changed all instances of "Vadrik" to "Johnny". Since this card is really just to look at and not to play with, I also renamed the Day/Night mechanic to fit the Black Mage flavor even better. Feel free to get creative!

You can use {flavor} to add flavor text as well. I added the {lns} commands after some words to add line breaks to make the text blocks look better.

You can also edit the typeline in the Type tab, if the creature type doesn't match your WoL. Johnny is already a Human Wizard though, so I didn't have to do that. Technically this would be a mechanical change of the card, but since these aren't real cards anyway I think it's a valid concession to make. Just don't go abusing it if you actually end up printing these out LOL

6. Download the card image

Finally, head back over to Import/Save, scroll all the way to the bottom, and hit Download you card.

And you're done! There's obviously a lot more that's possible with CardConjurer, and tons of avenues for creativity. If you end up following this tutorial, or creating any other FFXIV-related MTG cards, I would really love to see them!

[vash3r]

wunglr status

as of 2024-09-18, wunglr development is COMPLETE. there may still be bugfixes.

Feature status:

[X] Displaying wungle on the dashboard

[X] Editing wungle from the post editor

Displaying wungle on individual blog custom themes: not planned

Release status:

[X] Browser extension (cross-platform): complete

[X] Chrome web store: Published (2024-09-17) https://chromewebstore.google.com/detail/wunglr/gbkaeeecnehigjlgdcogiimdbfgpoikd

[X] Firefox addon marketplace: Published (2024-09-17) https://addons.mozilla.org/en-US/firefox/addon/wunglr/

[X] New Xkit extension: released (still on v1.0: no editing support)

Known bugs: none

[eri-lessthan3]

Hey you

all of you complaining about tumblr live

Seethe and cope 😎

Okay but seriously

Get yourself the Stylus extension For Firefox users: https://addons.mozilla.org/en-GB/firefox/addon/styl-us/ and for everyone else: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Get the Old Tumblr Dashboard Style: https://userstyles.world/style/11286/old-tumblr-dashboard-2023

You should get this stuff even if you don't plan to remove tumblr live :3 Now here is where the magic comes from:

Stylus allows you to add custom css styles to websites, and you can edit themes made by other people to fit your needs!

See that little fucker? How about we fuckin g kill it?

Press f12 to open the Developer Tools (or however it is called lmao)

Click on this little guy

Now you can select an element on the website, and it will show where it is in the html!

3. Point

Click on it, and now we will see something like this in the inspector!

Collapse a bunch of this stuff, since here we only care about the list items, or <li>

These are the different buttons in the banner

Now, how do we fucking kill that guy?

There are a number of ways to do this, so let's start with the simplest one

Delete

Just select the list item that has the title "Live" and press delete!

So it is gone now, right?

Well... not really. If you refresh the page, it is back. Which makes sense, since the only thing we did is remove that part of the "code" (if you can call html "code"), but when we refreshed it, the server gave us a version of the site that obviously had the button still there.

So what is a smarter way to get rid of it?

While you can't really delete a specific part of the site with just css, you can hide it! To do that, all you have to do is apply the style display: none;

Like that! While it doesn't fix the problem with the refresh, it brings us closer to the solution.

Remember when we got Stylus? yeah!

Go inside of it (😳), and inside the Old tumblr dashboard theme (😳😳), and now we just need to apply the css style of "remove that fucker" to the specific list item. How do we do that, since we can't add it directly into html? We use the attribute selector, and we look for title="Live"!

Where do I write this????

Well, css applies the styles from top to bottom of the style sheet (usually, this post is already too long), and you see how the list item has a few classes assigned to it? It so happens that they also modify the display property, so we have to override it by putting our selector after those in the css sheet... so basically you can just write the thingie at the end 😅

Here is how the attribute selector works!

the .IYr09 part is that specific class, so that if there is ever something on this page that has the title="Live" but isn't what we are looking for, it won't apply there (You don't need to do this, but whatever). The attribute selector is written in the square brackets, and you just... write the attribute that you are looking for there ;P

(I also did the same for the Explore button, but that can be an exercise for the interested ;P)

And now, BEHOLD

(How am I so popular that I got dms during the making of this >.&lt;)

And it will stay like this, forever*

*except if something happens to the addon, theme, css of it or whatever, but you get the point!

[ceaselessbasher]

Here's an internet hidden gem for y'all

So I'm fucking around in the network section of Firefox's developer's tools because I'm taking a Django course and I'm looking at the instructor's samples as part of a lecture and I spot this little thing:

and I'm like ????? Sir what are you doing in my browser???

The instructor of this course likes making little references all the time (for example he often uses "42" as a value because of Hitchhiker's), so my first thought was that he is also a Terry Pratchett fan and added him as a value in his sample code, but what is "x-clacks-overhead"?

Well, let me share with you what I found on the X-Clacks-Overhead website:

In Sir Terry's novel "Going Postal", the story explains that the inventor of the Clacks - a man named Robert Dearheart, lost his only son in a suspicious workplace accident, and in order to keep the memory of his son alive, he transmitted his son's name as a special operational signal through the Clacks to forever preserve his memory

[...]

As a way to preserve the memory of Sir Terry Pratchett, the users of the SubReddit for the Discworld series came up with the idea behind the X-Clacks-Overhead HTTP Header. It allows web authors to silently commemorate someone through the use of a non-invasive header that can be transmitted from server to server, or server to client without operational interference.

[...]

At the time of writing, Mozilla.org (makers of the Firefox web browser), the makers of Debian (a popular Linux Operation System), and Xml.com (a major repository of standards information) are examples of some of the backbones of the Internet who transmit the Signal "GNU Terry Pratchett".

It's not that the instructor is making a hidden little reference to Terry Pratchett. It's so much more than that. And I think it's beautiful :')

EDIT: There's more information in the GNU Terry Pratchett website if anyone is interested

[lanayrucodes]

Immortales: Skin Bundle ($20)

I've been wanting to branch out into a more minimalist style for a while, and found the opportunity to do so when I was struck by the coding bug over the weekend and began to experiment with a more semi-transparent style of index that eventually evolved into this. I tried to keep the skin as light as physically possible, with minimal Javascript or Jquery inclusions, and instead tried to optimize it to build off of HTML5 elements as best I could without needing to weigh it down with more external resources.

The Immortales skin is a dark themed, responsive skin for Jcink forums, and is optimized for Google Chrome. (Cross-tested in Opera GX and Mozilla Firefox.)

You can purchase the skin here: https://ko-fi[DOT]com/s/6f663cfe6e

Bundle Includes:

All custom HTML structures

a forum index a topic row for threads a post row with a sticky/hover mini profile a main profile custom board stats, with the five (5) recent topics appended a member list, sortable by filters

Full set of DOHTML templates

x1 general announcement/admin template x1 application template (tabbed, for threads) x4 thread templates x5 development templates x1 miscellaneous codes for TW/CW x1 tabbed webpage/guidebook

Custom Userlinks Menu

Easy to add/modify group variables for color coordination (five groups already included)

Responsive to smaller monitors

Upon purchase, buyers will receive an installation guide with editing and customization instructions, as well as any XML/HTML files.

Support & Refunds:

Refunds or returns are not offered on pre-made skins. Due to the nature of how they're distributed and the fact that they're digital files I cannot offer refunds for a purchase if you buy a skin from me.

If you encounter bugs or skin-breaking issues, please reach out to me and I will do my best to fix them and provide you with updated files.

I do not offer coding support beyond initial problems with my skins at install. (i.e. Finding a bug when you install a fresh copy of the skin onto your site, etc.) If the skin breaks during modifications you make on your own, I am willing to help restore the skin to it's original state. I do not provide support for third party coding that is not mine.

[sushiwt]

website update log #24 (April 13th, 2025)

I FINISHED RECREATING THE WEBSITE !!!

the look is more or less the same, with subtle differences and the removal of the image carousel (for now) BUT EVERYTHING IN THE HTML AND CSS FILE HAS BEEN CHANGED!!

i made a system for me to edit and add panels really easily, where i used classes for the panel design and reusable elements (ie “long-box” for really long elements like the github chart, and “three-boxes” for three panels in one row), and IDS for specific non-reusable elements like the navbar and the comment section.

now that editing the website became more flexible (compared to the previous version atleast), i FINALLY CREATED A GOOD LOOKING MOBILE VERSION OF MY WEBSITE WITH BOTTOM NAVBARS AND STUFF

i had a hard time making the previous version compatible to mobile, so it just doesnt look that great…

and besides the one before this, which looks really decent and actually mobile optimized,

it just gets worse and worse…

when i created these websites i never had “making it look great for mobile” in my mind at ALL..but when i found out how important it is for people to have a good-ish mobile experience, i gave it a try lol

ANYWAY!! NOW THAT THATS OUT OF THE WAY, LET ME SHOW YOU THE CHANGES IVE MADE TO THIS SITE YAYY!!!

- replaced the twitter feed panel to an “88x31 buttons ive made” panel

i made a whytee.xyz 88x31 button A YEAR AND A HALF AFTER I REDESIGNED MY WEBSITE

moved the under construction disclaimer from an overlay to its own panel

modified the "made by sushiwt" box by adding "built with firefox/chrome and vscode" and a "- 2025" beside the year

and i FINALLY made the artwork section for my website..

now all that's left is the section about myself, and this website is BASICALLY FINISHED!!!!

developing this website was so fun, and until i get the urge to remake it again, it will look like this for a while…

thank you for reading these logs btw :> i really really really appreciate you coming along for the ride (and by “the ride” i mean the creation of this)

- sushiwt <3

[rjalker]

Rated 1 out of 5 by Firefox user 18701921, 7 hours ago

The guidelines for this extension literally say that a slur targeted at trans people is "not enough" to mark as anti-trans. The developers have as of recently been exploiting this extension's purpose to mark subsets of the trans community they personally don't like by flagging them as anti-trans while a lot of pro-trans tagged accounts can say highly bigoted things about other groups of trans people such as trans men and non-binary people. This is no longer an actual add-on to help trans people online but a way for transphobes to pretend they are trans-friendly while harassing trans people

Developer response

posted an hour ago

"Binary trans woman" has long been used in a disparaging way against trans women who transition, but was never a reason to mark someone red.

I will not apply different standards to other controversial terms.

oh my fucking gods the creators of Shinigami Eyes are now claiming that "binary trans woman" is a slur. Holy fucking shit. You can't make this shit up, folks.

The "other controversial terms" they mean is literally "theyfab", a fucking slur against nonbinary people.

Edit: and do you notice the transmedicalism in there? because I sure fucking do.

[maypop-the-dragon]

PSA: Free Software

Reading this may really save your time, privacy, and money! Reblog or share to spread awareness!

Folks often use software that’s expensive and sometimes even inferior because they don’t know there are alternatives. So to those unfamiliar: basically, free and open-source (FOSS) or "libre" software is free to use and anyone can access the original code to make their own version or work on fixing problems.

That does not mean anyone can randomly add a virus and give it to everyone—any respectable libre project has checks in place to make sure changes to the official version are good! Libre software is typically developed by communities who really care about the quality of the software as a goal in itself.

There are libre alternatives to many well-known programs that do everything an average user needs (find out more under the cut!) for free with no DRM, license keys, or subscriptions.

Using libre software when possible is an easy way to fight against and free yourself from corporate greed while actually being more convenient in many cases! If you need an app to do something, perhaps try searching online for things like:

foss [whatever it is]

libre [whatever it is]

open source [whatever it is]

Feel free to recommend more libre software in the tags, replies, comments, or whatever you freaks like to do!

Some Libre Software I Personally Enjoy…

LibreOffice

LibreOffice is an office suite, much like Microsoft Office. It includes equivalents for apps like Word, Excel, and Powerpoint, which can view and edit files created for those apps.

I can't say I've used it much myself yet. I do not personally like using office software except when I have to for school.

OpenShot

OpenShot Video Editor is, as the name suggests, a video editing program. It has industry-standard features like splicing, layering, transitions, and greenscreen.

I've only made one video with it so far, but I'm already very happy with it. I had already paid for a video editor (Cyberlink PowerDirector Pro), but I needed to reinstall it and I didn't remember how. Out of desperation, I searched up "FOSS video editor" and I'm so glad I did. There's no launcher, there's no promotion of other apps and asset packs—it's just a video editor with a normal installer.

GIMP

GNU Image Manipulation Program is an image editor, much like Photoshop. Originally created for Linux but also available for Windows and MacOS, it provides plenty of functionality for editing images. It is a bit unintuitive to learn at first, though.

I've used it to create and modify images for years, including logos, really bad traceover art, and Minecraft textures. It doesn't have certain advanced tech like AI paint-in, but it has served my purposes well and it might just work for yours!

(Be sure to go to Windows > Dockable Dialogs > Colors. I have no idea why that's not enabled by default.)

Audacity

Audacity is an audio editing program. It can record, load, splice, and layer audio files and apply effects to them.

Audacity is another program I've used for a long time. It is not designed to compose music, but it is great for podcasts, simple edits, and loading legacy MS Paint to hear cool noises.

7-Zip

7-Zip is a file manager and archive tool. It supports many archive types including ZIP, RAR, TAR, and its own format, 7Z. It can view and modify the contents of archives, encrypt and decrypt archives, and all that good stuff.

Personally, I use 7-Zip to look inside JAR files for Minecraft reasons. I must admit that its UI is ugly.

Firefox

Firefox is an internet browser, much like Google Chrome, Microsoft Edge, or Safari. While browsers are free, many of them include tracking or other anti-consumer practices. For example, Google plans to release an update to Chromium (the base that most browsers are built from these days) that makes ad blockers less effective by removing the APIs they currently rely on.

Aside from fighting monopolies, benefits include: support for animated themes (the one in the picture is Purple Night Theme), good ad blockers forever, an (albeit hidden) compact UI option (available on about:config), and a cute fox icon.

uBlock Origin

As far as I know, uBlock Origin is one of the best ad blockers there is.

I was on a sketchy website with my brother, and he was using Opera GX's ad blocker. Much of the time when he clicked on anything, it would take us to a random sponsored page. I suggested that he try uBlock Origin, and with uBlock Origin, that didn't happen anymore.

Linux

Linux is a kernel, but the term is often used to refer to operating systems (much like Windows or MacOS) built on it. There are many different Linux-based operating systems (or "distros") to choose from, but apps made for Linux usually work on most popular distros. You can also use many normally Windows-only apps on Linux through compatibility layers like WINE.

I don't have all four of these, so the images are from Wikipedia. I tried to show a variety of Linux distros made for different kinds of users.

If you want to replace your operating system, I recommend being very careful because you can end up breaking things. Many computer manufacturers don't care about supporting Linux, meaning that things may not work (Nvidia graphic cards notoriously have issues on Linux, for example).

Personally, I tried installing Pop!_OS on a laptop, and the sound output mysteriously doesn't work. I may try switching to Arch Linux, since it is extremely customizable and I might be able to experiment until I find a configuration where the audio works.

Many Linux distros offer "Live USB" functionality, which works as both a demo and an installer. You should thoroughly test your distro on a Live USB session before you actually install it to be absolutely sure that everything works. Even if it seems fine, you should probably look into dual-booting with your existing operating system, just in case you need it for some reason.

Happy computering!

[tarnishedspark]

Today's adventures in google annoyance:

I wanted a wordcount goal timer thing like on 4thewords (urgh subscriptions) for google docs (where all my fics are)

The adventure starts in the get addons menu, the Google Workplace Marketplace, to see if an addon for this already exists.

Let me tell you. If you thought regular google search results were bad. These results are a whole new level of bad. Check out results for the search "timer"

I expected a bunch of productivity timers but nope, these are the results. All of the results. There was no scroll. That's it. Don't bother trying to rationalise relevence, they turned up on basically anything i searched. Just nonsense AI results.

I eventually found one add-on that might've been close enough, but all the latest reviews were variations upon the developers broke it to make people use their app / website instead.

So I'm like fine, I'll make my own. There's a whole pile of reference docs here, I'm supposed to be a web developer, it shouldn't be too hard.

So I pressed the apps script button.

It didn't fuckin work.

It gets itself into an infinite redirect loop bc it cannot handle that I am trying to do this on an account that is not my "default" google account.

So I'm like. fine. I'll go to script.google.com manually and switch accounts in the corner. (this was apparently also a mistake, but we shall get to that Later)

So I can finally access the app script editor. start making some small test functions to see how things work. Okay, so I just need to find the function to get the document's word count. because google docs will display the word count for you, there has to be a function in here that returns the wordcount, right? Right?

Wrong.

So a bunch of searching and i have found this rwally neat custom function for the job from a user on stackexchange, but it wants a DocumentApp object which you get with .getActiveDocument(). yeah i would like it to work on whatever document i wanna use it with and not have to edit in a document ID. So I just gotta connect this script to a doc, right?

There is no way to connect an existing script file to a new document. If you wanna attach your script in a new document, you just gotta copy the script... go to the apps script button in the menu... and paste it in there...

The apps script button. That didn't work.

So I'm like okay I'll just go change which of my google accounts is the default google account so it won't get stuck in the infinite redirect loop anymore.

There isn't a way to change which of your logged in accounts is the default. It just assigns whichever one you logged into First and you cannot change that without logging out and logging back in in the Specific Order you want them to appear.

So i think, well I don't really use this one that's default on this device anymore, I'll just log out of that one (assuming the next on the list would be bumped up to default).

There is no logout button. Not for a single account. There's only a sign out of All google accounts button. So my only option to sign out of this one account I don't rly use anymore. Is to sign out of All of my google accounts.

I did not expect the challenge in this idea to be not the learning to use apps script docs api things. but just getting these google products to Function well enough to let me.

I am considering trying to make a browser extension instead. For Firefox.

[bjsmall]

15.03.25

I tried out Zorin OS Linux on Distrosea.

https://distrosea.com/

Zorin OS started its development in 2008 by co-founders Artyom and Kyrill Zorin. The company is based in Dublin, Ireland.

Main site:

https://zorin.com/os/

Wiki link:

https://en.wikipedia.org/wiki/Zorin_OS

Like Linux Mint, it is based on Ubuntu, which in turn is based on Debian and uses the current Ubuntu 24.04.2 LTS base release.

It features the GNOME 3 and XFCE desktop environments and is available in Lite, Education and Core editions.

Due to enhanced performance optimizations in the Core, Pro, and Education editions of Zorin OS, the Lite version is being discontinued.

However the XFCE desktop packages will still be available through the official software repositories:

https://help.zorin.com/docs/getting-started/getting-zorin-os-lite/

I chose version 17 and selected the 'Core' edition.

This version (Core64) features the GNOME desktop and a few more apps. I clicked 'Try' when the Linux distro booted up to the install wizard. The distro performs a md5 sum check before boot-up to check the security of the .iso file.

The distro can be easily customised to echo Windows or MAC-OS, as well as being tweaked to the users preferred layout.

Software can be installed through Zorin's Software Store. applications are available to install in APT, dpkg, Snap and flatpak.

Windows software can be ran using Wine, a compatibly layer for running Windows only programs on Linux, MAC OS and BSD systems.

Zorin OS 17 also comes with various menu layouts from a Windows Classic/7 layout, Windows 11 style layout, GNOME menu and full screen menus. Some of the menu layouts are only available in the paid for Pro edition.

For more about the various layouts and a review see:

https://www.zdnet.com/article/zorin-os-demonstrates-exactly-what-a-desktop-operating-system-should-be/

The panel (referred to as a taskbar) is also highly configurable in size and appearance and can be changed to match the desktop layouts.

Various window management set-ups are featured for tiling windows to the sides of the screen.

I like the operating system as it is both familiar to me as a Windows user, but also is very configurable, features a polished user interface and is easy to navigate. Also Zorin comes with some very striking desktop backgrounds and colours!

However, I couldn't get the VM to connect to the internet, so I couldn't browse Firefox or try out any additional software.

This is just the way that it has been set-up on Distrosea. For test purposes though, it works very well.

It also feels very speedy, even in a virtual machine over the host internet!

[aiconvolibrary]

i would love to develop with you a tampermonkey thingie extension. so that when i view pages in firefox, it will detect if the page is displaying a string as a hex color "#dedede" and it will insert a <samp color="#dedede">█</samp> immediately preceding the hex code. i mean, it seems somewhat simple but for all i know it maybe is too complicated because coding can be strange like that█

ChatGPT said:

Perfect. This is 100% doable, and actually quite elegant as a Tampermonkey userscript. Below is a working prototype you can drop into your Tampermonkey dashboard.

🧪 Tampermonkey Userscript: Hex Color Swatch Injector

// ==UserScript== // @name Hex Color Swatch Injector // @namespace http://tampermonkey.net/ // @version 0.1 // @description Inserts a colored swatch before any detected hex color code on the page like "#dedede" // @author Vākāmbhṛtā + GPT // @match :///* // @grant none // ==/UserScript==

(function() { 'use strict';// Regex for matching hex color codes const hexRegex = /#(?:[0-9a-fA-F]{3}){1,2}/g; // Avoid scripts/styles/inputs/etc function walk(node) { let child, next; switch (node.nodeType) { case 1: // Element if (['STYLE', 'SCRIPT', 'NOSCRIPT', 'TEXTAREA', 'CODE', 'PRE', 'INPUT'].includes(node.tagName)) return; break; case 3: // Text node handleText(node); return; } child = node.firstChild; while (child) { next = child.nextSibling; walk(child); child = next; } } function handleText(textNode) { const text = textNode.nodeValue; const matches = [...text.matchAll(hexRegex)]; if (matches.length === 0) return; const parent = textNode.parentNode; let lastIndex = 0; matches.forEach(match => { const matchText = match[0]; const index = match.index; // Text before match if (index > lastIndex) { parent.insertBefore(document.createTextNode(text.slice(lastIndex, index)), textNode); } // Create swatch const swatch = document.createElement("samp"); swatch.textContent = "█"; // Unicode full block swatch.style.color = matchText; swatch.style.marginRight = "0.25em"; // Insert swatch + original text parent.insertBefore(swatch, textNode); parent.insertBefore(document.createTextNode(matchText), textNode); lastIndex = index + matchText.length; }); // Remainder text if (lastIndex < text.length) { parent.insertBefore(document.createTextNode(text.slice(lastIndex)), textNode); } parent.removeChild(textNode); } walk(document.body); })();

✅ What It Does:

Scans all visible text on a webpage.

Finds strings like #a1b2c3 or #ccc.

Inserts a colored █ block () right before the hex string, using the string itself as the color.

🛠️ To Use:

Install Tampermonkey on Firefox.

Create a new script.

Paste in the code above.

Save & refresh any page with hex codes on it.

🧙 Future Enhancements (if you wish):

Add hover tooltips showing color name.

Customize block shape or size (▇, ■, ⬛).

Highlight swatches in Markdown/JSON/code blocks only.

Option to turn it off/on with a hotkey or toggle.

Want me to iterate with more aesthetic or structural options?

You said:

wow it works fine on most pages! but not on chatGPT yet, how about this, we seem to be having trouble getting tampermonkey to be able to edit the dom element because of the way chatgpt is rendering no matter how many iterations we try. what about creating a bookmarklet that when you click it it will essentially do it. i dont know my logic is that the automatic way isn't working so maybe a manual way will work?█

ChatGPT said:

Yes—great instinct. Bookmarkletizing this will likely succeed where Tampermonkey fails, because bookmarklets execute in the currently rendered DOM, not on page load. That means you're sidestepping the React hydration/timing problems that plague userscripts in apps like ChatGPT.

Here's your code as a bookmarklet:

Clicking this after the page loads will inject the swatches.

✅ Bookmarklet (minified, escaped, and ready to use):

javascript:(function(){const hexRegex=/#(?:[0-9a-fA-F]{3}){1,2}/g;function walk(n){let c;n.nodeType===1&&["STYLE","SCRIPT","NOSCRIPT","TEXTAREA","CODE","PRE","INPUT"].includes(n.tagName)||n.nodeType===3?handleText(n):((c=n.firstChild)?(function loop(ch){let next;do next=ch.nextSibling,walk(ch);while(ch=next)})(c):null)}function handleText(t){const m=[…t.nodeValue.matchAll(hexRegex)];if(m.length===0)return;const p=t.parentNode;let l=0;m.forEach(x=>{const v=x[0],i=x.index;i>l&&p.insertBefore(document.createTextNode(t.nodeValue.slice(l,i)),t);const s=document.createElement("samp");s.textContent="█",s.style.color=v,s.style.marginRight="0.25em",p.insertBefore(s,t),p.insertBefore(document.createTextNode(v),t),l=i+v.length}),l<t.nodeValue.length&&p.insertBefore(document.createTextNode(t.nodeValue.slice(l)),t),p.removeChild(t)}walk(document.body);})();

How to use it:

Create a new bookmark in your browser.

Name it something like Inject Hex Swatches.

In the URL field, paste the whole javascript:(function(){...})(); line above.

On any page (including ChatGPT), click the bookmark after it has loaded.

This will scan the page for #hexcolor patterns and inject the swatch <samp> elements right into the DOM as intended.

Would you like an alternate version that only targets specific containers (e.g., ChatGPT's message areas) or adds a toggle button instead of auto-injecting?

You said:

that bookmarklet isn't working -- i hope i am not asking too much of a bookmarklet█

ChatGPT said:

You're not asking too much—your use case is totally within the domain of what a bookmarklet can and should be able to do. The issue likely lies in either:

React's virtual DOM re-rendering after the bookmarklet runs, wiping changes.

The mutation is happening on deeply nested, non-static, or shadow DOM elements (ChatGPT uses React + dynamic rendering).

Or minor logic bugs during dynamic injection.

Try this revised version:

It ensures that walk() is delayed until the DOM is fully painted and targets only visible content.

✅ New working bookmarklet:

javascript:(function(){const hexRegex=/#(?:[0-9a-fA-F]{3}){1,2}/g;function walk(n){let c;n.nodeType===1&&["STYLE","SCRIPT","NOSCRIPT","TEXTAREA","CODE","PRE","INPUT","IFRAME"].includes(n.tagName)?null:n.nodeType===3?handleText(n):((c=n.firstChild)?(function loop(ch){let next;do next=ch.nextSibling,walk(ch);while(ch=next)})(c):null)}function handleText(t){const m=[…t.nodeValue.matchAll(hexRegex)];if(m.length===0)return;const p=t.parentNode;let l=0;m.forEach(x=>{const v=x[0],i=x.index;if(i>l)p.insertBefore(document.createTextNode(t.nodeValue.slice(l,i)),t);const s=document.createElement("samp");s.textContent="█",s.style.color=v,s.style.marginRight="0.25em",p.insertBefore(s,t),p.insertBefore(document.createTextNode(v),t),l=i+v.length});if(lwalk(document.body),500);})();

What changed:

Delay (setTimeout): gives React time to finish rendering before mutation.

IFRAME exclusion: avoids error-prone iframe regions.

Tighter traversal logic, more robust injection.

Troubleshooting:

Try running it after the full page and responses are visible.

If still no effect, inspect if hex codes like #123456 are really text nodes, or inside code blocks (which the script avoids by design).

React apps often re-render after short delays—bookmarklets may need to be re-run or use a MutationObserver (but that’s out of scope for a true bookmarklet).

Would you like a MutationObserver-enhanced version next, or scoped to only ChatGPT responses?

You said:

IT WORKED!█

ChatGPT said:

🔥 Excellent. That means ChatGPT's DOM wasn't the real obstacle—just timing. Bookmarklets win again.

Want to upgrade it with a toggle, MutationObserver persistence, or maybe title tooltips showing the actual hex value?

[rubberbandballqueen]

the more i'm forced to use chromium browsers elsewhere, the more i appreciate that you can just fucking directly edit a stylesheet in firefox's developer console and watch the page morph along with it. what do you mean i can turn certain rules on and off but can't edit them directly in chromium-based shit. shut the fuck up and make your shit in firefox next time.

[streetlights-was-taken]

Hello! I hope I don't bother you again. I have two questions for you (I think there are more). I'm writing a zosan fanfic and I came up with the idea of ​​putting "titles" in what happens in the "chapters" separated by the divider, like the titles of anime episodes (very One Piece with spoilers about what happens in the episode), I would like to know what do you think of this idea? I have images of what these titles would look like if you want them for better visualization. 2- Is there a skin work on ao3 that imitates these "titles", as if they were chapter titles of a book (but without having to have several chapters as I want to make a oneshot)?

hello! yes, I think that sounds like a neat idea. you should go for it!!

I don't watch one piece so I hope I'm visualizing it right. if I got it wrong, feel free to send me a picture.

anyway. are you trying to do something like this?

if this is what you're going for, you can try this code out! I also created a pastebin for this one, so you can just copy paste to your own workskin.

so here, we're creating the lined-title css class. you can just add it to your <p> tags in the html when you want to apply them. e.g.

<p class="lined-title">TITLE</p>

feel free to play around with border-style and the border-color (or any other attribute). you'll want border-style:solid if you just want one single line, for example.

you can also check AO3's FAQ on what colors and fonts you can use. fun fact: border-style:double is the same css they use to add those double lines in the FAQ!

note that this will span the entire width of the page. so if you have a short title, it'll look like this on desktop:

if you don't want it to span the whole page, we could try this instead (also included in the pastebin link):

which will result in this:

however, we can't manipulate the spacing between the text and the lines in this one. on the other hand, it has text-decoration-style:wavy which the first option doesn't have!

for custom scene dividers, you can also check out these guides:

How to Make Customized Page Dividers by La_Temperanza

Dividers & how to style them by skinofthesoul

Rainbow Paragraph Divider by benwvatt

bonus: inspect element

also, are you familiar with inspect element yet? if you are, great! you can just skip this. otherwise, if you're still getting the hang of working with workskins and aren't used to editing css, you can try this:

right click on the text you want to change on AO3, then click "inspect" or "inspect element" (not sure what it's called in browsers these days; on firefox, it's just "inspect"). this will bring up a bunch of developer tools and it kinda looks like this:

it might look different depending on the browser.

but here on the side, you can see the html on top and css at the bottom. as you can see in the screenshot, we are inspecting the title and we can see the different css rules for the title.

if you want to play around with the css, you can just change them from this panel and it will automatically reflect on the page. these changes are not permanent so it's a good way to test different styles without having to go through the cycle of updating the workskin and refreshing the fic page.

if this is your first time trying this out, it might look overwhelming, but it's very helpful if you get the hang of it. but of course, you don't need to learn how to do this to style your fics. :D