glenthemes

1.5M ratings

277k ratings

See, that’s what the app is perfect for.

Landscape banner that reads "10 years of glenthemes" stylized in all uppercase in brush fonts, adorned with a pair of overlapping heart sketches on the right, one hollow and one filled. The text sits above an aerial view of a walking person and their shadow.

Haikyuu screenshot of Oikawa Tooru yelling "Thank you for the last 10 years" like his life depends on it. The original text was "thank you for the last three years"; the word "three" has been replaced with "10".

Ten years ago today on July 16th 2015, I created glenthemes. Just to be clear: I’m NOT saying goodbye. You’re all stuck in here with me. This is a look-back on my journey, the good, the bad, the ugly, and how I ended up where I am now. This short journal is mostly written in chronological order; if you’d like to skip to the parts you’re interested in, here’s the overview in which the the titles sound suspiciously like episode names:

humble beginnings
how I learned to code
glenthemes was problematic 💅
glenthemes logo
paid themes & pages
landing internships
Discord community
powerpoint guides
college & hackathon
featured on Tumblr’s “Getting Started” page
tumblr changes / mobile & NPF era
design style & branding
“the friends we made along the way”
what’s next?

Keep reading

Pinned Post announcements gratuitous use of endash and brackets “are you writing the-” “4.5k words for my decennial anniversary post? yeah i am” *pinned

A positive unanticipated side-effect of adding alt text (image descriptions) more often is that it makes you a better writer 👀

This post by @⁠anistarrose includes some helpful sites/resources on how to write image descriptions.

This post by @⁠dremenec.com (Bluesky) illustrates the benefits of adding alt text:

An infographic by user @dremenec.com on Bluesky. There are six panels. 1. "Slow internet. Alt text is shown in place of unloaded images." a drawing shows a phone with poor signal, and alt text is visible where the image should have loaded. 2. "Findabillity. Alt text helps to search content." A drawing shows someone searching 'dog with banana' and a post is shown underneath without the words 'dog' or 'banana'. It is implied to be part of the alt text. 3. "Screen readers. Alt is read out to people using text-to-speech software". There is a drawing of the output a screen-reader would show when viewing an image with alt text on bluesky. 4. "Translation. Alt text can be translated". A drawing shows a post being translated. The alt text is also translated into german. 5. "Readability. Text in images can be made legible" There is a drawing of some truly awful handwriting inside a speech bubble. The alt text clarifies what the text is supposed to say. 6. "Disambiguation. Description helps clarify intent." There is a drawing of a post with a picture of a creature. This is styled after the famous optical illusion of a rabbit and a duck. The alt text clarifies that the animal is a rabbit. It definitely looks more like a duck.

“what are you writing?” don't worry about it alt text accessibility image descriptions HT posts

when I say my blog is where I make “themes for tumblr users by a tumblr user” this is what I mean

A screenshotted conversation between glenthemes and a friend. The friend says "It's the way i used your themes back then and now we're mutuals holy fuck", which glenthemes responds with "please tell me that seeing me on a side blog is like watching a theme maker eat mayonnaise out of a jar". The friend replies "babes it was stardust". Glenthemes interjects: "like I'm eating stardust out of a jar?" to which the friend replies "no ur theme".

(the reference)

follow if you like whatever's wrong with me /j hi SJ if you're reading this rintarotsumugi HT shitposts

glenthemes

Theme [06]: Determination by glenthemes

🌻 ── preview / code / guide / credits 。

A retro theme with draggable windows, featuring a recurring pixel heart inspired by Undertale. All pixel icons in this theme are hand-crafted with CSS (I wrote about my process here if you’re interested ♥). 𝐌𝐚𝐣𝐨𝐫 𝐮𝐩𝐝𝐚𝐭𝐞: 𝟐𝟎𝟐𝟓 𝐒𝐞𝐩.

🌻 ── theme features ‣

