diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 281 |
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"><</a> + </td> + <td align="center"> + <a href="//otor.ing">otoring</a> + </td> + <td align="right" width="11px"> + <a href="//otor.ing/synzr/next">></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> |