50ohm/templates/html/page.html

<!DOCTYPE html>
<html lang="sv">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>50Ω – lär dig amatörradio</title>
    {% if robots %}
    <meta name="robots" content="{{ robots }}">
    {% endif %}
    {% if social_image %}
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="50Ω">
    <meta property="og:title" content="Resultat från provsimuleringen">
    <meta property="og:description" content="Mitt resultat från provsimuleringen">
    <meta property="og:image" content="{{ social_image }}">
    <meta property="og:image:alt" content="Provsimulering">
    <meta property="og:image:width" content="1448">
    <meta property="og:image:height" content="1086">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Resultat från provsimuleringen">
    <meta name="twitter:description" content="Mitt resultat från provsimuleringen">
    <meta name="twitter:image" content="{{ social_image }}">
    <meta name="twitter:image:alt" content="Provsimulering">
    {% endif %}

    <link rel="icon" href="assets/favicon/icon.png" type="image/png">
    <link rel="icon" href="assets/favicon/icon.svg" type="image/svg+xml">
    <link rel="mask-icon" href="assets/favicon/mask-icon.svg" color="#00ADEF">
    <link href="assets/bootstrap-5.2.0-beta1-dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/style-fiftyohm.css?ts=20260805">
    <link rel="stylesheet" href="assets/style-course.css?ts=202608091745">
    <link rel="stylesheet" href="assets/katex/katex.min.css">
    {% for stylesheet in page_stylesheets|default([]) %}
    <link rel="stylesheet" href="{{ stylesheet }}">
    {% endfor %}
    <script defer src="assets/katex/katex.min.js"></script>
    <script defer src="assets/katex/auto-render.min.js"></script>
    <script defer src="assets/latex.js?ts=20260805"></script>
    <script defer src="assets/script.js"></script>  
    <style>
    </style>

    <script>
      function toggleNavBar() {
        document.getElementById("nav-dropdown").classList.toggle("open");
        document.getElementById("nav-button-closed").classList.toggle("hidden");
        document.getElementById("nav-button-opened").classList.toggle("hidden");
      }
      function highlightRef(ref) {
        console.log(ref)
        document.getElementById('ref_' + ref).style.background='#2aa6da';
        setTimeout(() => {
          document.getElementById('ref_' + ref).style.background='none';
        }, 500);
      }
    </script>
  </head>
  <body>

    <div class="fiftyohm-layout-outer fiftyohm-layout-outer-head">
      <div class="fiftyohm-layout-inner">
        <div class="fiftyohm-layout-left">
        </div>
        <div class="fiftyohm-layout-main">
          <a class="fiftyohm-brand" href="index.html">
            <img class="fiftyohm-logo" src="assets/images/50ohm.svg">
            <br>
            <span>Lär dig amatörradio</span>
          </a>
          <div class="fiftyohm-nav-button" id="nav-button" onclick="toggleNavBar();">
            <svg id="nav-button-closed" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path class="background" d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>
            <svg id="nav-button-opened" class="hidden" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M120-240v-80h520v80H120Zm664-40L584-480l200-200 56 56-144 144 144 144-56 56ZM120-440v-80h400v80H120Zm0-200v-80h520v80H120Z"/></svg>
          </div>
          <ul class="fiftyohm-navbar" id="nav-dropdown">
            <li>
              <a href="index.html">
                <span class="material-icons icon-start">home</span>
                Start
              </a>
            </li>
            <li>
              <a href="index.html#lara">
                <span class="material-icons icon-lernen">local_library</span>
                Lär dig
              </a>
            </li>
            <li>
              <a href="{{ pages.sok }}">
                <span class="material-icons icon-suche">search</span>
                Sök
              </a>
            </li>
            <li>
              <a href="{{ pages.info }}">
                <span class="material-icons icon-infos">info</span>
                Info
              </a>
            </li>
            <li>
              <a href="{{ pages.prov }}">
                <span class="material-icons icon-pruefung">fact_check</span>
                Prov
              </a>
            </li>
            {% if has_question_pool %}
            <li>
              <a href="{{ pages.simulering }}">
                <span class="material-icons icon-simulation">quiz</span>
                Simulering
              </a>
            </li>
            {% endif %}
          </ul>
        </div>
        <div class="fiftyohm-layout-right">
        </div>
      </div>
    </div>
  
  
    <div class="fiftyohm-layout-outer fiftyohm-layout-outer-content">
      <div class="fiftyohm-layout-inner">
        <div class="fiftyohm-layout-left">
        </div>
        <div class="fiftyohm-layout-main">
          <div class="fiftyohm-content w-100">
            {% if teaser %}
              <div class="fiftyohm-content-teaser">
                {{ teaser }}
                <hr>
              </div>
            {% endif %}

            {% if sidebar == None %}
                {% if course_wrapper == True %}
                    <div class="course">
                        {{ content }}
                    </div>
                {% else %}
                    {{ content }}
                {% endif %}
            {% else %}
                <div class="fiftyohm-content-2cols">
                    <div>{{ content }}</div>
                    <div>{{ sidebar }}</div>
                </div>
            {% endif %}

            <footer class="text-lg-start border-top border-dark mt-5 pt-3">
              <div class="fiftyohm-footer-content d-flex flex-wrap align-items-end justify-content-between gap-5 mb-5">
                <div class="fiftyohm-footer-info d-flex flex-column">
                  <div class="mb-1">
                    Baserad på <a class="link-secondary" href="https://50ohm.de">50ohm.de</a> (DARC&nbsp;e.&nbsp;V.),
                    <a class="link-secondary" href="https://creativecommons.org/licenses/by/4.0/deed.sv">CC BY 4.0</a>
                    &ndash; översatt och anpassad till svenska förhållanden.
                    Inte godkänd av DARC eller SSA.
                  </div>
                  <div class="fiftyohm-footer-links d-flex gap-2">
                    {% if footer_operator %}<span class="text-secondary">{{ footer_operator }}</span>{% endif %}
                  </div>
                </div>
              </div>
            </footer>
              
          </div>
        </div>
        <div class="fiftyohm-layout-right">
        </div>
      </div>
    </div>
  </div>
  <script src="assets/bootstrap-5.2.0-beta1-dist/js/bootstrap.bundle.min.js"></script>
  {% for script in page_scripts|default([]) %}
  <script src="{{ script }}"></script>
  {% endfor %}
</body>

</html>