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
download: website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.tar.gz
website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.tar.bz2
website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.zip
28 files changed, 506 insertions, 0 deletions
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..edc1225
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = crlf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/88x31.gif b/88x31.gif
new file mode 100644
index 0000000..0475934
--- /dev/null
+++ b/88x31.gif
diff --git a/btn/klopp.jpg b/btn/klopp.jpg
new file mode 100644
index 0000000..3f82f89
--- /dev/null
+++ b/btn/klopp.jpg
diff --git a/btn/mantv.png b/btn/mantv.png
new file mode 100644
index 0000000..0623ab7
--- /dev/null
+++ b/btn/mantv.png
diff --git a/btn/teidesu.png b/btn/teidesu.png
new file mode 100644
index 0000000..87365b0
--- /dev/null
+++ b/btn/teidesu.png
diff --git a/btn/yourad.png b/btn/yourad.png
new file mode 100644
index 0000000..8a8d56d
--- /dev/null
+++ b/btn/yourad.png
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..4189852
--- /dev/null
+++ b/favicon.ico
diff --git a/favicon.png b/favicon.png
new file mode 100644
index 0000000..c430593
--- /dev/null
+++ b/favicon.png
diff --git a/img/character.png b/img/character.png
new file mode 100644
index 0000000..d62f7ab
--- /dev/null
+++ b/img/character.png
diff --git a/img/character.webp b/img/character.webp
new file mode 100644
index 0000000..0709ecb
--- /dev/null
+++ b/img/character.webp
diff --git a/img/e_begging_qr.jpg b/img/e_begging_qr.jpg
new file mode 100644
index 0000000..0686b74
--- /dev/null
+++ b/img/e_begging_qr.jpg
diff --git a/img/e_begging_qr.webp b/img/e_begging_qr.webp
new file mode 100644
index 0000000..a94fd7f
--- /dev/null
+++ b/img/e_begging_qr.webp
diff --git a/img/irl.jpg b/img/irl.jpg
new file mode 100644
index 0000000..13c485a
--- /dev/null
+++ b/img/irl.jpg
diff --git a/img/irl_thumb.jpg b/img/irl_thumb.jpg
new file mode 100644
index 0000000..483d320
--- /dev/null
+++ b/img/irl_thumb.jpg
diff --git a/img/irl_thumb.webp b/img/irl_thumb.webp
new file mode 100644
index 0000000..4b93e2f
--- /dev/null
+++ b/img/irl_thumb.webp
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>
diff --git a/music/00_chasy_ntv.opus b/music/00_chasy_ntv.opus
new file mode 100644
index 0000000..e914387
--- /dev/null
+++ b/music/00_chasy_ntv.opus
diff --git a/music/01_two_years_gone.mp3 b/music/01_two_years_gone.mp3
new file mode 100644
index 0000000..2a21b57
--- /dev/null
+++ b/music/01_two_years_gone.mp3
diff --git a/music/02_install.opus b/music/02_install.opus
new file mode 100644
index 0000000..edb7c52
--- /dev/null
+++ b/music/02_install.opus
diff --git a/music/03_planet_deb.opus b/music/03_planet_deb.opus
new file mode 100644
index 0000000..166c2d9
--- /dev/null
+++ b/music/03_planet_deb.opus
diff --git a/music/04_31_seconds.mp3 b/music/04_31_seconds.mp3
new file mode 100644
index 0000000..88b0c73
--- /dev/null
+++ b/music/04_31_seconds.mp3
diff --git a/music/05_static.opus b/music/05_static.opus
new file mode 100644
index 0000000..000ae6a
--- /dev/null
+++ b/music/05_static.opus
diff --git a/music/06_suzzy_p.opus b/music/06_suzzy_p.opus
new file mode 100644
index 0000000..9edd5d4
--- /dev/null
+++ b/music/06_suzzy_p.opus
diff --git a/music/07_chpr_rassledovanie.opus b/music/07_chpr_rassledovanie.opus
new file mode 100644
index 0000000..b7edaab
--- /dev/null
+++ b/music/07_chpr_rassledovanie.opus
diff --git a/music/Khoa_Vuong.wsz b/music/Khoa_Vuong.wsz
new file mode 100644
index 0000000..677d936
--- /dev/null
+++ b/music/Khoa_Vuong.wsz
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..3a2379e
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,2 @@
+User-agent: ia_archiver
+Allow: /
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..57561c2
--- /dev/null
+++ b/script.js
@@ -0,0 +1,79 @@
+import Webamp from "https://unpkg.com/webamp@^2";
+
+const WEBAMP_CONFIG = {
+  initialSkin: {
+    url: "music/Khoa_Vuong.wsz",
+  },
+  initialTracks: [
+    {
+      metaData: { artist: "Олег Эмиров", title: "Часы НТВ" },
+      url: "music/00_chasy_ntv.opus",
+    },
+    {
+      metaData: {
+        artist: "T.BIRD",
+        title: "Two Years Gone",
+      },
+      url: "music/01_two_years_gone.mp3",
+    },
+    {
+      metaData: {
+        artist: "Mendelayev",
+        title: "Install",
+      },
+      url: "music/02_install.opus",
+    },
+    {
+      metaData: {
+        artist: "Date of Birth",
+        title: "Planet Deb",
+      },
+      url: "music/03_planet_deb.opus",
+    },
+    {
+      metaData: {
+        artist: "lazyfish",
+        title: "31 seconds",
+      },
+      url: "music/04_31_seconds.mp3",
+    },
+    {
+      metaData: {
+        artist: "Mewark",
+        title: "Static",
+      },
+      url: "music/05_static.opus",
+    },
+    {
+      metaData: {
+        artist: "Plus-Tech Squeeze Box",
+        title: "SUZZY P",
+      },
+      url: "music/06_suzzy_p.opus",
+    },
+    {
+      metaData: {
+        artist: "Олег Эмиров",
+        title: "Чистосердечное признание: Расследование",
+      },
+      url: "music/07_chpr_rassledovanie.opus",
+    },
+  ],
+};
+
+document.addEventListener("DOMContentLoaded", function () {
+  // #region Create a Webamp target
+  const target = document.createElement("div");
+
+  const betweens = (window.innerWidth - 640) / 2;
+  const left = 640 + betweens + (betweens / 2);
+  target.style = `position: absolute; width: 0px; height: 0px; top: 50%; left: ${left}px`;
+
+  document.body.append(target);
+  // #endregion
+
+  // #region Render the Webamp window
+  const webamp = new Webamp(WEBAMP_CONFIG);
+  webamp.renderWhenReady(target).then(() => target.remove());
+  // #endregion
+});
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..dd4e69f
--- /dev/null
+++ b/style.css
@@ -0,0 +1,132 @@
+body {
+  background-color: #f0f0f0;
+  color: #0a0a0a;
+  font-family: Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 14px;
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  color: #ff685b;
+}
+
+a:visited {
+  color: #0097a4;
+}
+
+.clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.layout {
+  background-color: #ffffff;
+  margin: 0 auto;
+  width: 100%;
+  max-width: 640px;
+  min-width: 240px;
+  min-height: 100vh;
+  line-height: 1.25;
+}
+
+.header .character {
+  user-select: none;
+  width: 240px;
+}
+
+/* #region Webring */
+.webring {
+  width: 100%;
+}
+
+.webring a {
+  color: #0a0a0a;
+  text-decoration: none;
+  font-size: 9px;
+}
+
+.webring a:hover {
+  font-weight: 600;
+}
+/* #endregion */
+
+.divider {
+  margin: 0px 9px;
+}
+
+.section {
+  padding: 6px 9px;
+}
+
+.heading {
+  font-family: 'Times New Roman', Times, serif;
+  padding: 6px 0px;
+  margin: 0;
+}
+
+.text {
+  font-size: 11px;
+  padding: 6px 0px;
+  margin: 0;
+}
+
+.contacts {
+  border-collapse: collapse;
+  margin: 6px 0px;
+}
+
+.contacts .title, .contacts .contact {
+  border: 1px solid;
+  text-align: left;
+  font-size: 11px;
+  padding: 6px;
+}
+
+/* #region Buttons */
+.buttons {
+  list-style-type: none;
+  padding: 0px;
+  margin: 6px 0px;
+  text-align: center;
+}
+
+.button, .button img {
+  width: 88px;
+  height: 31px;
+  border: 0;
+}
+
+.button {
+  display: inline-block;
+}
+/* #endregion */
+
+/* #region Images */
+.irl {
+  width: 112px;
+  float: right;
+  margin: 6px;
+  border: 0;
+}
+
+.qr {
+  width: 56px;
+  height: 56px;
+  float: right;
+  margin: 6px;
+}
+
+.qr:hover {
+  width: 112px;
+  height: 112px;
+  cursor: none;
+}
+/* #endregion */
+
+.footer {
+  text-align: center;
+  font-size: 9px;
+  margin: 9px;
+}
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
download	website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.tar.gz website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.tar.bz2 website-1ccaed422b8f66a9364a41e40d81ecabf1cb8c44.zip