100 things I did (or will do) on my personal website

Inspired by 100 things you can do on your personal website, I’ve created this list that doubles as a to-do list for this website and a sort of less technical changelog.

Done:

• Register a domain name and use it with your website.
  • well that’s why you see ricardochavezt.com up there in your address bar ⬆️ instead of something else ;)
• Share a list of web pages (articles, websites, blog posts, photos, games, etc.) you have enjoyed recently.
  • Open Tabs, by far the most active section of this website
• Create an archive page that lists all of the posts on your website.
  • I think The Garden covers that one
• If you want to present your work professionally on your website, add a resume page, written in HTML.
  • could use more work to look more like a resume, but Professional experience covers that
• Create a now page.
  • that’s exactly what /now is about
• Add an icon next to external links using CSS so people know a link will take them to another site.
  • comes for free with the template ;)
• Write a blog post about the history of your personal website.
  • I think between the About page and About this garden we have this covered
• Add hovercards.
  • comes for free with the template for the notes on the Garden, might implement something else for external links

To do next:

• 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.
  • work in progress, as of the date of last update I can send Webmentions (and they should show up nicely in the receiving site because I have a very minimal implementation of the h-entry microformat) but can’t receive them yet
• Add an RSS feed so people can subscribe to your blog.
• 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.
• Make a robots.txt file that limits how search engines and AI crawlers can ingest your site.
• Make a blogroll that links to personal websites you like.
• Share a list of your favourite books.
• Make a guestbook where people can leave notes saying they liked your website.
• Leave comments in your HTML so people can understand how different templates on your site work.
• Add alt text to images that don’t have them.
• Use WAVE to find potential accessibility issues on different pages on your website.
• Use PageSpeed Insights to check the speed of your website. Try to make pages load faster if they currently load slow.
• Create an “on this day” feature that links to blog posts you published on a given day in the past.
• Add a skip link to make it easier for screen reader users to navigate your website.
• Make a search feature for your website.
• Add an asterism or fleuron to the end of your blog posts.
• Use the lite-youtube web component to improve page loading speeds when you have embedded a YouTube video on the page.
• Try a new colour scheme on your website.
• Draw a picture and share it on your website.
• Add a “not by AI” button if your content is all written by you.
• Share a list of your favourite podcasts.
• Change the default colour that is used to highlight text on your website.
• 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.
• Add sidenotes to a blog post.

Someday / Maybe:

• Style code snippets in posts on your blog with a syntax highlighter (i.e. Prism.js).
• Add a background image to your website or a page on your website.
• Create a shrine about something that makes you happy (a band, a television show, or anything else).
• Add an easter egg.
• Write a review of a piece of art you like. Describe how it makes you feel or what it makes you think about.
• Make a new website for something you are passionate about. Baking? Poetry? Words? Funny charts? Whatever you like!
• Make a favicon for your website.
• Experiment with different fonts.
• Make a page that has an audio recording playing in the background.
• Use the details and summary HTML elements on a page on your website.
• Make a table of contents for a long article you have written.
• Create a mascot for your website.
• Add an 88x31 button to your website.
• Join a webring.
• Add a print stylesheet.
• Create a scavenger hunt where people need to hunt through pages to find clues.
• Write a quiz to share with your friends.
• Add an effect that changes an image when you hover over it.
• Add a holiday theme for a day of significance for you.
• Make an antilibrary where you list the books you own but have not or do not plan to read.
• Make a word game.