🔞 ADULT: Gallery - HD Photos!

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 35
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)

610 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!

96 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.

77 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

199 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

246 notes

image

Hey! This pack contains 102 gradient wallpapers in PNG format, 52 of which are my own gradients. The other half features a crystallized texture version, all sized at 1386x3000px. If you have any opinions or ideas, please feel free to tell me.

Like or reblog if you download.
(DOWNLOAD) or (DOWNLOAD)

146 notes

image
image
image
image

Theme -  Allfire; [preview] [code] [magnusthemes] [buy me a coffee?]

A compact, versatile and responsive header theme.

Features:

  • Full support for NPF posts
  • Theme is responsive!
  • Like/reblog buttons
  • 1, 2 or 3 columns of posts
  • Custom post size from 250px to 540px
  • Pagination options: Infinite scroll, manual load or pagination
  • Background image options: Full-size, repeated, none
  • Header image options: Full-size, compact, none
  • Change content opacity from 0 to 1
  • Optional rainbow accents

Notes:

  • Built with JSON - thanks to @eggdesign's base code!
  • To insert links into the menu, simply create a page and check “show a link to this page”.
  • Please turn off the default mobile theme in Advanced Options if you want to use the mobile version!
  • Subtitle is optional, and you can add icons if you want!
  • Updates tab is also optional, and you can also add icons if you want!
  • Icons cheatsheet: here
  • Full list of credits: here

Please like and/or reblog this post if you use or plan or using this theme, and consider buying a coffee to support me! Thank you c:

397 notes

image

MEL: ABOUT PAGE BY ETHEREAL THEMES

View on payhip ($6.00), check out the preview or support me on patreon for more themes + pages, header templates, coloring psds and more every month!

About Page

  • Navigation: Home, ask + 4 links (room for more if needed)

**No Javascript Needed**

Color options for: background, links, all content boxes, five accents + more

Sections include:

  • Profile with avatar, name and links
  • Basics/info list
  • Sticky note quote
  • About me notecard
  • Tags links
  • Scrolling Project/WIPs cards
  • Social media sticker links

Images Include:

  • 100x100 Avatar
  • 170x170 Polaroid
  • Three additional images

Advanced HTML to edit colors and information as this is only available as an HTML page; box + table size changes not recommended. Let me know if you come across any issues.

142 notes

image
image
image

a page pack. these pages are free.

page - something beautiful: live preview | download the code: ko-fi, gumroad

features: two 300x300px about images, page title, three custom links, 100x100px about icon image, quote section, about info section, biography section

page - message in a bottle: live preview | download the code: ko-fi, gumroad

features: page title, three custom links, question and answer section, navigation section, sideblogs section

notes: credits link to the resources, tutorials and scripts used to make this theme possible is found on the bottom right corner of the theme. 

join me on patreon | consider commissioning me | buy me a coffee?

91 notes

Landscape promotional banner for the process document (PDF) of glenthemes' "Web Zero" theme, showing the preview for the first page.ALT

💾 “Web Zero” theme: process doc

It's here! I finally finished documenting my thought process, design direction, and development tidbits for my Web Zero theme after an entire month of procrastination 🫦

I've included references & links throughout if you're interested in web design or web development!

◍ ggl.link/web-zero-process

100 notes

image
image

eed1aa - 8497a1 - ed9e6c - d0505b

191 notes