diff options
author | Stas Medvedev <medvedevsa97@gmail.com> | 2024-06-11 00:43:21 +0300 |
---|---|---|
committer | Stas Medvedev <medvedevsa97@gmail.com> | 2024-06-11 00:43:21 +0300 |
commit | 59fc7a0a5b28068002f62749502f7eaa1871c055 (patch) | |
tree | 30bdb3dcf3720681e989fb06e367ec65965aceda /templates/index.html | |
parent | 13c7979cfa42b9bccdbad0eba8a4315f6885af9c (diff) |
Накидал html
Diffstat (limited to 'templates/index.html')
-rw-r--r-- | templates/index.html | 90 |
1 files changed, 15 insertions, 75 deletions
diff --git a/templates/index.html b/templates/index.html index 6d05087..87145fd 100644 --- a/templates/index.html +++ b/templates/index.html @@ -9,7 +9,13 @@ href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet" /> - <script src="https://cdn.tailwindcss.com"></script> + <link href="/static/style.css" rel="stylesheet" /> + <link + id="favicon" + rel="icon" + type="image/x-icon" + href="static/favicon.ico" + /> <link rel="stylesheet" @@ -20,84 +26,18 @@ <title>Document</title> </head> - <body class="w-screen flex flex-col bg-stone-100 source-code-pro-500"> - <div class="flex justify-between bg-teal-100 h-8 m-2 rounded-xl"> - <div class="w-1/3 flex content-center"> - <a href="https://yetsam.ru" class="mx-auto hover:text-fuchsia-400" - >yetsam.ru</a - > - </div> - <ul class="topmenu px-8"> - <li> - <a href="#" class="underline hover:decoration-fuchsia-400">Сервисы</a> - <ul class="submenu bg-teal-50 border-2 border-fuchsia-200 border-dashed rounded-lg"> - <li><a href="#">WireGuard Админка</a></li> - <li><a href="#">cGit</a></li> - </ul> - </li> - </ul> - </div> - <div class="flex justify-around"> - <div class="mx-auto text-2xl border-4 border-fuchsia-200 border-dashed p-2"> - <p>Привет, меня зовут Стас</p> - <p>Я вычислил тебя по ip: {{client_geo['query']}}</p> - - {% if 'city' in client_geo %} - <p>{{client_geo['country']}}</p> - <p>{{client_geo['city']}}</p> - {% endif %} - </div> + <body + class="w-screen flex flex-col gap-4 items-center bg-stone-50 source-code-pro-500" + > + {% include 'partials/palette.html' %} - <div class="swiper"> - <div class="swiper-wrapper"> - <div class="swiper-slide">Slide 1</div> - <div class="swiper-slide">Slide 2</div> - <div class="swiper-slide">Slide 3</div> - </div> + {% include 'partials/header.html' %} - <div class="swiper-button-prev"></div> - <div class="swiper-button-next"></div> - </div> - </div> + {% include 'partials/about.html' %} - <script> - const swiper = new Swiper(".swiper", { - direction: "horizontal", - loop: true, + {% include 'partials/avatars.html' %} - navigation: { - nextEl: ".swiper-button-next", - prevEl: ".swiper-button-prev", - }, - }); - </script> - <style> - .swiper { - width: 600px; - height: 300px; - } - .source-code-pro-500 { - font-family: "Source Code Pro", monospace; - font-optical-sizing: auto; - font-weight: 500; - font-style: normal; - } + {% include 'partials/services.html' %} - .topmenu > li { - display: inline-block; - position: relative; - } - .topmenu > li:last-child { - margin-right: 0; - } - .submenu { - position: absolute; - z-index: 10; - display: none; - } - ul li:hover .submenu { - display: block; - } - </style> </body> </html> |