5 files changed, 91 insertions, 0 deletions
diff --git a/templates/partials/about.html b/templates/partials/about.html
new file mode 100644
index 0000000..b53a127
--- /dev/null
+++ b/templates/partials/about.html
@@ -0,0 +1,36 @@
+<div class="about relative">
+  <p>Привет, меня зовут Стас</p>
+  <p>
+    Я
+    <a class="text-interactive group" href="https://habr.com/ru/companies/ruvds/articles/488340/">
+      backend
+      <span class="hidden z-10 group-hover:inline-block absolute text-black bg-neutral-100 border-2 border-neutral-500 inset-x-0 my-10 p-2">
+        Если говорить академично, то бэкенд-разработчик — это программист,
+        который отвечает за внутреннюю и вычислительную логику веб-сайта или
+        веб-приложения, а также иного программного обеспечения и информационных
+        систем. Строго говоря, бэкенд бывает не только у веб-решений, он есть и
+        у десктопа, и у мобильных приложений, т.к. по сути бэкенд — это всё, что
+        относится к программно-аппаратной части сервиса.©
+        <span class="block text-sm text-secondary-400">
+          Цитата из статьи с habr.com
+        </span>
+      </span>
+    </a>
+    разработчик
+  </p>
+  <p>
+    В основном пишу на
+    <a href="https://python.org" class="text-interactive">python</a>
+  </p>
+  <p>Вычислил тебя по ip: {{client_geo['query']}}</p>
+
+  {% if 'city' in client_geo %}
+  <p>{{client_geo['country']}}</p>
+  <p>{{client_geo['city']}}</p>
+  {% endif %}
+  <p>
+    <span class="text-sm"
+      >(Шутка в том что такая возможность есть у любого сайта)</span
+    >
+  </p>
+</div>
diff --git a/templates/partials/avatars.html b/templates/partials/avatars.html
new file mode 100644
index 0000000..fd2c247
--- /dev/null
+++ b/templates/partials/avatars.html
@@ -0,0 +1,29 @@
+<div class="flex justify-around">
+  <div class="swiper">
+    <div class="swiper-wrapper">
+      {% for url in avatar_urls %}
+        <img src="{{url}}" alt="" class="swiper-slide"/>
+      {% endfor %}
+    </div>
+
+    <div class="swiper-button-prev"></div>
+    <div class="swiper-button-next"></div>
+  </div>
+</div>
+
+<script>
+  const swiper = new Swiper(".swiper", {
+    direction: "horizontal",
+    loop: true,
+
+    navigation: {
+      nextEl: ".swiper-button-next",
+      prevEl: ".swiper-button-prev",
+    },
+  });
+</script>
+<style>
+  .swiper {
+    width: 30%;
+  }
+</style>
diff --git a/templates/partials/header.html b/templates/partials/header.html
new file mode 100644
index 0000000..83fb77a
--- /dev/null
+++ b/templates/partials/header.html
@@ -0,0 +1,5 @@
+<div class="header">
+  <a href="https://yetsam.ru" class="m-auto hover:text-secondary-300 text-3xl"
+    >yetsam.ru</a
+  >
+</div>
+\ No newline at end of file
diff --git a/templates/partials/palette.html b/templates/partials/palette.html
new file mode 100644
index 0000000..6efa551
--- /dev/null
+++ b/templates/partials/palette.html
@@ -0,0 +1,7 @@
+<div>
+  <div class="primary color-box"></div>
+  <div class="secondary color-box"></div>
+  <div class="complementary-yellow color-box"></div>
+  <div class="complementary-rose color-box"></div>
+  <div class="complementary-blue color-box"></div>
+</div>
+\ No newline at end of file
diff --git a/templates/partials/services.html b/templates/partials/services.html
new file mode 100644
index 0000000..8209cc0
--- /dev/null
+++ b/templates/partials/services.html
@@ -0,0 +1,14 @@
+<div class="about text-2xl">
+  <p>Так же на этом сервере:</p>
+  <ul class="marker:text-secondary-300 list-outside list-disc ml-6 gap-2">
+    <li>
+      <a href="https://wg.yetsam.ru">VPN с турецким ip</a>
+    </li>
+    <li>
+      <a href="https://t.me/chatgpt_yetsam_bot">ChatGPT telegram бот</a>
+    </li>
+    <li>
+      <a href="http://cgit.yetsam.ru">Git сервер</a>
+    </li>
+  </ul>
+</div>
+\ No newline at end of file