newindex.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. {{define "newindex"}}
  2. <!DOCTYPE html>
  3. <html lang="ru">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="" >
  7. <title>Bootlegs.su INDEX</title>
  8. <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
  9. </head>
  10. <body class="min-h-screen bg-gray-200">
  11. <header class="fixed lg:mx-auto w-full h-18 z-40" >
  12. <div class="lg:w-9/12 w-full h-full lg:mx-auto bg-indigo-500 lg:rounded-b-3xl shadow-md">
  13. <div class="grid grid-cols-5 divide-x divide-indigo-300 h-full px-2 pb-2 text-center font-sans font-semibold text-2xl text-gray-100 text-opacity-9s0">
  14. <div class="container h-full">
  15. <div class="container h-full p-2">
  16. <a href="">
  17. <div class="container h-full rounded-md hover:bg-indigo-600 hover:bg-opacity-20 hover:text-gray-200">
  18. <div class="container py-2">
  19. Главная
  20. </div>
  21. </div>
  22. </a>
  23. </div>
  24. </div>
  25. <div class="container h-full">
  26. <div class="container h-full p-2">
  27. <a href="/forum/torrents">
  28. <div class="container h-full rounded-md hover:bg-indigo-600 hover:bg-opacity-20 hover:text-gray-200">
  29. <div class="container py-2">
  30. Торренты
  31. </div>
  32. </div>
  33. </a>
  34. </div>
  35. </div>
  36. <div class="container h-full">
  37. <div class="container h-full p-2">
  38. <a href="stats.html">
  39. <div class="container h-full rounded-md hover:bg-indigo-600 hover:bg-opacity-20 hover:text-gray-200">
  40. <div class="container py-2">
  41. Статистика
  42. </div>
  43. </div>
  44. </a>
  45. </div>
  46. </div>
  47. <div class="container h-full">
  48. <div class="container h-full p-2">
  49. <a href="/forum/news">
  50. <div class="container h-full rounded-md hover:bg-indigo-600 hover:bg-opacity-20 hover:text-gray-200">
  51. <div class="container py-2">
  52. Новости
  53. </div>
  54. </div>
  55. </a>
  56. </div>
  57. </div>
  58. <div class="container h-full">
  59. <div class="container h-full p-2">
  60. <a href="forum">
  61. <div class="container h-full rounded-md hover:bg-indigo-600 hover:bg-opacity-20 hover:text-gray-200">
  62. <div class="container py-2">
  63. Форум
  64. </div>
  65. </div>
  66. </a>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </header>
  72. <div class="container w-auto lg:w-9/12 mx-auto pt-19">
  73. <div class="container w-auto mx-8 pt-20 pb-5 bg-white bg-opacity-80 rounded-b-md shadow-md">
  74. <div class="container w-auto h-auto mx-11 mt-7 px-5 py-3 bg-red-100 shadow-lg rounded-md bg-opacity-100">
  75. <div class="container">
  76. <div class="flex flex-col ">
  77. <div class="font-bold text-3xl mb-3">Последние новости</div>
  78. {{template "newslist" .}}
  79. </div>
  80. </div>
  81. </div>
  82. <div class="container w-auto h-23 mx-11 mt-10 px-5 py-3 font-bold text-3xl">
  83. Новые торренты
  84. </div>
  85. {{template "torrentlist" .}}
  86. </div>
  87. </div>
  88. <footer class="container w-100 pt-4 pb-2 mx-auto text-center text-xs">
  89. Курсовая работа 2021
  90. </footer>
  91. <body>
  92. <style type=text/css>
  93. .trapezoid {
  94. border-style: solid;
  95. top: 0px;
  96. right: 0px;
  97. margin-left: auto;
  98. margin-right: 0px;
  99. width: 10px;
  100. box-sizing: content-box;
  101. border-width: 0 0 104px 8em;
  102. border-color: #3b82f6 transparent;
  103. box-sizing: content-box;
  104. }
  105. .tcover {
  106. width: 120px;
  107. height: 180px;
  108. top: 3px;
  109. left: 71px;
  110. -webkit-transform: rotate(51deg);
  111. -moz-transform: rotate(51deg);
  112. -o-transform: rotate(51deg);
  113. transform: rotate(51deg);
  114. }
  115. </style>
  116. </html>
  117. {{end}}