English translation

This commit is contained in:
Alexander Minkin 2021-08-24 19:57:33 +03:00
parent 3c5210d764
commit eac9a09d37
7 changed files with 701 additions and 257 deletions

4
_data/navigation-en.yml Normal file
View file

@ -0,0 +1,4 @@
- name: Blog (in Russian)
link: https://blog.weryskok.ru
- name: My PC
link: /en/my_pc.html

32
_includes/header-en.html Normal file
View file

@ -0,0 +1,32 @@
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="https://weryskok.ru/en/">WerySkok.ru</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Open menu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
{% for item in site.data.navigation-en %}
<li class="nav-item">
<a href="{{ item.link }}" class="nav-link{% if page.url==item.link %} active{% endif %}" {% if
page.url==item.link %}aria-current="page" {% endif %}>{{ item.name }}</a>
</li>
{% endfor %}
<li class="nav-item">
<a class="nav-link" href="https://t.me/WerySkok"><i class="fab fa-telegram-plane"></i></a>
</li>
</ul>
<span class="navbar-nav dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-globe"></i>&nbsp;English
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="https://weryskok.ru/">Русский</a></li>
<li><a class="dropdown-item active" href="https://weryskok.ru/en/">English</a></li>
</ul>
</li>
</span>
</div>
</div>
</nav>

View file

@ -17,6 +17,16 @@
<a class="nav-link" href="https://t.me/WerySkok"><i class="fab fa-telegram-plane"></i></a>
</li>
</ul>
<span class="navbar-nav dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-globe"></i>&nbsp;Русский
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item active" href="https://weryskok.ru/">Русский</a></li>
<li><a class="dropdown-item" href="https://weryskok.ru/en/">English</a></li>
</ul>
</li>
</span>
</div>
</div>
</nav>

43
_layouts/default-en.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ page.title }}</title>
<script src="https://kit.fontawesome.com/48d163f212.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
main > .container {
padding-top: 60px;
}
</style>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
{% feed_meta %}
{% seo %}
</head>
<body class="d-flex flex-column h-100">
{% include header-en.html %}
<main class="flex-shrink-0">
{{ content }}
</main>
{% include footer.html %}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"></script>
</body>
</html>

284
en/index.html Normal file
View file

