index.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. {{define "index"}}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="/assets/css/message.css">
  8. <link rel="stylesheet" href="/assets/css/style.css">
  9. <link rel="stylesheet" href="/assets/css/carousel.css">
  10. {{if eq .IsAdmin true}}
  11. <link rel="stylesheet" href="/assets/css/admin.css">
  12. {{end}}
  13. <title>{{.Title}}</title>
  14. </head>
  15. <body>
  16. {{template "header" .}}
  17. <div class="navbar">
  18. <nav>
  19. <a href="/page/page1">Page 1</a>
  20. <a href="/page/page2">Page 2</a>
  21. <a href="/page/page3">Page 3</a>
  22. <a href="/page/page4">Page 4</a>
  23. <a href="/page/page5">Page 5</a>
  24. </nav>
  25. </div>
  26. <main>
  27. <!-- Пример карусели -->
  28. <!-- <div class="carousel-container">
  29. <div data-width="1060" data-dots="false" class="carousel" id="Carousel">
  30. <div data-image="images/1.jpg"></div>
  31. <div data-image="images/2.jpg"></div>
  32. <div data-image="images/3.jpg"></div>
  33. <div data-image="images/4.jpg"></div>
  34. <div data-image="images/5.jpg"></div>
  35. <div data-image="images/6.jpg"></div>
  36. </div>
  37. </div> -->
  38. <!-- Пример вставки выбранной страницы -->
  39. {{if eq .Page "page1+"}}
  40. {{template "page1"}}
  41. {{end}}
  42. {{if eq .Page "page2+"}}
  43. {{template "page2"}}
  44. {{end}}
  45. {{if eq .Page "page3+"}}
  46. {{template "page3"}}
  47. {{end}}
  48. {{if eq .Page "page4+"}}
  49. {{template "page4"}}
  50. {{end}}
  51. {{if eq .Page "page5+"}}
  52. {{template "page5"}}
  53. {{end}}
  54. <!-- Пример переключение страниц без перезагрузки страницы с помощью JS -->
  55. {{template "page1"}}
  56. {{template "page2"}}
  57. {{template "page3"}}
  58. {{template "page4"}}
  59. {{template "page5"}}
  60. <div class="page-dots">
  61. <div data-page="#Page1" class="active"></div>
  62. <div data-page="#Page2"></div>
  63. <div data-page="#Page3"></div>
  64. <div data-page="#Page4"></div>
  65. <div data-page="#Page5"></div>
  66. </div>
  67. </main>
  68. {{template "footer" .}}
  69. {{if eq .IsLogin true}}
  70. <a href="/logout" class="login">Выйти</a>
  71. {{else}}
  72. <a href="/authorization" class="login">Вход</a>
  73. {{end}}
  74. {{if eq .IsAdmin true}}
  75. {{template "admin"}}
  76. {{end}}
  77. <script src="/assets/js/message.js"></script>
  78. <script src="/assets/js/query.js"></script>
  79. <!-- <script src="/assets/js/carousel.js"></script> -->
  80. {{if eq .IsAdmin true}}
  81. <script src="/assets/js/admin.js"></script>
  82. {{end}}
  83. <script src="/assets/js/script.js"></script>
  84. </body>
  85. </html>
  86. {{end}}