main.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <link rel="stylesheet" type="text/css" href="/style.css">
  6. <title>{{PAGE_TITLE}}</title>
  7. </head>
  8. <body>
  9. <div class="wrapper">
  10. <div class="left_menu">
  11. <div class="left_menu__wrapper">
  12. {{SERVERS_SECTION}}
  13. </div>
  14. <a href="https://notabug.org/acetone/ircabot" target="_blank" class="left_menu__footer">IRCaBot {{VERSION}}<br>GPLv3 &copy; acetone, {{COPYRIGHT_YEAR}}</a>
  15. </div>
  16. <div class="main">
  17. <div class="main_header">
  18. <div class="main_header__title">
  19. {{MAIN_HEADER}}
  20. </div>
  21. <div class="main_header__search">
  22. <form class="main_header__search_form" method="get">
  23. <div class="main_header__search_block">
  24. <input class="main_header__search_input" type="search" name="toSearch" placeholder="{{SEARCH_PLACEHOLDER}}">
  25. <div class="main_header__search_button">
  26. <input class="main_header__search_button__img" type="submit" value="">
  27. </div>
  28. </div>
  29. <div class="main_header__search_checkbox">
  30. <input id="main_header__search_checkbox__button" type="checkbox" name="isRegexp">
  31. <label style="cursor: pointer;" for="main_header__search_checkbox__button">
  32. Regular expression
  33. </label>
  34. </div>
  35. </form>
  36. </div>
  37. </div>
  38. <div class="main_middle">
  39. <div class="main_middle__path">
  40. {{MIDDLE_PATH}}
  41. </div>
  42. <div class="main_middle__online">
  43. <input id="menu__toggle" type="checkbox"/>
  44. <label style="cursor: pointer;" for="menu__toggle">
  45. Online: {{ONLINE}}
  46. </label>
  47. <div class="main_middle__online_list">
  48. {{ONLINE_LIST}}
  49. </div>
  50. </div>
  51. </div>
  52. <div class="main_payload">
  53. {{PAYLOAD_BLOCK}}
  54. </div>
  55. </div>
  56. </div>
  57. </body>
  58. </html>