Sam Littlefair

@littlefair.ca

Building @vowel.cc Formerly @storyblok.com, prismic.io, @lionsroar.com

I did some portraits of my sister with her best friend and her dog on @harmanphoto.co.uk's new film, Phoenix II, and wow this film has beautiful texture. These are completely unedited. Shot on an inexpensive Canon EOS 35mm camera with an EF 50mm 1.4 lens and developed by Gulabi in Glasgow.

Two young women laying in the grass with a dog between them. One is kissing the dog.Two young women lying in the grass with a dog between them.

Lately I've been thinking more about the Atmosphere logo, and I think a kite could be a nice fit 🪁 It says "atmosphere" and "transfer." And if you add a key then it also says "authentication" with a classic reference to electricity, innovation, and (maybe most appropriate) lightning rods.

Rough sketch of an atmosphere logo with a kite tied to a key

Vowel will now create resized versions of all of your images in WebP and AVIF and generate an optimized <picture> element to display them. Just add a full-res image to your project and link it with normal markdown. It even works for popular image CDNs! (Thank you Unpic / @mk.gg)

Screenshot of the Vowel homepage with the devtools inspector open on an image, revealing a <picture> element with responsive URLs.Screenshot of the Vowel homepage with the devtools inspector open on an image, revealing a <picture> element with responsive CDN URLs.Screenshot of a text editor with the markdown of the Vowel homepage, showing the markup for two images — one hosted locally and one hosted on a CDN.

This is a PSA in case anyone tells you that you “need to meditate.” You do not. Feel free to give it a try. If you like it, keep it going. If not, don’t sweat it. Lots of other things have a similar effect. Sports. Art. Nature. Cooking. Hugs. Find what works for you.

The last remaining big puzzle piece. In the next version of Svedit, you'll be able to toggle annotations on node_arrays, not just text. In Editable, this enables you to group blocks together to sections, without introducing additional hierarchy, or hacky spacer blocks.

I noticed that I had misconfigured the dark mode variables for @vowel.cc's default stylesheet, so I went in to fix them and did a little restyling. I think it's feeling fairly slick if I do say so myself. (I generated the color scheme programmatically with a little app I've been developing.)

Screenshot of the Vowel homepageDark mode screenshot of the Vowel homepage