| {% extends "basic/layout.html" %} |
| |
| {% block css %} |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> |
| {{ css() }} |
| {% endblock %} |
| |
| {% block extrahead %} |
| <script> |
| (() => { |
| const mq = window.matchMedia('(prefers-color-scheme: dark)'); |
| const update = (m) => document.documentElement.setAttribute('data-bs-theme', m.matches ? 'dark' : 'light'); |
| mq.addEventListener('change', (e) => update(e)); |
| update(mq); |
| })(); |
| </script> |
| {% endblock %} |
| |
| {% block body_tag %} |
| <body class="d-flex flex-column h-100"> |
| {% endblock %} |
| |
| {% block relbar1 %}{% endblock %} |
| {% block relbar2 %}{% endblock %} |
| |
| {% block header %} |
| <nav class="navbar navbar-expand-lg navbar-dark bg-dark-subtle" data-bs-theme="dark"> |
| <div class="container"> |
| <div class="d-flex flex-row"> |
| <a class="navbar-brand" href="https://www.mesa3d.org/"> |
| <img class="d-inline-block align-bottom" src="{{ pathto('_static/logo.svg', 1) }}" alt="" width="30" height="30"> |
| Mesa 3D |
| </a> |
| </div> |
| |
| <button id="navbar-button" class="d-none navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
| <span class="navbar-toggler-icon"></span> |
| </button> |
| |
| <div class="navbar-collapse" id="navbarSupportedContent"> |
| <ul class="navbar-nav ms-auto"> |
| |
| <li class="nav-item"> |
| <a class="nav-link" href="https://www.mesa3d.org/" title="Home">Home</a> |
| </li> |
| |
| <li class="nav-item"> |
| <a class="nav-link" href="https://www.mesa3d.org/news/" title="News">News</a> |
| </li> |
| |
| <li class="nav-item"> |
| <a class="nav-link{% if pagename == 'download' %} active{% endif %}" href="{{ pathto('download') }}" title="">Getting Started</a> |
| </li> |
| |
| <li class="nav-item"> |
| <a class="nav-link active" href="{{ pathto(root_doc) }}" title="">Documentation</a> |
| </li> |
| |
| </ul> |
| </div> |
| </div> |
| <script> |
| document.getElementById('navbar-button').classList.remove('d-none'); |
| document.getElementById('navbarSupportedContent').classList.add('collapse'); |
| </script> |
| </nav> |
| {% endblock %} |
| |
| {% block content %} |
| <div class="container my-3"> |
| <div class="row"> |
| <main class="body col-12 col-lg-9 order-1 order-lg-2" role="main"> |
| {% block body %}{% endblock %} |
| </main> |
| |
| {% block navigation %} |
| <nav id="menu" class="rounded col-12 col-lg-3 order-2 order-lg-1 bg-dark-subtle pb-3"> |
| <div class="my-3" role="search"> |
| <form id="search-form" action="{{ pathto('search') }}" method="get"> |
| <div class="form-group"> |
| <input class="form-control" type="text" name="q" placeholder="Search docs" /> |
| <input type="hidden" name="check_keywords" value="yes" /> |
| <input type="hidden" name="area" value="default" /> |
| </div> |
| </form> |
| </div> |
| |
| {% block menu %} |
| {% set toctree = toctree(maxdepth=4, collapse=True, includehidden=True, titles_only=False) %} |
| {% if toctree %} |
| {{ toctree }} |
| {% else %} |
| {{ toc }} |
| {% endif %} |
| {% endblock %} |
| </nav> |
| {% endblock %} |
| </div> |
| </div> |
| {% endblock %} |
| |
| {% block footer %} |
| <footer class="footer py-3 bg-body-tertiary text-muted"> |
| <div class="container"> |
| <div class="row"> |
| |
| <div class="col-12 col-lg-3"> |
| <h6 class="text-body">Documentation</h6> |
| <ul class="list-unstyled"> |
| <li><a href="https://docs.mesa3d.org/license.html">License</a></li> |
| <li><a href="https://docs.mesa3d.org/faq.html">FAQ</a></li> |
| <li><a href="https://docs.mesa3d.org/download.html">Getting Started</a></li> |
| </ul> |
| </div> |
| |
| <div class="col-12 col-lg-3"> |
| <h6 class="text-body">Community</h6> |
| <ul class="list-unstyled"> |
| <li><a href="https://gitlab.freedesktop.org/mesa">GitLab</a></li> |
| <li><a href="https://docs.mesa3d.org/lists.html">Mailing Lists</a></li> |
| <li><a href="https://docs.mesa3d.org/bugs.html">Report a Bug</a></li> |
| </ul> |
| </div> |
| |
| <div class="col-12 col-lg-3"> |
| <h6 class="text-body">More</h6> |
| <ul class="list-unstyled"> |
| <li><a href="https://www.mesa3d.org/website/">About Mesa3D.org</a></li> |
| <li><a href="https://docs.mesa3d.org/thanks.html">Acknowledgements</a></li> |
| <li><a href="https://dri.freedesktop.org/wiki/">Mesa / DRI Wiki</a></li> |
| </ul> |
| </div> |
| |
| <div class="col-12 col-lg-3"> |
| <p>Hosted by <a href="https://www.freedesktop.org/">Freedesktop.org</a></p> |
| <p><a href="https://gitlab.freedesktop.org/mesa/mesa/-/blob/main/docs/{{ pagename }}{{ page_source_suffix }}">Edit this page</a></p> |
| </div> |
| |
| </div> |
| </div> |
| </footer> |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script> |
| <script> |
| (() => { |
| const collapseElementList = document.querySelectorAll('#menu > .caption + ul'); |
| // Add Bootstrap collapse components to the expandable menu-captions |
| [...collapseElementList].forEach(collapseEl => { |
| // disable transition if we need toggling |
| const toggle = collapseEl.classList.contains('current'); |
| if (toggle) |
| collapseEl.style.transition = "none"; |
| else |
| collapseEl.previousElementSibling.classList.add('collapsed'); |
| |
| // enable collapse |
| collapseEl.classList.add('collapse'); |
| collapseEl.previousElementSibling.classList.add('collapse-icon'); |
| const collapse = new bootstrap.Collapse(collapseEl, { |
| toggle: toggle |
| }); |
| |
| // disable transition-override again |
| if (toggle) { |
| collapseEl.addEventListener('shown.bs.collapse', event => { |
| collapseEl.style.removeProperty('transition'); |
| }, {once : true}) |
| } |
| |
| // collapse on click on previous element |
| collapseEl.previousElementSibling.addEventListener('click', (event) => { |
| collapse.toggle(); |
| collapseEl.previousElementSibling.classList.toggle('collapsed'); |
| }); |
| }); |
| })(); |
| </script> |
| {% endblock %} |
