Colophon

Delovely is written by a human.

It is named after the Cole Porter song.

Tools

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

Typography

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

Graphics

Goose GIF from Gifcities.

Vintage webset images via Diabella Loves Cats.

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. I also wanted to match my zines, which are printed with black toner.

Code snippets

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!

Accessibility statement

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.

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