Colophon

Delovely is written by a human.

It is named after the Cole Porter song.

It is a living page, that is to say, a project that grows and changes over time.

A flower with books as petals, amongst the words 'A Living Page'

Tools

I code this site using VSCodium and Eleventy, and host it on Neocities.

When writing blog posts, I usually use Apostrophe.

Typography

The body font is Yrsa, and the main header font is Basteleur by Velvetyne.

Graphics

Goose GIF from Gifcities.

Vintage linkware webset images via Diabella Loves Cats and Until Then Graphics.

Public domain images via Wikimedia Commons and Old Book Art.

My site and a lot of my art are in black and white. Don’t get me wrong, I love colors. I just find that adding colors to a design introduces a couple extra steps for me to think about. My original idea was also to match my zines, which are printed with black toner.

Accessibility

Websites can be incredibly powerful tools for sharing art and ideas. Making a website accessible uses its power to the fullest, making it a document that can be read in versatile ways.

My goal in making Delovely is not to get a lot of views or clicks. However, I want my site to be accessible and welcoming to whoever may end up stumbling here.

Here are some ways I’ve attempted to do that:

Delovely should be responsive.

There should be alt text on every image.

I try to use proper semantic HTML, which means using HTML tags as they were meant to be used. That means using less divs and spans to hold structure, and learning to use navs, footers, and proper heading levels instead.

There are no auto-playing sounds or videos.

I try not to link vaguely, as in “Click here to see more.” If a machine is reading the page, where’s “here”?

Role tags and aria-labels are applied to emojis, so that they can be interpreted by screen readers as text or images depending on context.

The following resources helped me a lot:

I’ve probably made mistakes somewhere. If you encounter a problem, I’d appreciate it if you let me know in my guestbook or by e-mail.

Thank yous

Semantic sidenotes are coded by Koos Looijesteijn. Thank you Mr. Looijesteijn!

Footnote highlights stolen[1] from ~hedy’s home. This is a wonderful way to improve the readability of markdown-it-footnotes on the web. Thank you, ~hedy!

line-height advice from Solaria’s readability guide. Thank you Solaria!


  1. If you see something on this site that you want to imitate on your own, feel free to view my source and experiment! ↩︎