Basically all the changes involving my profile pics
- Favicon: 32x32 2-colors version
- Both SVG and PNG provided
- Nav home link: Now having the icon next to the name
- Configurable in config.toml (see its comment)
- For homepage: the home link is Site.title
- For other pages: icon next to name
- Index page h1: No more big ugly pfp, now inline
- Using shortcodes with corresponding partials ln'ed to them
- CSS for the nav thing
- Right now when user hovers on the home link, the portion has a
background color. I tried to not select it but apparently failed.
Desired behaviour: it should only have the hover effect if the home
link does not have the image (which is the case for all pages other
than index page, as described in second list item above).
Current behaviour: A useless CSS selector change that did not alter
the site's behaviour in any way whatsoever. Don't mind me, I'm
horrible at comitting things for this repo - I tend to like to make
a lot of changes in one go and commit using `git apply -p`. I also
litter a lot of comments in the CSS, which apparently increases the
size of the inline <style> in every. single. HTML file generated.
Literally.
Most likely switching back to external stylesheet in the future to
save some bytes in my overall website size.
- (Most likely the worst CSS addition I've every made): A blinking
lower-block for the h1 on index page. Seriously? CSS Animations on a
supposedly "simple" site like this??? Hopefully I would know better
and remove it soon.
- It's only animated for like 5 seconds. After that it is hidden
- For text-based browsers it willbe static and forever there. This may
be a problem because it looks like my name has a trailing
underscore 🤦
- It just looks wrong. I didn't have the typewriter animation for the
h1 text though, so ugh.