Kanban

Have a map of all the pages on my website [1]

Present as standard /sitemap page, sitemap.xml, and also as an index in footers

Navigation to special pages [1]

They are on the sitemap and the /slashes page

If you don't have one already, set up a website! You can use any website making tool you want. […] [2] You can even make your own site with code, if you want. [3]

You are reading it right now! Almost 100% handmade. Even the used framework!

Write a blog post about: [3]

Yeah that's what I started to do on the latest incarnation of this website

Or whatever else you would like to write about. [3]

Share a recipe you made recently. [3]

Publishing one or several photo I took myself [3]

There is now a dedicated photo page

Make a blogroll that links to personal websites you like. [3]

There is now a dedicated /blogroll page and an opml file

Make a robots.txt file that limits how search engines and AI crawlers can ingest your site. [3]

Add a dark mode that readers can enable. [3]

Register a domain name and use it with your website. [3]

villepreux.net is the domain!

Make a guestbook where people can leave notes saying they liked your website. [3]

There is now a dedicated /guestbook page

Add alt text to images that don't have them. [3]

Use WAVE to find potential accessibility issues on different pages on your website. [3]

Use PageSpeed Insights to check the speed of your website. Try to make pages load faster if they currently load slow. [3]

Add an RSS feed so people can subscribe to your blog. [3]

Add a skip link to make it easier for screen reader users to navigate your website. [3]

Add an 88x31 button to your website. [3]

Join a webring. [3]

Translate a page on your website in another language you know or are learning. [3]

Add a print stylesheet. [3]

Add rel=me links to your other profiles on the web. Mastodon shows your website as verified with a green checkmark if your site has a rel=me link to your Mastodon profile. [3]

If you want to present your work professionally on your website, add a resume page, written in HTML. [3]

Style code snippets in posts on your blog with a syntax highlighter (i.e. Prism.js). [3]

Review your head tag contents to review scripts and tags you no longer need. [3]

Make a search feature for your website. [3]

Create a now page. [3]

Experiment with different fonts. [3]

Make sure your heading sizes are not too close together. [3]

Try a new colour scheme on your website. [3]

Create a style page that shows how every HTML element you use to write content appears. Use this as a reference as you tweak content styles. [3]

Add Webmention support to your personal website so you can receive notifications when people whose sites support Webmention (like this one!) link to or write a post in response to a blog post on your website. [3]

Make a web component for one of the parts on your website so that others can use that component on their website. [3]

Add an effect that changes an image when you hover over it. [3]

Make a favicon for your website. [3]

Use the details and summary HTML elements on a page on your website. [3]

Change the default colour that is used to highlight text on your website. [3]

Help someone else set up a website. [3]

Update an old blog post you wrote that you know needs updated. [3]

Add sidenotes to a blog post. [3]

Add an icon next to external links using CSS so people know a link will take them to another site. [3]

Mastodon embeded comments (ex. on /web page) [1]

Webmentions support (ex. on /web page) [1]

H-Card on all pages [1]

IndieAuth on all pages [1]

PWA (Progressive Web App) (TODO: remove the install banner?) [1]

Colorscheme preference is respected (+ toogle button in footer) [1]

CSS-naked day ready [1]

CSS and JS can be disabled (CSS also via a footer button) [1]

Page backend source code viewer (Can be seen on /web page) [1]

Gemini auto-mirrored site [1]

APCA targeted contrast [1]

Automatically integrate webmentions on all my pages? [1]

Automatically integrate mastodon comments on all pages that refer to a mastodon post? [1]

Have a shortcut to toggle between Localhost version of the site and live / in production version [1]

Such a useful feature! I wished I had the idea sooner. I mapped it to 'ctrl + *'

Add a Colophon page to describe how this site web is done. Ex. at https://component.gallery/colophon/ [1]

Quick win

Add a "not by AI" button if your content is all written by you. [3]

https://chrisburnell.com/note/beneficial-browser-extensions/ [7]

Quick win

https://slashpages.net/ [8]

Quick win

https://shellsharks.com/notes/2026/02/17/citations-css [9]

Quick win

Optimize the size of the site, so that it can candidate to the 512KB Club webring! [1]

That's quite a bit of work! But I'd really like to tackle that one!

Something that interests you. [3]

Started with talking about webdev, and about how I learn an apply webdev on this very own website

Something that brought you joy recently. [3]

