OpenRAM/compiler/datasheet/server_scripts/templates/index.html

</ul>
    <link rel="stylesheet" href="static/index.css">

    <button class="collapsible">files</button>
    <div class="content">
        {% for root, dir, files in os.walk(filedir) %}
        {% if root != filedir %}
            

        <button class="collapsible">{{ root }}</button>
        <div class="content">
            {% for f in files %}
            <button class="collapsible">{{ f }}</button>
            <div class="content">
                <a href="{{ root }}/{{ f }}">link</a> 
             </div>
            {% endfor %}
        </div>

        {% endif  %}
        {% endfor %}
    </div>


    <script type="text/javascript">
        var coll = document.getElementsByClassName("collapsible");
        var i;

        for (i = 0; i < coll.length; i++) {
            coll[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var content = this.nextElementSibling;
        if (content.style.display === "block") {
            content.style.display = "none";
        } else {
          content.style.display = "block";
        }
          });
        }
        </script>
</ul>