[go: up one dir, main page]

koi she/her
i like bugs but not the kind you find in code.

i make colourful tumblr codes and notion templates with waaay too many options sometimes. previously yukoki.

@malkohas @xuekoi
status
kinda active
askbox is open (slow replies)
commissions closed
blog opened 4 June 2021
released 12 themes + 6 pages
affiliates coding cabin
back
1 of 36
next
image

☁ beryl (collection page).

Links: preview | install

Beryl is a grid-based page that neatly displays your collection — of fics, books, movies, muses, portfolio works, or anything you’d like to show the world. Sticky section titles and graphics remain in view so you never lose track of your progress.

Features: no javascript, neat sections, sticky section titles, sticky navigation, header, item quote blocks, item ratings with custom symbols

Credits: preview header image by yamasa-n (unsplash)

629 notes
image
image
image
image

✂ bookwyrm + bookshelf notion templates.

Books & reading sessions tracking: bookwyrm
Simple books tracking: bookshelf

Bookwyrm is a reading tracker for the avid reader. Log your reading sessions and this template will track your reading progress: both time spent reading and pages turned. The dashboard shows you at-a-glance stats for your current book, and you can check out how consistently you’ve been reading via the reading sessions calendar. You can also rate and review your books and enjoy reading summaries such as books read or time spent reading per month.

Bookshelf is a simplified version that focuses just on books tracking without logging reading sessions.

Features: dashboard, books databases & stats, rate & review books, reading session tracker, book progress tracking

Disclaimers: This is not a tumblr theme/page.
Book icon credits: Freepik, designbydai, photo3idea_studio.

53 notes

image
image
image
image

theme - keeper by @ghcstfaec

preview (alt version) | download: ko-fi for $0+ 

this is a free theme.

i reached a milestone on ko-fi! i'm slowly rebuilding it because my old one was reported lmao. as thank you, here's a theme to celebrate me reaching 100+ followers over there. thank you so much for the love. *w*

features: three 250x250px sidebar images, 70x70px icon image, four 70x70px icon images, blog title, blog subtitle, six custom links, search bar, 450px to 540px text posts

notes: npf posts friendly (+ among other things)! ask and submit button will automatically show if allowed (please check your settings). thank you @/gloomglimmer for the psd. thank you @theluzvre for the pngs (tagging you so you see how i used your resources, thank you again!). credits link to the resources, tutorials and scripts used to make this theme possible is found on the bottom right corner of the theme. if you have any questions, found a bug or suggestions for the next theme after this, send me a snail mail.

🌿🦝 terms of use ◦ commissions ◦ join me on patreon ◦ payhip storefront ◦ see full credits ✨ 

82 notes
4,436 notes

粉红色✕白

22,068 notes

image
image

✂ islander notion template.

Links: install (6 USD) | features & usage guide

Islander is an Animal Crossing New Horizons Notion template that's perfect for go-getter resident reps who are looking to complete all collections. Both north and south hemisphere templates available.

Features: dashboard, monthly in-season fish/bugs/sea creatures, full islanders database, museum donation trackers, other collections (music, reactions, nook miles), personal saved databases for photos + custom designs + island inspirations, guides, turnip profit-tracking & stalk market tips

Disclaimers: This is not a tumblr theme/page. I do not claim ownership over the use of ACNH game graphics. 

🏕️ Islander notion template — 50% off discount!

To commemorate the release of Animal Crossing New Horizons v3.0, my Islander notion template will be 50% off (min. $3 instead of $6) from 12-18 January 2026 (ends 19 Jan 2026 00:00 AEDT/GMT+11)! Have fun falling back into acnh (i know i will…)!!

310 notes

Banner that reads "Heartworm: about page 19 by glenthemes" stylized in all uppercase, accompanied by an image of an anatomical heart with a weeping eye on either side.ALT
Screenshot preview of the page "Heartworm" by glenthemes — an about page with a dark color scheme accented with pastel pink, cashmere, and olive. The layout is centered and starts with a header section consisting of an illustration depicting various flowers, a circular profile picture, a Discord-style status bubble, a username, and 6 square links. Two boxes sit side-by-side below the header, each with a heading and a bullet list prefixed with a unique icon and label. A third wider box sits underneath them, spanning the same width as the header, containing paragraph text describing the word etymology of "heartworm".ALT
A closer screenshot preview of the "Heartworm" page on a more narrow view, labelled "Desktop & mobile friendly". The 6 square links in the header section have relocated to the bottom of the header, and the two columns of boxes have shifted to become single column.ALT
A closer screenshot preview of the "Heartworm" page on a more narrow view, labelled "Popup Tumblr askbox". The rest of the page is blurred as a popup titled "Ask me anything" shows in the foreground, followed by the Tumblr askbox.ALT

About Page [19]: Heartworm by glenthemes

🫀 ── preview / code / guide / credits 。

ˈhärt-ˌwərm, (n.) a faded relationship or friendship that lingers, alive and unfinished, like smoldering embers of an abandoned campsite.

🫀 ─── features ‣

  • header: banner image ; profile picture ; Discord-inspired status bubble ; username ; nav links with hover text
  • popup askbox: optional ; custom popup title
  • info boxes: 1 to 2-column layout ; heading/title ; bullet lists with icons and labels
  • text formatting [🔗]: bold, italic, links, faded text, small caps, bolded small caps, blockquotes
  • misc: desktop & mobile friendly ; no javascript ; highly customizable

🫀 ── how to use and edit ‣

Please read the guide I put together!  (o˘◡˘o)ノ

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

841 notes

Screen recording of a navigation menu that slides in from the left of the screen.ALT

CSS-only Sliding Menu

base code / simple preview

Aside from some built in transitions and CSS variables, this is a blank template to build your own menu content. To showcase what you can do with it, I've also made a customized preview.

This is made possible with :focus-within, which lets us select a parent element based on the (focused) state of its children, similar to :has(). Using :has(:focus) could have accomplished something like this, but this selector is specialized for this purpose.

Let me know if there's anything I should add!

101 notes
image
image

✂ inteyvat notion template.

Links: install (5 USD) | features & usage guide

Inteyvat is a Genshin Impact Notion Template that’s the perfect travel companion (besides Paimon!) in your journey through Teyvat. Organise your time with integrated databases for characters, weapons, and materials. Set goals for character ascension, talents, and weapon ascension; all the materials you need will be automatically calculated for you.

Features: dashboard, characters/weapons/materials databases, talent/weapon domain schedules, character ascension guide, character talents guide, weapon ascension guide, tasks tracker, resources & guides section, events timeline

Disclaimers: This is not a tumblr theme/page. I do not claim ownership over the use of Genshin Impact graphics.

83 notes

Banner that reads "CSS Popups: written by glenthemes" stylized in all uppercase.ALT
Screen recording GIF of the user interacting with the demo page for CSS popups. There are four sentences present, each of which has several words emphasized in blue and underlined. When the user clicks the emphasized phrase, a popup appears with content associated with said trigger. Clicking outside of the box closes the popup.ALT

✨ 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

211 notes

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.ALT
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".ALT

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

261 notes