I was looking at my page and comparing to other portfolios I have used for inspiration. I figured that all displayed projects of portfolios have some sort of thumbnail. I want to remedy this by generating a thumbnail using an image generator much like jasons website. I know he uses this image generator but I'm not sure if he does it manually or gets some sort of api/webscraper or something to do it at build time of his website.
I don't want to flat out copy his choice of the generator as well so i've been considering using this one but have no clue how to go about it. And I want to make it adaptable to a dark theme (instead of being all white) but am not sure how to go about doing that.
After a bit of investigating, it turns out github has a standard why of converting things into image cards in the same way called opengraph.githubassets, but it seems this is a whole rabbit hole I can dive down. And I'll save that for later. I do think that when the time comes, this documentation will come in useful.
anyway,
So i've ended up using content-collections and it is pretty useful. A lot of abstraction which makes it kinda like using magic (really hard for me to understand), but I think i'm getting the hang of it. I've done a very rudimentary implementation so far but it seems to be going well. I'll leave the progress I have for today. but there are still a lot of things I need to look try implement. A list of these are below:
- Project and Post pages
- Make blogpost card and list component
- working styles and links between things
- Updating and adding icons
- figuring out how to properly render compiled html from md content
- Link between blog posts (optional)
- figure out tagging system (not rn)
- adding readme to project view
update: what i've done (later in the day)
- made a
TagList.tsxcomponent - Contemplated making a
Separator.tsxcomponent since theres a lot of separators around the place.