@ -0,0 +1,284 @@
---
layout: default-en
title: Main
---
<section class="d-flex align-items-center justify-content-center vh-100">
<!-- it took a lot of tears on this part, pls help -->
<div class="row justify-content-center me-0">
<div class="col-8 col-md-6">
<img src="/assets/images/avatar.jpg" alt="Profile picture that I use on the internet"
class="rounded float-md-end" height="300px">
</div>
<div class="col-8 col-md-6">
<h1 class="display-3">Hello!</h1>
<p>I'm Alexander and this is my site. Here you can find various links to my profiles on various resources.
</p>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Social networks and messengers</h1>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-telegram-plane"></i>&nbsp;Telegram</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://t.me/WerySkok" class="btn btn-outline-primary"><i
class="fab fa-telegram-plane"></i>&nbsp;@WerySkok — personal account</a>
<a href="https://t.me/wschan" class="btn btn-outline-primary"><i
class="fab fa-telegram-plane"></i>&nbsp;@wschan — channel (in Russian)</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-vk"></i>&nbsp;VK</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
class="fab fa-vk"></i>&nbsp;Alexander Minkin</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-twitter"></i>&nbsp;Twitter</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
class="fab fa-twitter"></i>&nbsp;@WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-discord"></i>&nbsp;Discord</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://discord.com/invite/Ta7RjZa" class="btn btn-outline-primary"><i
class="fab fa-discord"></i>&nbsp;My <del>dead</del> server</a>
</div>
<p class="mb-0">My Discord Tag is <mark>WerySkok#0228</mark><br><small>I only add people to my
friends if there are a reason to do so.</small></p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-instagram"></i>&nbsp;Instagram</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://www.instagram.com/wery.skok/" class="btn btn-outline-primary"><i
class="fab fa-instagram"></i>&nbsp;@wery.skok</a>
</div>
<p class="mb-0">I post photos not too often.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-reddit"></i>&nbsp;Reddit</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://www.reddit.com/user/WerySkok" class="btn btn-outline-primary"><i
class="fab fa-reddit"></i>&nbsp;u/WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header"><i class="fab fa-facebook"></i>&nbsp;Facebook</div>
<div class="card-body text-center">
<div class="dropdown">
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown" aria-expanded="false">
Useless
</button>
<div class="dropdown-menu p-4 text-muted" style="max-width: 200px;">
<p>Listen, kiddos, you should really not try to expose this kind of stuff. You're all young,
playful; things are all easy for you. But this is different. This is not some Snowden
thing, nor even intelligence agencies files. You better stay out of this. I mean really,
anyone of you would regret it. Simply drop it, and forget what's been written. Now I
totally understand that this message shall raise additional interest to this, but I want
to warn the most inquisitive of you — STOP. The rest just won't discover it. </p>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Fediverse and decentralized messengers</h1>
<p class="lead"><a href="https://en.wikipedia.org/wiki/Fediverse">What is Fediverse?</a></p>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-mastodon"></i>&nbsp;Mastodon<sup><a
href="https://en.wikipedia.org/wiki/Mastodon_(software)">?</a></sup>
</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://mastodon.ml/@WerySkok" class="btn btn-outline-primary"><i
class="fab fa-mastodon"></i>&nbsp;@WerySkok@mastodon.ml</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;PixelFed</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://fetbuk.ru/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@fetbuk.ru</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Misskey</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://quietplace.xyz/@WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@quietplace.xyz</a>
</div>
<p class="mb-0">Cool Japanese thing.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Smithereen</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://friends.grishka.me/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@friends.grishka.me</a>
</div>
<p class="mb-0">Looks like old VK and is being developed by VK ex-developer.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="far fa-comment"></i>&nbsp;Matrix<sup><a
href="https://ru.wikipedia.org/wiki/Matrix">?</a></sup></div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://matrix.to/#/@weryskok:sibnsk.net" class="btn btn-outline-primary"><i
class="far fa-comment"></i>&nbsp;@weryskok:sibnsk.net</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="far fa-comment"></i>&nbsp;XMPP</div>
<div class="card-body text-center">
<p class="mb-0">My adress is <mark>weryskok@xmpp.jp</mark><br><small>I don't use it often because <a
href="https://dino.im">Dino</a> for Gnome is the only usable client.</small></p>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Wiki-sites</h1>
<p class="lead">I know and love <a href="https://www.mediawiki.org/wiki/MediaWiki">[[mw:MediaWiki]]</a>'s wikitext.
</p>
<div class="row">
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fab fa-wikipedia-w"></i>&nbsp;Russian Wikipedia</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://ru.wikipedia.org/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:Weryskok"
class="btn btn-outline-primary"><i
class="fab fa-wikipedia-w"></i>&nbsp;Участник:Weryskok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Fandom</div>
<div class="card-body text-center">
<p>The evil, for-profit sibling of Wikimedia.
<!-- Took that from https://en.wikipedia.org/wiki/User:K6ka -->
</p>
<div class="btn-group-vertical">
<a href="https://community.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-dot-circle"></i>&nbsp;Russian Community
wiki</a>
<a href="https://virtualyoutuber.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-crown"></i>&nbsp;Russian VTuber Wiki</a>
<a href="https://virtualyoutuber.fandom.com/wiki/User:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-crown"></i>&nbsp;English VTuber Wiki (as a
moderator)</a>
<a href="https://recreators.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary">Russian Re:Creators wiki</a>
<a href="https://minecraft.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary">Russian Minecraft wiki</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Miraheze</div>
<div class="card-body text-center">
<p>The non-evil, non-profit cousin of Wikimedia.</p>
<div class="btn-group-vertical">
<a href="https://meta.miraheze.org/wiki/User:WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;Meta</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Anime-sites</h1>
<p class="lead">I watch anime and <i>Re:Creators</i> is my favourite one.</p>
<div class="row">
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Shikimori</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://shikimori.one/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;MyAnimeList</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://myanimelist.net/profile/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Coub</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://coub.com/weryskok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok</a>
</div>
<p class="mb-0">Mostly anime recoubs that are not AMVs.</p>
</div>
</div>
</div>
</div>
</section>

