index.tmpl.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!doctype html>
  2. <HTML lang="ru">
  3. <head>
  4. <title>ВарТанк</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta pragma="no-cache">
  8. <!-- Bootstrap CSS -->
  9. <link href="/static/css/bootstrap.min.css" rel="stylesheet">
  10. <!-- htmx -->
  11. <script src="/static/js/htmx.min.js"></script>
  12. <script src="/static/js/hyperscript.min.js"></script>
  13. </head>
  14. <body hx-boost="true">
  15. <div id="header" class="container-fluid"><!-- начало боди-контейнера -->
  16. <div class="container-fluid align-middle"><!-- контейнер заголовка -->
  17. <div class="row border align-items-center">
  18. <div class="col-auto border border-primary rounded btn btn-dark">
  19. <h1>WarTank</h1>
  20. </div>
  21. <div class="col">
  22. <a class="btn btn-primary" href="/">Главная</a>
  23. {.btn_lst_bot}
  24. <a class="btn btn-primary" hx-get="/monolit" hx-target="body">Монолит</a>
  25. </div>
  26. </div>
  27. </div>
  28. <div class="counter">
  29. <button _="on click increment the textContent of the next <output/>">Прибавить</button>
  30. [<output>0</output>]
  31. <button _="on click decrement the textContent of the previous <output/>">убавить</button><br>
  32. </div>
  33. <br>
  34. </div>
  35. <div id="main" {.url_login} hx-trigger="load">
  36. {.main}
  37. </div>
  38. <div id="foother" class="container-fluid border rounded text-info bg-dark">
  39. <span>FunnySoft 20021-2025 (c)</span>
  40. <span hx-post="/api/uptime" hx-trigger="every 5s"></span>
  41. <span hx-post="/api/count_start" hx-trigger="every 30s"></span>
  42. </div>
  43. <script src="/static/js/bootstrap.bundle.min.js"></script>
  44. </body>
  45. </HTML>