main.html 2.6 KB

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