What Am I Doing Now?

A status list of what I’m focused on

July 19, 2022 β€” Permalink

It may be heat messing with my head but hear me out:

Since they’re mostly working too much already, instead of sponsoring open-source contributors for work they had/are/will do, sponsor to make them take vacations!

For dickheads those who are practical, you can think it as a long term investment: reduce the (big) chance for your loved contributor to burnout (again) and end up with an unmaintained project.

November 21, 2021 β€” Permalink

Who would have guessed? Life isn’t getting better.

Waking up every day in a country falling into authoritarianism and fascism at a frightening speed. Having to buy some of my everyday meds with crypto on the black-market just be able to live because it’s not commercialized anymore. My exhaustion keep increasing at the same speed that any interests feels more and more unappealing.

I don’t know what the future will be, but it looks quite bleak.

Anyway… I worked on Souvenir v2 design and code maintenance for a few days. The new features imply a deep refactoring of how encoding is made, and I don’t know how to deal with that so don’t expect anything soon.

Glitched version of my work-desk while I was working on Souvenir's new design

Anyway, all I can share is a few photos from The Netherlands, where I probably spent some of the happiest days of this year.

March 01, 2021 β€” Permalink

Hey there,
Long time no see, I was busy dealing with a burn out and preparing an upcoming surgery at the same time, funny moments lmao πŸ™ƒ.

You’re reading this post so yeah, the surgery went pretty well, I’m good now.
I even had the luxury to going out from hospitalization and discovering the city under the snow (well… while trying to walk correctly).

The hospital courtyard under the snow

After the hard part of recovery, to avoid boredom I decided, since the site was down anyway, to recode Vanilla List, but this time on a stack I could manage (bye rails & postgres).

Goals: fast & light, statically-generated, and without the Hugo pain-in-the-ass templating language.

I tried Eleventy: it was simple, easy to setup, fast and I could handle the templating how I wanted. This last point was really great, I had a lot of fun playing with Nunjucks and JavaScript Template literals.

Actually it took me some time to make something functional while being high on meds half of the time and with a attention span of max 30s. πŸ˜… But hey it’s working for now.

At the end I seized the opportunity to redesign+rewrite the frontend part and tried my best to optimize it.

πŸ‘‰ Enjoy the new Vanilla List!

New design showcase

That’s it for the news. 2020 was a rough year for me and I don’t expect 2021 to be better.
But I’m not alone at Glitch.Family (my “two-women-one-cat-and-some-friends little studio” as I like to call it) and we’re hoping to push some ideas on Souvenir in the future:

  • Gif History: Consult and re-dl your precedents gifs
  • WebShare API: Share your souvenir more easily to contacts or to other apps on your phone
  • Vue3 & Parcel2 upgrade

For now the RSS reader project is on pause. Milia made a working prototype but I currently don’t have the time to really work on the design.

Soooo i guess see you next time πŸ‘‹ … or on Github… or on the new Glitch.Family Twitter account (yeah we’re on this hellsite) πŸ‘€

August 09, 2020 β€” Permalink

We just started a new project the last few days at Glitch Family: a RSS web reader. For now there is just prototype of feed crawler on the Milia side and on mine I started designing some user flow.

So if I have the time and energy available, maybe there will be some update coming up.

User interface prototype

June 15, 2020 β€” Permalink

Once in a while doesn’t harm, this isn’t a tech post but a few photos from a little trip to a park. It’s been a while with the pandemic so it was very much appreciated!

March 17, 2020 β€” Permalink

How to make colored placeholder on Hugo

While using Hugo as a static site generator, I’ve found a way to generate a colored placeholder with a little trick.

I used it on my music sharing website for example:

colored placeholder example

The trick is pretty simple in itself:

  • Firstly use the Hugo’s image processing to generate a version of your image resized at 1px by 1px (your image must be a page resource).
  • Secondly generate a base64 version using the `base64Encode` function.
  • Then add it as an inlined background-image using the base64 version prefixed by the media type. That way this image not gonna be an external resource and will be visible before your final image.
  • Finally specify your image size to define a space for your placeholder to expand

The final result will look at something like that:

{{ $original := resources.Get '/img/your-image.jpg' }}
{{ $visual := $original.Resize "x400" }}
{{ $placeholder := $visual.Resize "x1" }}
<div style="background-image: url(data:{{ $placeholder.MediaType }};base64,{{ $placeholder.Content | base64Encode }});">
  <img src="{{ $visual.Permalink }}" width="400" height="400">

To go a bit further, I can imagine a solution where you generate a placeholder of 50x50px and add a background-size: cover in your css to have a blurred version for your placeholder.

Don’t hesitate to contact me if you use this trick on your own project. I’m always curious of what can be done with it!

March 09, 2020 β€” Permalink

The fediverse webradio project is finally online on radio.eldritch.cafe!

February 29, 2020 β€” Permalink

Still on the mastodon webradio project, I’m working on the last part of the interface: the settings page.

settings page

February 23, 2020 β€” Permalink

I added a sticky player I designed a few weeks back.

It was also the opportunity to use the Intersection Observer API, it was great!

February 23, 2020 β€” Permalink

Hey, I have some news since we worked on Eldritch Radio this weekend with Milia.

Queue list is now integrated:

We added a sharing feature, which allows you to send a link to the radio by starting it with a song of your choice. A great way to share the radio to your friends!

In the same vibe than the queue current track icon, i had great time animating the checkbox icon:

Then today I added the “small” player version, by modifying the CSS grid: