{% extends "base.html" %}
{% block content %}
<h1>Methodology</h1>

<!-- Loop through all sections -->
{% for section in content %}
<div class="content-box">
    <h2>{{ section.title }}</h2>
    {% if section.description %}
        <p>{{ section.description }}</p>
    {% endif %}
    {% if section.link %}
        <a href="{{ section.link }}" target="_blank" class="link-button">Explore {{ section.title }}</a>
    {% endif %}
    {% if section.content %}
        <div class="markdown-content">
            <pre>{{ section.content }}</pre>
        </div>
    {% endif %}
    {% if section.resources %}
        <h3>Resources</h3>
        <ul>
            {% for resource in section.resources %}
            <li><a href="{{ resource.url }}" target="_blank">{{ resource.name }}</a></li>
            {% endfor %}
        </ul>
    {% endif %}
</div>
<hr>
{% endfor %}
{% endblock %}