Initial commit

author: synzr <synzr@klo.pp.ru> 2026-06-30 21:29:04 +0500
committer: synzr <synzr@klo.pp.ru> 2026-06-30 21:29:04 +0500
commit: 1ccaed422b8f66a9364a41e40d81ecabf1cb8c44 (patch)
tree: d3702f32c6f1ca3f9e6eff86af65a8a0466baeac /index.html
download: website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.tar.gz
website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.tar.bz2
website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.zip
1 files changed, 281 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..fdc2fd3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,281 @@
+<!DOCTYPE html>
+<html lang="ru">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=9">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/png" href="favicon.png">
+  <title>Михаил «synzr»</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+  <div class="layout clearfix">
+    <header class="header">
+      <picture>
+        <source srcset="img/character.webp" type="image/webp">
+        <source srcset="img/character.png" type="image/png">
+        <img src="img/character.png" alt="Мой покепи" class="character">
+      </picture>
+    </header>
+
+    <main>
+      <section id="welcome" class="section clearfix">
+        <h2 class="heading">Добро пожаловать!</h2>
+        <picture>
+          <source srcset="img/irl_thumb.webp" type="image/webp">
+          <source srcset="img/irl_thumb.jpg" type="image/jpg">
+          <a href="img/irl.jpg">
+            <img src="img/irl_thumb.jpg" alt="Моя рожа" class="irl">
+          </a>
+        </picture>
+        <p class="text">
+          Меня зовут Михаил, я платно учусь в частном колледже на IT, интересуюсь технологиями и коллекционирую музыку
+          на CD-пластинках.
+          Ну, вроде бы я человек - насколько это возможно. Обожаю лезть, куда не надо.
+        </p>
+        <p class="text">
+          Я являюсь огромным фанатом серии игр
+          <a href="//breezewiki.com/dokodemo/wiki/Doko_Demo_Issyo_(Series)">«どこでもいっしょ»</a> (Докодемо Иссё, букв. «Вместе
+          повсюду»).
+          У меня есть собственный <del>оригинальный</del> покепи - красный кот в бежевой футболочке, которым я
+          представляюсь в Интернете.
+          Картинку выше нарисовал <a href="//t.me/laybox">Laybox</a>.
+        </p>
+        <p class="text">И да, это моя рожа справа. Это моя единственная фотка, которую я могу терпеть.</p>
+      </section>
+
+      <hr class="divider">
+
+      <section id="what-i-do" class="section">
+        <h3 class="heading">Чем занимаюсь по жизни?</h3>
+        <p class="text">
+          К сожалению, я <del>без</del>работный, и мне приходится маяться всякой фигнёй.
+          Время от времени занимаюсь реверс-инженерингом старого <a
+            href="//ru.wikipedia.org/wiki/Abandonware">abandonware</a>.
+        </p>
+        <p class="text">
+          В свободное время общаюсь со своими друзьями и знакомыми через несвободные программы.
+        </p>
+      </section>
+
+      <hr class="divider">
+
+      <section id="contacts" class="section">
+        <h3 class="heading">Контакты</h3>
+        <table class="contacts">
+          <tbody>
+            <tr>
+              <th scope="row" class="title">Почта</th>
+              <td class="contact">
+                <a href="mailto:mikhail@synzr.space">mikhail@synzr.space</a>
+              </td>
+            </tr>
+            <tr>
+              <th scope="row" class="title">XMPP</th>
+              <td class="contact">
+                <a href="xmpp:synzr@klo.pp.ru">synzr@klo.pp.ru</a>
+              </td>
+            </tr>
+            <tr>
+              <th scope="row" class="title">Telegram</th>
+              <td class="contact">
+                <a href="//t.me/syn4r">@syn4r</a>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <p class="text">
+          Возможно, когда мне не будет лень, оформлю себе GPG-ключи.
+        </p>
+      </section>
+
+      <hr class="divider">
+
+      <section id="where-i-participate" class="section">
+        <h3 class="heading">Где принимаю участие?</h3>
+        <ul class="buttons">
+          <li class="button">
+            <a href="//man-tv.ru" title="MAN TV - Мужская территория" target="_black">
+              <img src="btn/mantv.png" alt="MAN TV - Мужская территория">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//klo.pp.ru" title="Клоповник" target="_black">
+              <img src="btn/klopp.jpg" alt="Клоповник">
+            </a>
+          </li>
+        </ul>
+      </section>
+      <hr class="divider">
+
+      <section id="my-friends" class="section">
+        <h3 class="heading">Мои друзья, знакомые</h3>
+        <ul class="buttons">
+          <li class="button">
+            <a href="//veselcraft.cc" title="veselcraft" target="_black">
+              <img src="//veselcraft.cc/images/vc.gif" alt="veselcraft">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//old.myslivets.com" title="Daniel Myslivets" target="_black">
+              <img src="//myslivets.com/img/button.png" alt="Daniel Myslivets">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//nediorg.ru/old/" title="nediorg" target="_black">
+              <img src="//nediorg.ru/88x31.png" alt="nediorg">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//otomir23.me" title="damir" target="_black">
+              <img src="//otomir23.me/88x31.png" alt="damir">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//kiffaknife.space" title="kiffa" target="_black">
+                <img src="//www.kiffaknife.space/img/kiffaknife.gif" alt="kiffa">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//lisikpng.com" title="TheFox" target="_black">
+                <img src="//lisikpng.com/img/websbn.png" alt="TheFox">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//home.saursvepur.xyz" title="saursvepur" target="_black">
+              <img src="//home.saursvepur.xyz/img/saursvepur.gif" alt="saursvepur">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//akarpov.ru/about" title="sanspie" target="_black">
+              <img src="//akarpov.ru/media/benis.gif" alt="sanspie">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//ariajb.net" title="aria" target="_black">
+              <img src="//ariajb.net/assets/buttons/ariajb.png" alt="aria">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//senko.dev" title="senkodev" target="_black">
+              <img src="//senko.dev/banners/senko.gif" alt="senkodev">
+            </a>
+          </li>
+          <li class="button">
+            <a href="#contacts" title="Your ad here">
+              <img src="btn/yourad.png" alt="Your ad here">
+            </a>
+          </li>
+        </ul>
+      </section>
+      <hr class="divider">
+
+      <section id="other-people" class="section">
+        <h3 class="heading">Люди, деятельность которых мне интересна</h3>
+        <ul class="buttons">
+          <li class="button">
+            <a href="//maia.crimew.gay" title="maia arson crimew" target="_black">
+              <img src="//maia.crimew.gay/badges/maia.crimew.gay.png" alt="maia arson crimew">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//jsopn.com?glunging=true" title="jsopn" target="_black">
+              <img src="//jsopn.com/images/88x31/button.gif" alt="jsopn">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//tei.su" title="alina aka teidesu" target="_black">
+              <img src="btn/teidesu.png" alt="alina aka teidesu">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//besties.house" title="besties" target="_black">
+              <img src="//besties.house/buttons/besties.gif" alt="besties">
+            </a>
+          </li>
+          <li class="button">
+            <a href="//mrcatmann.ru" title="mrcatmann" target="_blank">
+              <img src="https://mrcatmann.space/assets/88x31-ru.gif" alt="mrcatmann">
+            </a>
+          </li>
+          <li class="button">
+            <a href="https://pumpkinhasapatch.github.io" title="Pumpkin's Place" target="_blank">
+              <img src="https://pumpkinhasapatch.github.io/img/buttons/pumpkinsplace.gif" alt="Pumpkin's Place">
+            </a>
+          </li>
+        </ul>
+      </section>
+      <hr class="divider">
+
+      <section id="my-button" class="section">
+        <h3 class="heading">Моя смешная кнопка</h3>
+
+        <center>
+          <a href="#my-button" title="synzr" target="_black" class="button">
+            <img src="/88x31.gif" alt="synzr">
+          </a>
+
+          <textarea class="textarea" spellcheck="false">
+<a href="//synzr.pp.ru" title="synzr" target="_blank">
+  <img src="//synzr.pp.ru/88x31.gif" alt="synzr">
+</a>
+          </textarea>
+        </center>
+      </section>
+
+      <hr class="divider">
+
+      <section id="e-begging" class="section clearfix">
+        <h3 class="heading">Пожертвования принимаешь?</h3>
+        <p class="text">
+          Я знаю, что только вам ведомо, как распоряжаться вашими же деньгами, но вот вам совет:
+          если у вас есть свободные средства для таких трат, отдайте их проверенным благотворительным фондам,
+          где их потратят на более полезные и правильные вещи.
+        </p>
+        <picture>
+          <source srcset="img/e_begging_qr.webp" type="image/webp">
+          <source srcset="img/e_begging_qr.jpg" type="image/jpg">
+          <img src="img/e_begging_qr.jpg" alt="QR-код для пожертвовании" class="qr">
+        </picture>
+        <p class="text">
+          Именно поэтому эта секция находится в самом низу страницы.
+          Но если вам всё ещё хочется отдать их мне, отсканируйте QR‑код справа или
+          перейдите по <a href="//finance.ozon.ru/apps/sbp/ozonbankpay/019d4472-13cb-7d97-99a4-72dc063c7a4e">ссылке</a>.
+        </p>
+        <p class="text">
+          Под благодарности, у меня есть отдельный Telegram-канал:
+          <a href="//t.me/synzrdonations">@synzrdonations</a>.
+        </p>
+      </section>
+
+      <hr class="divider">
+    </main>
+
+    <footer class="footer">
+      <table width="100%" class="webring">
+        <tr>
+          <td align="left" width="11px">
+            <a href="//otor.ing/synzr/prev">&lt;</a>
+          </td>
+          <td align="center">
+            <a href="//otor.ing">otoring</a>
+          </td>
+          <td align="right" width="11px">
+            <a href="//otor.ing/synzr/next">&gt;</a>
+          </td>
+        </tr>
+      </table>
+
+      Сайт размещён на <a href="//senko.digital/?ref=282">senko://digital</a>.
+      Сервер работает на <a href="//freebsd.org">FreeBSD</a>.
+    </footer>
+  </div>
+
+  <script src="script.js" type="module"></script>
+</body>
+
+</html>
author	synzr <synzr@klo.pp.ru>	2026-06-30 21:29:04 +0500
committer	synzr <synzr@klo.pp.ru>	2026-06-30 21:29:04 +0500
commit	1ccaed422b8f66a9364a41e40d81ecabf1cb8c44 (patch)
tree	d3702f32c6f1ca3f9e6eff86af65a8a0466baeac /index.html
download	website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.tar.gz website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.tar.bz2 website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.zip