I still need to decide the UI/UX around that. I want to be able to post such messages close to the moment. So need to be able to post at any moment. But today I need to be on my computer to write, then staticaly compile the site and publish it (it's one command but still happening localy on my computer)

A thing you learned over the last week. [3]

Your thoughts on a book you finished reading. [3]

Make an image map that lets someone click on parts of an image to learn more. […] [4] [3]

Share a list of your favourite books. [3]

Make a movie recommendations page. [3]

Add an easter egg. [3]

Create a scavenger hunt where people need to hunt through pages to find clues. [3]

Leave comments in your HTML so people can understand how different templates on your site work. […] [5] Remember, someone may be view-sourceing your website who has never made a website before! [3]

Work in progress...

Share a list of web pages (articles, websites, blog posts, photos, games, etc.) you have enjoyed recently. [3]

Write about something you added to your website (#sitedocumentation!). [3]

Make an 88x31 button for your website. [3]

I did CSS badges instead !

Make sure all the links work on your website. [3]

Draw a picture and share it on your website. [3]

Make a new website for something you are passionate about. Baking? Poetry? Words? Funny charts? Whatever you like! [3]

Write a document that describes how your website works, for yourself (so you don't forget!). This is useful if you have made a site with code. [3]

Learn something new on MDN about HTML, or CSS, or JavaScript, or another site about drawing or painting or making images or pottery or video, and post the thing or what you learned. [6]

Learn something new about an ancestor from old newspapers, write about it [6]

Share a list of books (or videos, or tools) that helped you get good at what you love to do [6]

Review site accessibility and take necessary actions [1]

Take a look at webfinger stuff.What can be added on this site and in my framework? [1]

Take a look at .well-known stuff. What can be added on this site and in my framework? [1]

Take a look at news.indieweb.org automation opportunities via webmentions [1]

Review localization existing utilities and what can be done on this site, or in my framework [1]

Better handling of keyboard navigation and focused elements. Take a look at https://www.tpgi.com/how-to-avoid-breaking-web-pages-for-keyboard-users/ [1]

Subtask of the a11y global task

Unminify this website as I think web should be open [1]

Quick win (ERRATUM: No that easy. As I want it not only to be unminified, but also nicely formatted)

Make an Omake. [3]

Add an audio recording of you saying your name or nickname so people know how to pronounce it. Here's my name pronunciation recording. [3]

Add a holiday theme for a day of significance for you. [3]

Share a list of your favourite podcasts. [3]

Write a blog post about the history of your personal website. [3]

Make a moodboard. [3]

Write a review of a piece of art you like. Describe how it makes you feel or what it makes you think about. [3]

Make a word game. [3]

Write a list of words you learned recently. [3]

Create a mascot for your website. [3]

We'll see. Maybe someday with the right combination of inspiration and adequation with the site theme

Start a blog carnival where you challenge friends to write about a specific topic each month. Pass on the task of choosing a topic to a new person every month. [3]

Add a sparkline that shows your post frequency. [3]

Write a blog post with a friend about a shared interest. [3]

Make a table of contents for a long article you have written. [3]

Add hovercards. [3]

TBD [3]

TBD [3]

TBD [3]

TBD [3]

TBD [3]

TBD [3]

Create a unique header image or banner for your website. [6]

And plan on making another banner in the future, if you save the headers by date you can see what you were making in the past. [6]

In March, make a M.O.D.O.K. and submit it to March MODOK Madness. Post it to your site too! [6]

Share a list of charities that mean a lot to you [6]

If you use a website tool that allows it, write something to yourself that will be published a week or more into the future [6]

And when it publishes, write about what happened between then and now [6]

Put up a photo of something that evokes a memory, write about that memory [6]

Your strategy on playing a game you like. [3]

Though Video game dev is my daily job, this blog isn't about it

Create a shrine about something that makes you happy (a band, a television show, or anything else). [3]

Fan of the Pixies but not enough of a fanboy

Add a background image to your website or a page on your website. [3]

Banner images are enough for me on current website design

If you publish academic works on your website, add a section that shows how people should cite your work. [3]

No plan to publish any academic paper here

Make an antilibrary where you list the books you own but have not or do not plan to read. [3]

No such plan. I plan to read all my books! ;)

Create an "on this day" feature that links to blog posts you published on a given day in the past. [3]

My blog is way to small for that right now

Create an archive page that lists all of the posts on your website. [3]

My blog is way to small for that right now

Add an asterism or fleuron to the end of your blog posts. [3]

Never been a huge fan of it. But who knows, maybe in the future for a new site design

Use the lite-youtube web component to improve page loading speeds when you have embedded a YouTube video on the page. [3]

As I plan to use only inhouse / handmade tech / framework for this website, I'm gonna use my own lazy component for that!

Write a quiz to share with your friends. [3]

No inspiration at all for that

Add an interactive pixel grid that people can click on your home page. [3]

Why would I do that? ;)

Make a page that has an audio recording playing in the background (birds chirping? background noise of people chatting?). [3]

Not really fan of forcing audio to users. Got a music page though, where some sounds can be explicitly launched