Nav bar activate in jinja

{% set navigation_bar = [
    ('/', 'index', 'Index'),
    ('/downloads/', 'downloads', 'Downloads'),
    ('/about/', 'about', 'About')
] -%}

{% set active_page = active_page|default('index') -%}
...
<ul id="navigation">
    {% for href, id, caption in navigation_bar %}
    <li{% if id == active_page %} class="active"{% endif
    %}><a href="{{ href|e }}">{{ caption|e }}</a>
    </li>
{% endfor %}
</ul>

Source: stackoverflow.com

Nav bar activate in jinja

{% extends "layout.html" %}
{% set active_page = "index" %}

Source: stackoverflow.com

Similar codes

0 vote150 views1 answer
Convert wordpress theme to html
Html
0 vote164 views1 answer
<iframe width="480" height="440" src="https://statpedia.com/embed/HJRkNdPtd" frameborder="0" allowfullscreen></iframe>
Html
44 votes156 views3 answers
Link to another page in html
Html
0 vote154 views1 answer
Yaml multiline string
Html
45 votes228 views4 answers
How to add an svg image to html
Html
131 votes158 views4 answers
How to make html open link in new tab
Html
35 votes170 views5 answers
Tab in html
Html
-1 vote143 views1 answer
How to edit colours in background html
Html
13 votes157 views3 answers
Bootstrap center button
Html
14 votes162 views5 answers
Html5 audio
Html