base-bs.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <html lang="en" data-bs-theme="dark">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link href="{{ url_for('static', filename='bootstrap.min.css') }}" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  7. <script src="{{ url_for('static', filename='bootstrap.bundle.min.js') }}" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
  8. <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap-icons.css') }}">
  9. <link rel="stylesheet" href="{{ url_for('static', filename='theme/base-bs.css') }}">
  10. {% if visjs_enabled %}
  11. <script src="{{ url_for('visjs.static', filename='vis-timeline-graph2d.min.js') }}"></script>
  12. <link href="{{ url_for('visjs.static', filename='vis-timeline-graph2d.min.css') }}" rel="stylesheet" type="text/css" />
  13. {% endif %}
  14. <script src="{{ url_for('static', filename='htmx.js') }}"></script>
  15. {% block head %}
  16. <title>{{ title | default('No Title') }}</title>
  17. {% endblock %}
  18. {% if opengraph_info %}
  19. {% for prop, content in opengraph_info.items() %}
  20. <meta property="og:{{prop}}" content="{{content}}" />
  21. {% endfor %}
  22. {% endif %}
  23. <script>
  24. const Toast = Swal.mixin({
  25. toast: true,
  26. position: 'top-end',
  27. showConfirmButton: false,
  28. timer: 3000,
  29. timerProgressBar: true,
  30. didOpen: (toast) => {
  31. toast.addEventListener('mouseenter', Swal.stopTimer)
  32. toast.addEventListener('mouseleave', Swal.resumeTimer)
  33. }
  34. })
  35. </script>
  36. </head>
  37. <body>
  38. <div class="container">
  39. <div class="row">
  40. <div class="col-lg-3 fixed-lg p-lg-4">
  41. <h1>Hogumathi</h1>
  42. <ul>
  43. {% if nav_items %}
  44. {% for nav_item in nav_items|sort(attribute='order') %}
  45. <li><a href="{{ nav_item.href }}">{{ nav_item.label }}</a></li>
  46. {% endfor %}
  47. {% endif %}
  48. <!--
  49. <li><a href="javascript:document.body.classList.toggle('theme-dark')">Toggle Dark Mode</a></li>
  50. <li><a href="javascript:document.location.reload()">Refresh</a></li>
  51. -->
  52. </ul>
  53. {% if twitter_user or mastodon_user %}
  54. {% include "partial/compose-form.html" %}
  55. {% endif %}
  56. {% if False %}
  57. <!--
  58. {% include "partial/media-upload-form.html" %}
  59. -->
  60. {% endif %}
  61. <h2>Accounts</h2>
  62. {% include "partial/user-picker.html" %}
  63. {% if add_account_enabled %}
  64. <a href="{{ url_for('get_login_html') }}">Add account</a>
  65. {% endif %}
  66. </div>
  67. <div class="col-lg-9">
  68. {% block content %}{% endblock %}
  69. </div>
  70. </div>
  71. </div>
  72. </body>
  73. </html>