Tinkidinki / tinkidinki.github.io

Personal website
0 stars 0 forks source link

tinkidinki.github.io

Welcome to the repository of my personal website, where you can see behind the scenes!

Theme

The website uses the minima theme, as well as the stylesheets from the personal-website repository.

Redirection

In order to redirect some pages to external sites, for example, the projects page, I used the jekyll-redirect-from gem.

Mathjax

To make mathjax work, I followed the instructions from this site. However, while this rendered locally, this did not render on https pages. For mathjax to work on https, I had to modify the line in head.html slightly, as discussed in this comment.

Display blogposts by selected tags

To display blogposts belonging to a certain tag upon selection of the tag, I followed the somewhat quick and dirty method in the tutorial present here.

Preventing scrolling due to anchor in the url

The quick and dirty trick used to display only posts belonging to a tag when the tag is clicked unfortunately led to the page scrolling down inconveniently upon click. Thus, to prevent this from happening, I had to use another "quick and dirty trick" from this Stack Overflow answer.

Appending an anchor to empty url

The 'tags' code worked by checking the targetted id of the current url (the part after the #) to display posts belonging to that tag. Unfortunately, this meant that if nothing was targetted, that is, the url was just '/blog/', then none of the posts would be displayed.
I wanted to change this behaviour and have all posts be displayed even when nothing with no target. I used this Stack Overflow answer to add some Javascript to append a non-targetting url with an anchor. Kids, don't do web dev like this :P