_tools/index_template.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>Dokumenter</title>

    <link rel="stylesheet" href="./src/index.css"/>
    <link rel="shortcut icon" href="./assets/favicon.png" type="image/png"/>
</head>
<body>
<!-- Dette dokumentet er autogenerert og burde ikke endres direkte. Se _tools/generateIndex.js -->

<main>
    <hgroup>
        <h1><img src="./assets/logo.svg" alt="Variant"/></h1>
        <h2>Åpne avtaler og dokumenter</h2>
    </hgroup>
    <section>
        <p>
            Her finner du et sett med dokumentmaler og kontraktmaler vi bruker i
            Variant og som du gjerne kan bruke også! De er helt åpne og lisensiert
            under MIT lisens. Det er ingen krav til attributering, men om dere vil
            komme innom for en kopp kaffe sier vi gjerne ja!
        </p>

        <p>
            Du kan lage dine egne versjoner av disse avtalene med å
            <a href="https://github.com/varianter/dokument-mal">
                "forke" kodebasen på Github</a
            >. Se mer detaljer om hvordan der.
        </p>
    </section>
    <div class="generatedContent">
    <% content %>
  </div>
</main>
<script>

// Get all collapsible headers
var headers = document.querySelectorAll(".collapsibleHeader");

// Loop through the headers and add a click event listener
for (var i = 0; i < headers.length; i++) {
  headers[i].addEventListener("click", function() {

    // Toggle the display of the content div
    const content = this.nextElementSibling;

    if (content.style.display === "block") {
      content.style.display = "none";
      this.classList.remove("active");
    } else {
      content.style.display = "block";
      this.classList.add("active");
    }
  });
}


</script>
</body>
</html>