Adding hidden, but clickable anchors
18. 5. 2023to post and page layouts.
New file
_includes/anchor_headings.html
Changed files
_layouts/post.html
_layouts/page.html
were changed from ‘content’ to a longer version according to the software and docs found here: https://github.com/allejo/jekyll-anchor-headings.
and at the bottom of lanyon css we have this:
/* by me to hide anchor links next to h2,h3... */
a.anchors
{
text-decoration: none;
/* color: transparent; */
opacity: 0;
}
a:hover.anchors
{
/* color: black; */
opacity: 100;
}
To hide the links until mouse over. Consequently this only affects separated ‘posts’ view and ‘pages’.