Recent searches
Search options
@joeligj12@fosstodon.orgI just made another #blog for day 42 of #100DaysToOffload , this time its a tutorial about how to highlight the current website's section in a quick manner on your Jekyll blog.
I of course did some other changes because I was kinda bored of the old design.
Thanks to @josias@theres.life and @celia for the inspiration in the header and nav bar, I might have borrowed some html from them xD
I didnt go into a lot of detail on what was wrong with the previous header. Basically, I had too many classes and some div in there and it was a bit hard to read. So I decided to simplify it a lot
@joeligj12 Hmm, gave it a try on mikestone.me, but didn't have any luck. Not sure what I did wrong, but the highlight doesn't stick.
@josias@theres.life @celia
@mike I see the highlight working on the home page and not the rest of the navigation links. Most probably a typo in there. I can take a look at your navigation.html file if you want.
@joeligj12 @josias@theres.life @celia
@thumb You already have. I literally copy/pasted it from your page. I made no changes to it at all.
@joeligj12 @josias@theres.life @celia
@mike 
️ I think you got me confused with @joeligj12.
Try this simplified code:
{% for item in site.data.navigation %}
<a href="{{ item.link }}" {% if item.link == page.url %}class="nav-current"{% endif %}>{{ item.name }}</a>
{% endfor %}
@josias@theres.life @celia
@thumb Yep, you're right. Sorry about that. Literacy not one of my strengths apparently.
(everybody who has ever read my blog: DUH mike)
I tried your simplified code, but the results were exactly the same. It's live right now if you'd like to look.
@joeligj12 @josias@theres.life @celia
@mike Bummer. Its gotta be something really silly. The YAML data file is case sensitive and also needs a slash at the end of the link value, like this: /about/ . Can you check the YAML file once?
@joeligj12 @josias@theres.life @celia
@thumb Yep, that's exactly what it was. It was working fine for MONTHS without the slashes on the end of those links. Never had an issue. Thanks for all the help!
@joeligj12 @josias@theres.life @celia
@mike Awesome. Glad that worked :).
@joeligj12 @josias@theres.life @celia
@mike Also, I didn't know that you read my blog, that feels kinda epic 