Episode completed

Next epsiode starting in 3 seconds

Published at

Script

To optimize an otherwise lame navigation bar, let’s add an indicator for the currently active page to our navigation. To do that, we just need to add the IHP classes helper to dynamically add or remove classes. The classes function takes a list of text or text boolean tuples where you define the classes on the left, and the condition for using it on the right. That way, we can enable the class “active” when the currently active path is the one of the button. Now, the navigation bar highlights the currently active page.

Discussion