66
en/my_pc.html Normal file
View file

@ -0,0 +1,66 @@
---
layout: default-en
title: My PC
---
<section class="container mb-5">
<h1 class="display-5 mb-4">My computer</h1>
<p>Well, it just so happens that my computer is a purchased unit from 2013. It was assembled by USN company as part
of IGROMIR series (and yes, in 2013 I was at IGROMIR and after the big crowds and queues I refused to go there
again). Judging by <a href="http://www.dailycomm.ru/m/24594/">this article</a>, the exact model is the USN
IGROMIR V1, although the claimed SSD unit was not
there. The main thing is that this computer is still doing its job well today.
</p>
<p>Of course, the computer in such a long time was updated, first I added a terabyte HDD from the old computer, Then
I
ordered an SSD from AliExpress, and in 2020 I decided to replace the RAM and video card.</p>
<p>The current configuration is:</p>
<table class="table table-hover">
<tbody>
<tr>
<th scope="row">Motherboard</th>
<td>GIGABYTE GA-B75-D3V</td>
</tr>
<tr>
<th scope="row">CPU</th>
<td><a
href="https://ark.intel.com/content/www/us/en/ark/products/65719/intel-core-i7-3770-processor-8m-cache-up-to-3-90-ghz.html">Intel
Core i7-3770</a></td>
</tr>
<tr>
<th scope="row">RAM</th>
<td>16 GB DDR3 (2*8)</td>
</tr>
<tr>
<th scope="row">Video card</th>
<td>GIGABYTE GeForce GTX 1650 SUPER WINDFORCE OC 4G (GV-N165SWF2OC-4GD)</td>
</tr>
<tr>
<th scope="row">Storage</th>
<td>
<ul>
<li>KingDian S370 for <strong>128 GB</strong></li>
<li>Seagate Barracuda ST1000DM003 for <strong>1 TB</strong></li>
<li>Western Digital AV-GP WD10EVDS for <strong>1 TB</strong></li>
</ul>
</td>
</tr>
<tr>
<th scope="row">Operating System</th>
<td>Manjaro Linux <small>(I advice it for everyone)</small> and Windows 10</td>
</tr>
<tr>
<th scope="row">Monitors</th>
<td>
<ul>
<li>ViewSonic VX2452MH with <strong>1920x1080</strong> (16:9) resoluton.</li>
<li>BenQ E910 with <strong>1280x1024</strong> (5:4) resolution</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>I think that if it were not for Microsoft's artificial restrictions, this computer would be able to handle
Windows 11, but since they say it's incompatible, I don't even think there's any point in trying it ¯\_(ツ)_/¯</p>
</section>

View file

