layout.html 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Nach & Nach</title>
  7. <link rel="icon" type="image/x-icon" href="static/favicon.ico">
  8. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
  9. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
  10. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" />
  11. <link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
  12. {% block head_links %}
  13. {% endblock %}
  14. </head>
  15. <body>
  16. <div class="container wrapper p-0">
  17. <nav class="navbar nav nav-pills nav-fill sticky-top p-0 ps-0">
  18. <div class="container-fluid text-center">
  19. {% block app_title %}
  20. <a class="navbar-brand" href="/">
  21. <img src="static/logo.jpeg" alt="Nach & Nach Logo"/>
  22. </a>
  23. {% endblock %}
  24. </div>
  25. </nav>
  26. <div class="content p-2">
  27. {% block content %}
  28. {% endblock %}
  29. </div>
  30. <nav class="nav nav-pills nav-fill sticky-bottom pt-1">
  31. <a class="nav-link pt-0 pb-0 p-0" href="/">
  32. <i class="bi bi-house-door" title="Start" aria-hidden="true"></i>
  33. <span>Start</span>
  34. </a>
  35. <a class="nav-link pt-0 pb-0 p-0" href="/karte">
  36. <i class="bi bi-geo-alt" title="Karte" aria-hidden="true"></i>
  37. <span>Karte</span>
  38. </a>
  39. <a class="nav-link pt-0 pb-0 p-0" href="/schritte">
  40. <i class="bi bi-list-check" title="Schritte" aria-hidden="true"></i>
  41. <span>Schritte</span>
  42. </a>
  43. <a class="nav-link pt-0 pb-0 p-0" href="/events">
  44. <i class="bi bi-calendar-day" title="Events" aria-hidden="true"></i>
  45. <span>Events</span>
  46. </a>
  47. <a class="nav-link pt-0 pb-0 p-0" href="/mitgestalten">
  48. <i class="bi bi-people" title="Mitgestalten" aria-hidden="true"></i>
  49. <span>Mitgestalten</span>
  50. </a>
  51. </nav>
  52. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
  53. </div>
  54. </body>
  55. </html>