{% extends 'template.html' %}
{% block css %}
<link rel="stylesheet" href="{{url_for('static', filename='d_methodology/methodology.css')}}">
{% endblock css %}

{% block navbar %}
{% include 'z_comps/navbar.html' %}
{% endblock navbar %}

{% block body %}



<img id="random-img" alt="Imagen aleatoria" data-aos="fade-up" data-aos-delay="0" data-aos-duration="800">


<script>
  document.addEventListener("DOMContentLoaded", () => {
    const images = [
      "{{ url_for('static', filename='y_img/methodology/m-01.svg') }}",
      "{{ url_for('static', filename='y_img/methodology/m-02.svg') }}"
    ];
    const randomIndex = Math.floor(Math.random() * images.length);
    document.getElementById("random-img").src = images[randomIndex];
  });
</script>


  
{% endblock body %}

{% block js %}

<!-- {# aos script #} -->
{% include 'z_comps/aos_script.html' %}

{% endblock js %}