@ -3,276 +3,281 @@ layout: default
title: Главная
---
<section class="d-flex align-items-center justify-content-center vh-100">
<!-- на этот блок ушло много слёз, помогите -->
<div class="row justify-content-center me-0">
<div class="col-8 col-md-6">
<img src="/assets/images/avatar.jpg" alt="Аватар, под которым я сижу в интернете" class="rounded float-md-end"
height="300px">
</div>
<div class="col-8 col-md-6">
<h1 class="display-3">Привет!</h1>
<p>Я Александр, и это мой сайт. Здесь собраны ссылки на мои страницы на разных ресурсах.</p>
<!-- на этот блок ушло много слёз, помогите -->
<div class="row justify-content-center me-0">
<div class="col-8 col-md-6">
<img src="/assets/images/avatar.jpg" alt="Аватар, под которым я сижу в интернете"
class="rounded float-md-end" height="300px">
</div>
<div class="col-8 col-md-6">
<h1 class="display-3">Привет!</h1>
<p>Я Александр, и это мой сайт. Здесь собраны ссылки на мои страницы на разных ресурсах.</p>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Социальные сети и мессенджеры</h1>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-telegram-plane"></i>&nbsp;Telegram</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://t.me/WerySkok" class="btn btn-outline-primary"><i
class="fab fa-telegram-plane"></i>&nbsp;@WerySkok — личный аккаунт</a>
<a href="https://t.me/wschan" class="btn btn-outline-primary"><i
class="fab fa-telegram-plane"></i>&nbsp;@wschan — канал</a>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Социальные сети и мессенджеры</h1>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-telegram-plane"></i>&nbsp;Telegram</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://t.me/WerySkok" class="btn btn-outline-primary"><i
class="fab fa-telegram-plane"></i>&nbsp;@WerySkok — личный аккаунт</a>
<a href="https://t.me/wschan" class="btn btn-outline-primary"><i
class="fab fa-telegram-plane"></i>&nbsp;@wschan — канал</a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-vk"></i>&nbsp;ВКонтакте</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
class="fab fa-vk"></i>&nbsp;Александр Минкин</a>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-vk"></i>&nbsp;ВКонтакте</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
class="fab fa-vk"></i>&nbsp;Александр Минкин</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-twitter"></i>&nbsp;Twitter</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
class="fab fa-twitter"></i>&nbsp;@WerySkok</a>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-twitter"></i>&nbsp;Twitter</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
class="fab fa-twitter"></i>&nbsp;@WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-discord"></i>&nbsp;Discord</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://discord.com/invite/Ta7RjZa" class="btn btn-outline-primary"><i
class="fab fa-discord"></i>&nbsp;Мой <del>мёртвый</del> cервер</a>
</div>
<p class="mb-0">Мой ник — <mark>WerySkok#0228</mark><br><small>Добавляю в друзья, если есть
повод.</small></p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-instagram"></i>&nbsp;Instagram</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://www.instagram.com/wery.skok/" class="btn btn-outline-primary"><i
class="fab fa-instagram"></i>&nbsp;@wery.skok</a>
</div>
<p class="mb-0">Нечастые фотки.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-reddit"></i>&nbsp;Reddit</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://www.reddit.com/user/WerySkok" class="btn btn-outline-primary"><i
class="fab fa-reddit"></i>&nbsp;u/WerySkok</a>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-discord"></i>&nbsp;Discord</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://discord.com/invite/Ta7RjZa" class="btn btn-outline-primary"><i
class="fab fa-discord"></i>&nbsp;Мой <del>мёртвый</del> cервер</a>
</div>
<p class="mb-0">Мой ник — <mark>WerySkok#0228</mark><br><small>Добавляю в друзья, если есть
повод.</small></p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-instagram"></i>&nbsp;Instagram</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://www.instagram.com/wery.skok/" class="btn btn-outline-primary"><i
class="fab fa-instagram"></i>&nbsp;@wery.skok</a>
</div>
<p class="mb-0">Нечастые фотки.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-reddit"></i>&nbsp;Reddit</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://www.reddit.com/user/WerySkok" class="btn btn-outline-primary"><i
class="fab fa-reddit"></i>&nbsp;u/WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header"><i class="fab fa-facebook"></i>&nbsp;Facebook</div>
<div class="card-body text-center">
<div class="dropdown">
<button class="btn btn-outline-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
Нинужон
</button>
<div class="dropdown-menu p-4 text-muted" style="max-width: 200px;">
<p>Ребята, не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не
то. Это не Чикатило и даже не архивы спецслужб. Сюда лучше не лезть. Серьезно,
любой из вас будет жалеть. Лучше закройте тему и забудьте, что тут писалось. Я
вполне понимаю, что данным сообщением вызову дополнительный интерес, но хочу
сразу предостеречь пытливых - стоп. Остальные просто не найдут.</p>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Федиверс и децентрализованные мессенджеры</h1>
<p class="lead"><a href="https://ru.wikipedia.org/wiki/Fediverse">Что такое федиверс?</a></p>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-mastodon"></i>&nbsp;Mastodon<sup><a
href="https://ru.wikipedia.org/wiki/Mastodon_(%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%BD%D0%BE%D0%B5_%D0%BE%D0%B1%D0%B5%D1%81%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%B8%D0%B5)">?</a></sup>
</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://mastodon.ml/@WerySkok" class="btn btn-outline-primary"><i
class="fab fa-mastodon"></i>&nbsp;@WerySkok@mastodon.ml</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;PixelFed</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://fetbuk.ru/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@fetbuk.ru</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Misskey</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://quietplace.xyz/@WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@quietplace.xyz</a>
</div>
<p class="mb-0">Прикольная японская дичь.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Smithereen</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://friends.grishka.me/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@friends.grishka.me</a>
</div>
<p class="mb-0">Выглядит, как старое ВКонтакте и разрабатывается его бывшим сотрудником.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="far fa-comment"></i>&nbsp;Matrix<sup><a
href="https://ru.wikipedia.org/wiki/Matrix">?</a></sup></div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://matrix.to/#/@weryskok:sibnsk.net" class="btn btn-outline-primary"><i
class="far fa-comment"></i>&nbsp;@weryskok:sibnsk.net</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="far fa-comment"></i>&nbsp;XMPP</div>
<div class="card-body text-center">
<p class="mb-0">Мой ник — <mark>weryskok@xmpp.jp</mark><br><small>Пользуюсь нечасто, ибо единственный
нормальный клиент — <a href="https://dino.im">Dino</a> под Gnome.</small></p>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Вики-сайты</h1>
<p class="lead">Знаю и люблю язык разметки <a href="https://www.mediawiki.org/wiki/MediaWiki">[[mw:MediaWiki]]</a>.</p>
<div class="row">
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fab fa-wikipedia-w"></i>&nbsp;Википедия</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://ru.wikipedia.org/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:Weryskok"
class="btn btn-outline-primary"><i
class="fab fa-wikipedia-w"></i>&nbsp;Участник:Weryskok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Fandom</div>
<div class="card-body text-center">
<p>Злой коммерческий брат фонда Викимедиа.</p>
<div class="btn-group-vertical">
<a href="https://community.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-dot-circle"></i>&nbsp;Вики
сообщества</a>
<a href="https://virtualyoutuber.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-crown"></i>&nbsp;Вики о
витуберах</a>
<a href="https://recreators.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary">Re:Creators вики</a>
<a href="https://minecraft.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary">Minecraft вики</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Miraheze</div>
<div class="card-body text-center">
<p>Незлой некоммерческий брат фонда Викимедиа.</p>
<div class="btn-group-vertical">
<a href="https://meta.miraheze.org/wiki/User:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-dot-circle"></i>&nbsp;Мета</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-header"><i class="fab fa-facebook"></i>&nbsp;Facebook</div>
<div class="card-body text-center">
<div class="dropdown">
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown" aria-expanded="false">
Нинужон
</button>
<div class="dropdown-menu p-4 text-muted" style="max-width: 200px;">
<p>Ребята, не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не
то. Это не Чикатило и даже не архивы спецслужб. Сюда лучше не лезть. Серьезно,
любой из вас будет жалеть. Лучше закройте тему и забудьте, что тут писалось. Я
вполне понимаю, что данным сообщением вызову дополнительный интерес, но хочу
сразу предостеречь пытливых - стоп. Остальные просто не найдут.</p>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Аниме-сайты</h1>
<p class="lead">Смотрю аниме.</p>
<div class="row">
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Шикимори</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://shikimori.one/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Федиверс и децентрализованные мессенджеры</h1>
<p class="lead"><a href="https://ru.wikipedia.org/wiki/Fediverse">Что такое федиверс?</a></p>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fab fa-mastodon"></i>&nbsp;Mastodon<sup><a
href="https://ru.wikipedia.org/wiki/Mastodon_(%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%BD%D0%BE%D0%B5_%D0%BE%D0%B1%D0%B5%D1%81%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%B8%D0%B5)">?</a></sup>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;MyAnimeList</div>
<div class="card-body text-center">
<p>То же самое, но на английском.</p>
<div class="btn-group-vertical">
<a href="https://myanimelist.net/profile/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Coub</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://coub.com/weryskok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok</a>
</div>
<p class="mb-0">Своего контента немного, зато много репостов мемов про аниме.</p>
</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://mastodon.ml/@WerySkok" class="btn btn-outline-primary"><i
class="fab fa-mastodon"></i>&nbsp;@WerySkok@mastodon.ml</a>
</div>
</div>
</div>
</section>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;PixelFed</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://fetbuk.ru/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@fetbuk.ru</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Misskey</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://quietplace.xyz/@WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@quietplace.xyz</a>
</div>
<p class="mb-0">Прикольная японская дичь.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Smithereen</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://friends.grishka.me/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@friends.grishka.me</a>
</div>
<p class="mb-0">Выглядит, как старое ВКонтакте и разрабатывается его бывшим сотрудником.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="far fa-comment"></i>&nbsp;Matrix<sup><a
href="https://ru.wikipedia.org/wiki/Matrix">?</a></sup></div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://matrix.to/#/@weryskok:sibnsk.net" class="btn btn-outline-primary"><i
class="far fa-comment"></i>&nbsp;@weryskok:sibnsk.net</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="far fa-comment"></i>&nbsp;XMPP</div>
<div class="card-body text-center">
<p class="mb-0">Мой ник — <mark>weryskok@xmpp.jp</mark><br><small>Пользуюсь нечасто, ибо
единственный
нормальный клиент — <a href="https://dino.im">Dino</a> под Gnome.</small></p>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Вики-сайты</h1>
<p class="lead">Знаю и люблю язык разметки <a href="https://www.mediawiki.org/wiki/MediaWiki">[[mw:MediaWiki]]</a>.
</p>
<div class="row">
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fab fa-wikipedia-w"></i>&nbsp;Википедия</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://ru.wikipedia.org/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:Weryskok"
class="btn btn-outline-primary"><i
class="fab fa-wikipedia-w"></i>&nbsp;Участник:Weryskok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Fandom</div>
<div class="card-body text-center">
<p>Злой коммерческий брат фонда Викимедиа.</p>
<div class="btn-group-vertical">
<a href="https://community.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-dot-circle"></i>&nbsp;Вики
сообщества</a>
<a href="https://virtualyoutuber.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-crown"></i>&nbsp;Вики о
витуберах</a>
<a href="https://virtualyoutuber.fandom.com/wiki/User:WerySkok"
class="btn btn-outline-primary"><i class="fas fa-crown"></i>&nbsp;Англоязычная VTuber Wiki
(как модератор)</a>
<a href="https://recreators.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary">Re:Creators вики</a>
<a href="https://minecraft.fandom.com/ru/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:WerySkok"
class="btn btn-outline-primary">Minecraft вики</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Miraheze</div>
<div class="card-body text-center">
<p>Незлой некоммерческий брат фонда Викимедиа.</p>
<div class="btn-group-vertical">
<a href="https://meta.miraheze.org/wiki/User:WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;Мета</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Аниме-сайты</h1>
<p class="lead">Смотрю аниме.</p>
<div class="row">
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Шикимори</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://shikimori.one/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;MyAnimeList</div>
<div class="card-body text-center">
<p>То же самое, но на английском.</p>
<div class="btn-group-vertical">
<a href="https://myanimelist.net/profile/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Coub</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://coub.com/weryskok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok</a>
</div>
<p class="mb-0">Своего контента немного, зато много репостов мемов про аниме.</p>
</div>
</div>
</div>
</div>
</section>