Web-Dev Posts

I write about my process and progress with the development of this site. As well as, eventually, other projects I dabble in.

Creating a css theme toggle

I finally did it! As you should see in the sidebar/header there is now a toggle which allows you to display a dark theme. If you have javascript enabled the site will remember your choice using a cookie. If you do not have javascript enabled the site will warn you that the choice cannot be saved.

Let me show you how I did it.

CSS Workaround to rename the "ungrouped" title in TreeTabs browser extension

I love TreeTabs. I've been using verticle nesting tabs for years. Because of Firefox's change to WebExtension crap I have had to switch to TreeTabs. It's pretty great, but I have some gripes and this post is how to fix one of the worst: How to rename the "ungrouped" group to something else.

Gallery Page updated

I finally updated the gallery page to be more friendly-ish...

  • implemented lazyloading of images
  • no-js collapse of albums
  • handles no-js okay

Now, it only loads 800kb to start, instead of 20mb+ yay

Banner Comments +

So, in style of getting back into code, I made an extension for Visual Studio Code. Well I rewrote it.

It is an exentions which allows you to convert text into ASCII fonts!

I use these kinds of fonts in large comments to help segment my code for easy parsing …

Becoming code again?

Alright, so in getting sucked into my old support group again, I have added responsibilities to my plate instead of removing them. Ugh. What am I doing?!?

Well it's not so bad. I guess it makes sense I would return despite my distance because I am alive. So how does …

Integrating a CDN for image hosting part 1

Super excited. I recently created an account at Cloudinary.com for their free account.

I really want to switch over to a CDN for image hosting because my git project should not host all those images.

Here's what I accomplished:

  • I created an account which gives me enough free space …

Overriding templates in Pelican when using multiple configs

This website and all its pieces now needs 4 pelican config files. And the latest addition requires different direct templates than the others. So I needed a way to override the direct templates without royally fucking anything else up. This is what I came up with.

I updated my build process to save 2gb of space lol

So I'm on a roll huh? Avoiding all the important stuff and working on my website too much... Well, when I'm stuck in bed because I hurt it's better than gaming or binge watching. I should finally internalize that. Anyway.

Until now, I had a folder that held the raw …

Minor improvements to the website

At least I'm not playing video games -_-

  • Added per category archives (yay plugins!)
  • fixed archives bug (faulty logic!)
  • changed url scheme (why!? o.c.d.)
  • fixed footer on pages with minimal content (yup)
  • fixed minor render bugs in sidebar (sweet jesus face)

Testing script update for Pelican project

I finally had the focus to rework the testing script for this project. Let me tell you what I did. OKAY!?!

Pelican Config Consolidation

So in my updates to the script I also wanted to hide my config files behind a folder because it feels nice when things are clean. This caused a hiccup or two. Let me tell you what I did. OKAY!?! ugh

Gap in posting due to challenges programming

I, wanted to implement some more features on this site, and amidst my social time here, I failed to complete them, or even get close. So I reverted.

I am leaving tomorrow. So expect a recap post of my time here in Maryland in a day or so.

Minimizing icon font size in Pelican

Looking at my assets required for this site, I knew FontAwesome was taking up bloat. I was including the whole font! But I'm using a small portion. It consumed 76kb! So I searched for how to make it smaller.