Site maintenance

[swift502]

Hi. I wanted to fix the missing images, but when I saw that the site is using Astro 1 I updated everything to current versions.

This is totally unsolicited so I understand if you refuse these changes. However I'd be happy to further fix issues that might come up when building or deploying the site.

Entries cleanup

• Update all missing images
• Where possible, I took the first image in repository's readme
• If image in readme was not found, good faith attempt was made to find some image in the repository
• If image couldn't be found, but repository is live, the img tag was removed, and entry left as is
• Dead repository links were removed
• Good faith attempt was made to find the dead link keyboards by author and their name, before deletion
• Links leading to web archive were left as is

Site maintenance

• Upgraded all dependencies
• Update astro dependencies and functionalities
• Removed <Image> component usage because according to https://docs.astro.build/en/guides/images/#images-in-markdown-files the component is not supported in md files, and actually in the two entries where it was used it was breaking the width of the entire table column. It could potentially be implemented with mdx if we wanted image thumbnails, preventing load jitter, and get better image preview functionality.
• Fixed footer avatar icons, the api url was not formatted correctly
• Fixed highlighting of the current tab in the left panel
• I tried fixing the search but I have no clue how. If we wanted search I'd suggest switching to Starlight, which has embedded search and would simplify a lot of things tremendously.

Differences

• Only difference I found is slightly bigger padding at the top of tables. Otherwise the website looks 1:1 identical as far as I can tell.

Let me know what you think. 👌

[netlify[bot]]

✅ Deploy Preview for keebfolio ready!

Name	Link
🔨 Latest commit	272d64107bcf41ef0c25580810e9508ae191a60b
🔍 Latest deploy log	https://app.netlify.com/sites/keebfolio/deploys/672a8b007f33360008368562
😎 Deploy Preview	https://deploy-preview-182--keebfolio.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[aatmmr]

Hej @swift502 - thanks a lot for you efforts 🎉 We‘ll look at it soon 😊

[swift502]

After further research the search functionality could be done with Pagefind, which has good integration with astro.

[swift502]

For the image optimization and loading jitter:

1. MDX would work but then the images would not render correctly on github, when viewing the mdx files. Is that important?

2. Another alternative would be something like yml, and generate the table html manually.

- name: Boston
  type: pcb, case
  tags: 120%, usb-c, STM32F072CBU6
  link: https://github.com/bluepylons/Boston
  image: boston.jpg # Images would be made local, so they can be optimized during build

Separate data and html that way.

Just a few proposals. But I can't find an easy way to improve the images without removing the simplicity of people being able to just add a line on Github, check the md preview to see if everything is correct and create a PR. That is a really good thing that allows people to contribute easily.