I am almost, very nearly finished. University always ends up stealing my time, but whenever I had an opportunity, I came to work on my blog, and I can say with great pride that I already have the project pages on display for everyone to see!! It took me a while to figure out a good design where I could put a lot of information without it being completely boring, but I like how the project pages turned out—they are very adaptable to the nature of each one.
I looked for inspiration in an editorial aesthetic, since there aren’t many other media in the world that combine information and images as well as magazines and newspapers do. It’s true that I don’t have that many images to display for every project, but even in the less visual ones, it still maintains a good read (I hope; I need to do usability testing).
For the project pages, I did the same as I did for the posts: I created a folder in the directory named _projects where I place Markdown files with all the project information for Jekyll to do its magic later. Initially, I built the entire page in HTML to apply the styles. When I finished, I moved everything to an .md file with the project name and put what was possible into Markdown formatting. For the parts of the page where there are columns of text or images next to text, I had to leave it in HTML even within the .md file, as I’m not sure if I could do it any other way. Regardless, I can explore different solutions later on.
A previous concern of mine was the site’s colors. I don’t know what is wrong with my screen, but all the colors are much less saturated and grayer. When I opened my blog on my phone or someone else’s device, the colors were way too yellowish, and that wasn’t how I saw them on my PC screen. Since I needed to put the project color palettes on their pages, the yellow-beige in the background could get in the way, so I decided to choose another similar color palette but with more neutral tones, resulting in the one the site is currently using.
It was also very cool to discover that Figma does embeds with iframes to put on the site. I didn’t know how to show “Alquimista” and “Lumiar” since I didn’t have the sites live yet, so it was very handy to be able to put the Figma prototypes inside the page.
Now all that’s left is to make the search bar and the filters on the entries page functional, resolve some issues with the mobile version, and add more information about myself. The month of May is going to be an absolute terror at university and I don’t know if I’ll even manage to do all my assignments and study for all the tests, so these issues might take a back seat until summer. Even so, I will try to take advantage of any calmer moments that appear to move forward.