You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
	
	
		
			94 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			HTML
		
	
			
		
		
	
	
			94 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			HTML
		
	
 | 
						|
{# depends on the `current_lang` variable
 | 
						|
   set in the article templates, and other custom pages template
 | 
						|
   such as gallery and index using `article.lang` or `page.lang`.
 | 
						|
   so it must be added after this variable is set using block insertion.
 | 
						|
   This method allow to conserve lang preference switching between article and pages,
 | 
						|
   Note that we can not have direct template with this method.
 | 
						|
#}
 | 
						|
 | 
						|
<div class="top-header mono">
 | 
						|
  <h1><a href="/">Moonwalks.be</a></h1>
 | 
						|
  <nav class="lang-menu">
 | 
						|
    <ul>
 | 
						|
      {% if article %}
 | 
						|
        {# the active one is the one that is currently not in the translation list #}
 | 
						|
        {# this means we have to order those items in css, if we want a fixed order
 | 
						|
          otherwise the current one is always going to be the first #}
 | 
						|
        <li id="lang__{{ article.lang}}"  class="active">
 | 
						|
          <a href="{{ article.url }}">
 | 
						|
            <span>{{ article.lang }}</span>
 | 
						|
          </a>
 | 
						|
        </li>
 | 
						|
        {% for translation in article.translations %}
 | 
						|
          <li id="lang__{{ translation.lang}}">
 | 
						|
            <a href="{{ translation.url }}" hreflang="{{ translation.lang }}">
 | 
						|
              <span>{{ translation.lang }}</span>
 | 
						|
            </a>
 | 
						|
          </li>
 | 
						|
        {% endfor %}
 | 
						|
      {% elif page %}
 | 
						|
        {# exactly the same but with page object #}
 | 
						|
        <li id="lang__{{ page.lang}}" class="active">
 | 
						|
          <a href="{{ page.url }}">
 | 
						|
            <span>{{ page.lang }}</span>
 | 
						|
          </a>
 | 
						|
        </li>
 | 
						|
        {% for translation in page.translations %}
 | 
						|
          <li id="lang__{{ translation.lang}}">
 | 
						|
            <a href="{{ translation.url }}" hreflang="{{ translation.lang }}">
 | 
						|
              <span>{{ translation.lang }}</span>
 | 
						|
            </a>
 | 
						|
          </li>
 | 
						|
        {% endfor %}
 | 
						|
      {% endif %}
 | 
						|
    </ul>
 | 
						|
  </nav>
 | 
						|
</div>
 | 
						|
 | 
						|
<nav class="nav-menu">
 | 
						|
 | 
						|
    <ul class="nav-menu__pages">
 | 
						|
 | 
						|
      {% for cat, arts in categories %}
 | 
						|
        <li id="nav__{{ cat }}" {% if category and cat == category %} class="active" {% endif %}>
 | 
						|
          {% if current_lang == DEFAULT_LANG %}
 | 
						|
            {# take the last dated article #}
 | 
						|
            <a href="{{ arts[0].url }}"><span>{{ multilang[cat] }}</span></a>
 | 
						|
          {% else %}
 | 
						|
            {% for translation in arts[0].translations %}
 | 
						|
              {% if translation.lang == current_lang %}
 | 
						|
                <a href="{{ translation.url }}">
 | 
						|
                  <span>{{ multilang[cat] }}</span>
 | 
						|
                </a>
 | 
						|
              {% endif %}
 | 
						|
            {% endfor %}
 | 
						|
          {% endif %}
 | 
						|
        </li>
 | 
						|
      {% endfor %}
 | 
						|
 | 
						|
      {% for p in pages %}
 | 
						|
        {% if not p.partial %}
 | 
						|
          <li id="nav__{{ p.slug }}" {% if page and p.slug == page.slug %} class="active"{% endif %}>
 | 
						|
          {% if current_lang == DEFAULT_LANG %}
 | 
						|
            <a href="{{ p.url }}"><span>{{ p.title }}</span></a>
 | 
						|
          {% else %}
 | 
						|
            {% for translation in p.translations %}
 | 
						|
              {% if translation.lang == current_lang %}
 | 
						|
                <a href="{{ translation.url }}">
 | 
						|
                  <span>{{ translation.title }}</span>
 | 
						|
                </a>
 | 
						|
              {% endif %}
 | 
						|
            {% endfor %}
 | 
						|
          {% endif %}
 | 
						|
          </li>
 | 
						|
        {% endif %}
 | 
						|
      {% endfor %}
 | 
						|
    </ul>
 | 
						|
 | 
						|
    <div class="nav-menu__footer">
 | 
						|
      <button class="open-footer">?</button>
 | 
						|
    </div>
 | 
						|
 | 
						|
</nav>
 |