layout.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js" integrity="sha512-rmZcZsyhe0/MAjquhTgiUcb4d9knaFc7b5xAfju483gbEXTkeJRUMIPk6s3ySZMYUHEcjKbjLjyddGWMrNEvZg==" crossorigin="anonymous"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
  14. <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"
  15. integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI="
  16. crossorigin=""/>
  17. <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"
  18. integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM="
  19. crossorigin=""></script>
  20. <link rel="stylesheet" href="static/css/leaflet.awesome-markers.css">
  21. <script src="static/js/leaflet.awesome-markers.js"></script>
  22. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  23. </head>
  24. <body>
  25. <div class="container wrapper p-0">
  26. <nav class="navbar nav nav-pills nav-fill sticky-top p-0 ps-0">
  27. <div class="container-fluid text-center">
  28. {% block app_title %}
  29. <a class="navbar-brand" href="/">
  30. <img src="static/logo.jpeg" alt="Nach & Nach Logo"/>
  31. </a>
  32. {% endblock %}
  33. </div>
  34. </nav>
  35. <div class="content p-2">
  36. {% block content %}
  37. {% endblock %}
  38. </div>
  39. <nav class="nav nav-pills nav-fill sticky-bottom pt-1">
  40. <a class="nav-link pt-0 pb-0 p-0" href="/">
  41. <i class="bi bi-house-door" title="Start" aria-hidden="true"></i>
  42. <span>Start</span>
  43. </a>
  44. <a class="nav-link pt-0 pb-0 p-0" href="/karte">
  45. <i class="bi bi-geo-alt" title="Karte" aria-hidden="true"></i>
  46. <span>Karte</span>
  47. </a>
  48. <a class="nav-link pt-0 pb-0 p-0" href="/schritte">
  49. <i class="bi bi-list-check" title="Schritte" aria-hidden="true"></i>
  50. <span>Schritte</span>
  51. </a>
  52. <a class="nav-link pt-0 pb-0 p-0" href="/events">
  53. <i class="bi bi-calendar-day" title="Events" aria-hidden="true"></i>
  54. <span>Events</span>
  55. </a>
  56. <a class="nav-link pt-0 pb-0 p-0" href="/mitgestaltung">
  57. <i class="bi bi-people" title="Mitgestaltung" aria-hidden="true"></i>
  58. <span>Mitgestaltung</span>
  59. </a>
  60. </nav>
  61. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
  62. </div>
  63. </body>
  64. </html>