sidebar image: 75px–200px ⊹ custom hover text (optional)
navlinks: 4 default links ⊹ pixel heart shows on hover ⊹ custom link text
description: custom title ⊹ scrolling text marquee (optional) ⊹ custom desc text
custom links: up to 8 ⊹ 1–3 columns
music player: 1 song only ⊹ scrolling text marquee (optional)
posts: 1 column ⊹ 300px–650px ⊹ post type indicator in title bar ⊹ legacy and NPF support ⊹ choose between old blockquote captions or modern dashboard captions ⊹ optional toggle tags ⊹ shortened notes (optional) ⊹ optional infinite scroll
corner image: 60px–300px ⊹ custom hover text (optional)
interactive windows: minimize, maximize, and close buttons ⊹ draggable windows (optional) ⊹ customizable borders ⊹ customizable shadow offset, size, color, transparency

🌻 ── how to use this theme ‣

Please read the guide I put together! ˭̡̞(◞⁎˃ᆺ˂)◞

🌻 ── terms of use / ask a question / tip jar ☕

selfreblog (updated this last week) HAPPY 10TH ANNIVERSARY UNDERTALE

eossa

glenthemes

me: "making this a Thing™️ due to popular demand!"
the popular demand: one (1) person requested it

simbury

and sometimes the one person is literally just me.

wait you're so right actually @simbury best comment of the year award goes to you

glenthemes

✨ CSS popups (no JavaScript)

Some basic CSS popups I put together by utilizing <⁠l⁠a⁠b⁠e⁠l⁠ ⁠f⁠o⁠r⁠=⁠"⁠.⁠.⁠.⁠"⁠> and <⁠i⁠n⁠p⁠u⁠t⁠ ⁠t⁠y⁠p⁠e⁠=⁠"⁠r⁠a⁠d⁠i⁠o⁠"⁠> combinations together with its :checked state to mimic a <⁠d⁠i⁠a⁠l⁠o⁠g⁠> in its open/showModal() state.

Unlimited popups
Only 1 popup can be open/active at a time
Clicking outside the popup box will close all popups.

🔗 github.com/glenthemes/css-popups

selfreblog posted this morning! also wrote a “how it works” section for those who wanna learn! (but skippable if you want to jump straight to using it)

✨ CSS popups (no JavaScript)

Unlimited popups
Only 1 popup can be open/active at a time
Clicking outside the popup box will close all popups.

🔗 github.com/glenthemes/css-popups

popup popups resources widgets my widgets tutorial my tutorial *glenthemes

A meme comparing two books. The one on the left is thin, labelled "time I spend on coding something". The one on the right is much thicker, and reads "time I spend on writing the tutorial / instructions / README file".

I write like I’ll get hit with a memory-erasing quirk at any moment

so I rly rly appreciate those of you who read my guides! even if it's less than 10% of users (not real statistics). thank you HT shitposts

glenthemes

Theme [06]: Determination by glenthemes

🌻 ── preview / code / guide / credits 。

🌻 ── theme features ‣

sidebar image: 75px–200px ⊹ custom hover text (optional)
navlinks: 4 default links ⊹ pixel heart shows on hover ⊹ custom link text
description: custom title ⊹ scrolling text marquee (optional) ⊹ custom desc text
custom links: up to 8 ⊹ 1–3 columns
music player: 1 song only ⊹ scrolling text marquee (optional)
posts: 1 column ⊹ 300px–650px ⊹ post type indicator in title bar ⊹ legacy and NPF support ⊹ choose between old blockquote captions or modern dashboard captions ⊹ optional toggle tags ⊹ shortened notes (optional) ⊹ optional infinite scroll
corner image: 60px–300px ⊹ custom hover text (optional)
interactive windows: minimize, maximize, and close buttons ⊹ draggable windows (optional) ⊹ customizable borders ⊹ customizable shadow offset, size, color, transparency

🌻 ── how to use this theme ‣

Please read the guide I put together! ˭̡̞(◞⁎˃ᆺ˂)◞

🌻 ── terms of use / ask a question / tip jar ☕

selfreblog how are we liking the update!!

eggdesign

Getting a feel for interest in the topic, but since using js in custom pages is not as easy as it used to be (for pretty decent reasons), would anyone be interested in some tutorials for how to do common scripting things with just HTML and CSS?

Tutorials/Resources for CSS-only features?

Yes

See Results

If there's anything specific you'd like to know how to do/see CSS only equivalents for, please add some replies! I already have a few ideas

(popups, sliding menus, etc)

I'm also open to tutorials for no jquery versions as well

boost poll the monarch of no-JS demands an answer

me: “making this a Thing™️ due to popular demand!”
the popular demand: one (1) person requested it