{% macro nav_but(url, bactive , value, txt) %}
<li class="nav-item mx-2">
            <button onclick="document.location='{{ url }}'" class="btn btn-secondary btn-block 
            {% if bactive == value %}
            active
            {% endif %} 
            " 
            style="width: 120px;" type="button" data-bs-toggle="dropdown" aria-expanded="false">
              {% if bactive == value %}
              <B>{{ txt }}</B>
               {% else %} 
               {{ txt }}
               {% endif %} 
              </button>
  </li>
{% endmacro %}

{% macro nav_menu(url, bactive , value, txt ) %}

     



<!-- <li class="nav-item mx-2">
            <button onclick="document.location='{{ url }}'" class="btn btn-secondary btn-block 
            {% if bactive == value %}
            active
            {% endif %} 
            " 
            style="width: 120px;" type="button" data-bs-toggle="dropdown" aria-expanded="false">
              {% if bactive == value %}
              <B>{{ txt }}</B>
               {% else %} 
               {{ txt }}
               {% endif %} 
              </button>
  </li> -->
{% endmacro %}


{% macro nav_video(url, bactive , value, txt) %}
<li class="nav-item mx-2">

  <!-- <iframe width="1144" height="932" src="{{ url }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>  -->
   <div style="position: relative; width: 1144px;">
    <video id=0 controls width=1144 height=932>
    <source src="{{ url }}.ogv" type='video/ogg; codecs="theora, vorbis"'/>
    <source src="{{ url }}.webm" type='video/webm' >
    <source src="{{ url }}.mp4" type='video/mp4'>
    <p>Video is not visible, most likely your browser does not support HTML5 video</p>
    </video>
    </div>
            
  </li>
{% endmacro %}