Change Shikimori links

Shikimori domain was stolen for some strange reason lmao

.github/workflows/build_and_deploy.yml

@@ -0,0 +1,43 @@
+name: 🚀 Build and deploy website on push
+on:
+  push:
+    branches:
+      - main
+jobs:
+  web-deploy:
+    name: 🎉 Deploy
+    runs-on: ubuntu-latest
+    steps:
+      - name: 🚚 Get latest code
+        uses: actions/checkout@v2
+      - name: 📦 Use cache
+        uses: actions/cache@v2
+        with:
+          path: vendor/bundle
+          key: ${{ runner.os }}-gems-${{ hashFiles('**/Gemfile') }}
+          restore-keys: |
+            ${{ runner.os }}-gems-
+      - name: 🔧 Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+      - name: 🛠️ Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with: 
+          ruby-version: '3.0'
+          bundler-cache: true # runs 'bundle install' and caches installed gems automatically
+      - name: 🏗️ Build website with Jekyll
+        run: JEKYLL_ENV=production bundle exec jekyll build
+      - name: 📂 Sync files
+        uses: SamKirkland/FTP-Deploy-Action@4.3.0
+        with:
+          server: ${{ secrets.FTP_WEB_SERVER }}
+          username: ${{ secrets.FTP_USER_NAME }}
+          password: ${{ secrets.FTP_PASSWORD }}
+          local-dir: ./_site/
+          server-dir: /www/weryskok.ru/
+          exclude: |
+            **/.git*
+            **/.git*/**
+            **/node_modules/**
+            **/files/**

.prettierrc

@@ -0,0 +1,3 @@
+tabWidth: 4
+semi: true
+singleQuote: true

404.html

@@ -1,7 +1,9 @@
 ---
 layout: default
 permalink: /404.html
+title: Ошибка 404
 ---
+
 <section class="d-flex align-items-center justify-content-center vh-100">
     <div>
         <h1 class="display-3">Ошибка 404</h1>

Gemfile.lock

@@ -4,20 +4,20 @@ GEM
     addressable (2.8.0)
       public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.9)
+    concurrent-ruby (1.1.10)
     cssminify2 (2.0.1)
-    em-websocket (0.5.2)
+    em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
+      http_parser.rb (~> 0)
     eventmachine (1.2.7)
     execjs (2.8.1)
-    ffi (1.15.3)
+    ffi (1.15.5)
     forwardable-extended (2.6.0)
     htmlcompressor (0.4.0)
-    http_parser.rb (0.6.0)
+    http_parser.rb (0.8.0)
-    i18n (1.8.10)
+    i18n (1.10.0)
       concurrent-ruby (~> 1.0)
-    jekyll (4.2.0)
+    jekyll (4.2.2)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
@@ -32,7 +32,7 @@ GEM
       rouge (~> 3.0)
       safe_yaml (~> 1.0)
       terminal-table (~> 2.0)
-    jekyll-feed (0.15.1)
+    jekyll-feed (0.16.0)
       jekyll (>= 3.7, < 5.0)
     jekyll-minifier (0.1.10)
       cssminify2 (~> 2.0)
@@ -40,34 +40,34 @@ GEM
       jekyll (>= 3.5)
       json-minify (~> 0.0.3)
       uglifier (~> 4.1)
-    jekyll-sass-converter (2.1.0)
+    jekyll-sass-converter (2.2.0)
       sassc (> 2.0.1, < 3.0)
-    jekyll-seo-tag (2.7.1)
+    jekyll-seo-tag (2.8.0)
       jekyll (>= 3.8, < 5.0)
     jekyll-sitemap (1.4.0)
       jekyll (>= 3.7, < 5.0)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    json (2.5.1)
+    json (2.6.2)
     json-minify (0.0.3)
       json (> 0)
-    kramdown (2.3.1)
+    kramdown (2.4.0)
       rexml
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.3)
-    listen (3.7.0)
+    listen (3.7.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (4.0.6)
+    public_suffix (4.0.7)
-    rb-fsevent (0.11.0)
+    rb-fsevent (0.11.1)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     rexml (3.2.5)
-    rouge (3.26.0)
+    rouge (3.28.0)
     safe_yaml (1.0.5)
     sassc (2.4.0)
       ffi (~> 1.9)
@@ -75,7 +75,7 @@ GEM
       unicode-display_width (~> 1.1, >= 1.1.1)
     uglifier (4.2.0)
       execjs (>= 0.3.0, < 3)
-    unicode-display_width (1.7.0)
+    unicode-display_width (1.8.0)
     webrick (1.7.0)
 
 PLATFORMS
@@ -90,4 +90,4 @@ DEPENDENCIES
   webrick
 
 BUNDLED WITH
-   2.2.26
+   2.3.14

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Alexander Minkin <weryskok@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.MD

@@ -0,0 +1,17 @@
+# WerySkok.ru
+This repo contains source code for [weryskok.ru](https://weryskok.ru).
+
+## What tools are used?
+* [Jekyll](https://jekyllrb.com/) as static site generator
+* [Darkly Bootstrap](https://bootswatch.com/darkly/) for components to build this site
+
+## How to build this site?
+1. Install ``nodejs``, ``ruby`` and ``rubygems``.
+1. ``gem install bundler``.
+1. Add gems dir to path.
+1. ``git clone https://github.com/WerySkok/weryskok.ru.git && cd weryskok.ru``
+1. ``bundle install``
+1. ``JEKYLL_ENV=production bundle exec jekyll build``
+
+## Why not GitHub Pages?
+Am lazy.

_config.yml

@@ -3,3 +3,10 @@ plugins:
   - jekyll-sitemap
   - jekyll-seo-tag
   - jekyll-minifier
+exclude:
+  - README.MD
+  - LICENSE
+
+jekyll-minifier:
+  uglifier_args:
+    harmony: true

_data/navigation-en.yml

@@ -0,0 +1,6 @@
+- name: Blog (in Russian)
+  link: https://blog.weryskok.ru
+- name: My PC
+  link: /en/my_pc.html
+- name: <i class="fab fa-discord"></i>&nbsp;Minecraft-server (in Russian)
+  link: https://discord.com/invite/KCuJ687jqA

_data/navigation.yml

@@ -2,3 +2,5 @@
   link: https://blog.weryskok.ru
 - name: Мой ПК
   link: /my_pc.html
+- name: <i class="fab fa-discord"></i>&nbsp;Minecraft-сервер
+  link: https://discord.com/invite/KCuJ687jqA

_includes/footer.html

@@ -1,11 +1,19 @@
 <footer class="bg-dark text-light py-2 mt-5">
     <div class="container py-2">
         <div class="btn-group float-end">
-            <a class="btn btn-primary" href="https://t.me/werychan"><i class="fab fa-telegram-plane"></i></a>
+            <a class="btn btn-primary" href="https://t.me/werychan"
-            <a class="btn btn-primary" href="https://vk.com/weryskok"><i class="fab fa-vk"></i></a>
+                ><i class="fab fa-telegram-plane"></i
-            <a rel="me" class="btn btn-primary" href="https://mastodon.ml/@WerySkok"><i
+            ></a>
-                    class="fab fa-mastodon"></i></a>
+            <a class="btn btn-primary" href="https://vk.com/weryskok"
+                ><i class="fab fa-vk"></i
+            ></a>
+            <a
+                rel="me"
+                class="btn btn-primary"
+                href="https://mastodon.ml/@WerySkok"
+                ><i class="fab fa-mastodon"></i
+            ></a>
         </div>
-        <p>WerySkok.ru, 2021</p>
+        <p>WerySkok.ru, 2021–2023</p>
     </div>
 </footer>

_includes/header-en.html

@@ -0,0 +1,32 @@
+<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
+    <div class="container">
+        <a class="navbar-brand" href="/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" onclick="usePrefferedLanguage('ru'); return false;" href="/">Русский</a></li>
+                    <li><a class="dropdown-item active" onclick="usePrefferedLanguage('en'); return false;" href="/en/">English</a></li>
+                </ul>
+              </li>
+            </span>
+        </div>
+    </div>
+</nav>

_includes/header.html

@@ -1,6 +1,6 @@
-<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
+<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
     <div class="container">
-        <a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a>
+        <a class="navbar-brand" href="/">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="Открыть меню">
             <span class="navbar-toggler-icon"></span>
@@ -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" onclick="usePrefferedLanguage('ru'); return false;" href="/">Русский</a></li>
+                  <li><a class="dropdown-item" onclick="usePrefferedLanguage('en'); return false;" href="/en/">English</a></li>
+                </ul>
+              </li>
+            </span>
         </div>
     </div>
 </nav>

_layouts/default-en.html

@@ -0,0 +1,63 @@
+<!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
+            rel="stylesheet"
+            href="https://bootswatch.com/5/darkly/bootstrap.min.css"
+            crossorigin="anonymous"
+        />
+        <!-- <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;
+            }
+        </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" />
+        <script src="/assets/scripts/change_language.js"></script>
+        {% 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>

_layouts/default.html

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

about.md

@@ -1,7 +0,0 @@
----
-layout: default
-title: About
----
-# About page
-
-This page tells you a little bit about me.

assets/css/styles.scss

@@ -1,3 +0,0 @@
----
----
-@import "main";

assets/scripts/change_language.js

@@ -0,0 +1,44 @@
+function usePrefferedLanguage(newLang) {
+    function changeLanguageTo(language) {
+        if (document.title.includes('404')) return; // TODO: make an english version of 404
+        if (document.querySelector('html').lang == language) return;
+        switch (language) {
+            case 'en':
+                location.pathname = `/en${location.pathname}`;
+                break;
+
+            case 'ru':
+                location.pathname = location.pathname.replace('/en', '');
+                break;
+
+            default:
+                break;
+        }
+    }
+
+    function browserPrefferedLanguage() {
+        if (
+            navigator.languages.includes('ru') ||
+            navigator.languages.includes('ru-RU')
+        ) {
+            return 'ru';
+        }
+        return 'en';
+    }
+
+    let prefferedLanguage = localStorage.getItem('prefferedLanguage');
+
+    if (newLang) {
+        localStorage.setItem('prefferedLanguage', newLang);
+        prefferedLanguage = localStorage.getItem('prefferedLanguage');
+    }
+
+    if (!prefferedLanguage) {
+        localStorage.setItem('prefferedLanguage', browserPrefferedLanguage());
+        prefferedLanguage = localStorage.getItem('prefferedLanguage');
+    }
+
+    changeLanguageTo(prefferedLanguage);
+}
+
+usePrefferedLanguage();

en/index.html

@@ -0,0 +1,563 @@
+---
+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">
+            <div class="float-md-end">
+                <img
+                    src="/assets/images/dm_photo.jpg"
+                    alt="Photo of an old PC with WerySkok text"
+                    class="figure-img rounded"
+                    style="max-height: 50vmin"
+                />
+                <figcaption class="figure-caption">
+                    Photo shot by
+                    <a href="https://www.youtube.com/c/DanielM"
+                        >Daniel Myslivets</a
+                    >.
+                </figcaption>
+            </div>
+        </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">Minecraft</h1>
+    <p class="lead">Truly legendary game that I often play.</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;Me
+                </div>
+                <div class="card-body text-center">
+                    <p>My nickname is <mark>WerySkok</mark>.<br /></p>
+                    <div class="btn-group-vertical">
+                        <a
+                            href="https://namemc.com/profile/WerySkok.1"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;NameMC
+                            profile</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;How i play
+                </div>
+                <div class="card-body text-center">
+                    <div class="btn-group-vertical">
+                        <a href="https://multimc.org/" class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;MultiMC
+                            Launcher</a
+                        >
+                        <a
+                            href="https://nightly.link/UltimMC/Launcher/workflows/main/develop"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Cracked
+                            MultiMC</a
+                        >
+                        <a
+                            href="https://prismlauncher.org/"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Prism
+                            Launcher (MultiMC but better)</a
+                        >
+                        <a href="https://adoptium.net/" class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Adoptium
+                            OpenJDK (Java)</a
+                        >
+                        <a
+                            href="https://weryskok.ru/files/1.17.1%20Fabric.zip"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;My Vanilla+
+                            modpack for Fabric 1.17.1</a
+                        >
+                        <a
+                            href="https://weryskok.ru/files/1.18.2%20Fabric.zip"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;My Vanilla+
+                            modpack for Fabric 1.18.2</a
+                        >
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 mb-4 mb-md-0">
+            <div class="card">
+                <div class="card-header">
+                    <i class="fa-solid fa-gamepad"></i>&nbsp;My server
+                </div>
+                <div class="card-body text-center">
+                    <p>IP: <mark>weryskok.ru</mark>.<br /></p>
+                    <div class="btn-group-vertical mb-2">
+                        <a
+                            href="https://discord.com/invite/KCuJ687jqA"
+                            class="btn btn-primary"
+                            ><i class="fab fa-discord"></i>&nbsp;Discord
+                            server</a
+                        >
+                    </div>
+                    <p class="mb-0">
+                        My (primarily Russian) «WerySkok's Friends SMP»
+                        on&nbsp;1.18.2. Entry through Discord server.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="container mb-5">
+    <h1 class="display-5 mb-4">OpenVK</h1>
+    <p class="lead">
+        I'm participating in a development of
+        <a href="https://github.com/openvk/openvk">open clone</a> of old VK.
+    </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;OpenVK
+                </div>
+                <div class="card-body text-center">
+                    <div class="btn-group-vertical mb-2">
+                        <a
+                            href="https://openvk.su/weryskok"
+                            class="btn btn-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">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-primary"
+                            ><i class="fab fa-telegram-plane"></i
+                            >&nbsp;@WerySkok — personal account</a
+                        >
+                        <a href="https://t.me/wschan" class="btn btn-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-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-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-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#9962</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-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-primary"
+                            ><i class="fab fa-reddit"></i>&nbsp;u/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="fab fa-github"></i>&nbsp;GitHub
+                </div>
+                <div class="card-body text-center">
+                    <div class="btn-group-vertical">
+                        <a
+                            href="https://github.com/WerySkok"
+                            class="btn btn-primary"
+                            ><i class="fab fa-github"></i>&nbsp;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-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>
+                        </div>
+                    </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-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;Misskey
+                </div>
+                <div class="card-body text-center">
+                    <div class="btn-group-vertical mb-2">
+                        <a
+                            href="https://quietplace.xyz/@WerySkok"
+                            class="btn btn-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-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-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>
+    </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.me/WerySkok"
+                            class="btn btn-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-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-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>
+<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-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-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-primary"
+                            ><i class="fas fa-crown"></i>&nbsp;Russian VTuber
+                            Wiki</a
+                        >
+                        <a
+                            href="https://virtualyoutuber.fandom.com/wiki/User:WerySkok"
+                            class="btn btn-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-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-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-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Meta</a
+                        >
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>

en/my_pc.html

@@ -0,0 +1,185 @@
+---
+layout: default-en
+title: My PCs
+---
+
+<section class="container mb-5">
+    <h1 class="display-5 mb-4">My computers</h1>
+    <h2 class="display-6 mb-4">Laptop</h2>
+    <p>
+        Right now I am using
+        <a
+            href="https://support.hp.com/us-en/document/c08081496"
+            target="_blank"
+            >HP OMEN 16-c0001ur</a
+        >
+        laptop. I didn't try to replace any parts yet but I am planning to
+        increase RAM capacity in the future.
+    </p>
+
+    <p>Laptop configuration is:</p>
+
+    <table class="table table-hover">
+        <tbody>
+            <tr>
+                <th scope="row">CPU</th>
+                <td>
+                    <a
+                        href="https://www.amd.com/en/products/apu/amd-ryzen-7-5800h"
+                        target="_blank"
+                        >AMD Ryzen 7 5800H</a
+                    >
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">RAM</th>
+                <td>
+                    Two DDR4-3200 <strong>8 GB</strong> sticks (<strong
+                        >16 GB</strong
+                    >
+                    in total)
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">GPU</th>
+                <td>
+                    <ul>
+                        <li>Integrated AMD Radeon Graphics</li>
+                        <li>
+                            Discrete NVIDIA GeForce RTX 3070 Laptop GPU with 8
+                            GB GDDR6
+                        </li>
+                    </ul>
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">Storage</th>
+                <td>M.2 NVMe SSD for <strong>1 TB</strong></td>
+            </tr>
+            <tr>
+                <th scope="row">Operating system</th>
+                <td>
+                    Windows 11 and Arch Linux
+                    <small>(sadly, there are issues with discrete GPU)</small>
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">Monitors</th>
+                <td>
+                    <ul>
+                        <li>
+                            Laptop's 16.1" display with 144 Hz refresh rate and
+                            <strong>1920x1080</strong> (16:9) resoluton.
+                        </li>
+                        <li>
+                            External ViewSonic VX2452MH monitor with
+                            <strong>1920x1080</strong> (16:9) resoluton.
+                        </li>
+                    </ul>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+
+    <h2 class="display-6 mb-4">Desktop PC</h2>
+    <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/" target="_blank"
+            >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. In
+        2022, I replaced two 1TB drives with one 2TB drive because the first two
+        were nearing the end of their life. (yet the new one oftenly restarts
+        itself for some reason)
+    </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"
+                        target="_blank"
+                        >Intel Core i7-3770</a
+                    >
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">RAM</th>
+                <td>
+                    2 Patriot PSD38G16002 DDR3 <strong>8 GB</strong> sticks
+                    (<strong>16 GB</strong> in total)
+                </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>
+                            Western Digital Blue WD20EZBX for
+                            <strong>2 TB</strong>
+                        </li>
+                        <del>
+                            <li>
+                                Seagate Barracuda ST1000DM003 for
+                                <strong>1 TB</strong>
+                            </li>
+                        </del>
+                        <del>
+                            <li>
+                                Western Digital AV-GP WD10EVDS for
+                                <strong>1 TB</strong>
+                            </li>
+                        </del>
+                    </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>
+</section>

index.html

@@ -2,16 +2,150 @@
 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"
+            <div class="float-md-end">
-                        height="300px">
+                <img
+                    src="/assets/images/dm_photo.jpg"
+                    alt="Фотография старого компьютера с текстом WerySkok"
+                    class="figure-img rounded"
+                    style="max-height: 50vmin"
+                />
+                <figcaption class="figure-caption">
+                    Фотография сделана
+                    <a href="https://www.youtube.com/c/DanielM"
+                        >Daniel Myslivets</a
+                    >.
+                </figcaption>
+            </div>
         </div>
         <div class="col-8 col-md-6">
             <h1 class="display-3">Привет!</h1>
-                    <p>Я Александр, и это мой сайт. Здесь собраны ссылки на мои страницы на разных ресурсах.</p>
+            <p>
+                Я Александр, и это мой сайт. Здесь собраны ссылки на мои
+                страницы на разных ресурсах.
+            </p>
+        </div>
+    </div>
+</section>
+<section class="container mb-5">
+    <h1 class="display-5 mb-4">Minecraft</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">
+                    <p>Мой ник — <mark>WerySkok</mark>.<br /></p>
+                    <div class="btn-group-vertical">
+                        <a
+                            href="https://ru.namemc.com/profile/WerySkok.1"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Профиль на
+                            NameMC</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;Как я играю
+                </div>
+                <div class="card-body text-center">
+                    <div class="btn-group-vertical">
+                        <a href="https://multimc.org/" class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Лаунчер
+                            MultiMC</a
+                        >
+                        <a
+                            href="https://nightly.link/UltimMC/Launcher/workflows/main/develop"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Версия
+                            MultiMC для пиратов</a
+                        >
+                        <a
+                            href="https://prismlauncher.org/"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Prism
+                            Launcher (MultiMC с плюшками)</a
+                        >
+                        <a href="https://adoptium.net/" class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Adoptium
+                            OpenJDK (Java)</a
+                        >
+                        <a
+                            href="https://weryskok.ru/files/1.17.1%20Fabric.zip"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Моя сборка
+                            Vanilla+ на Fabric 1.17.1</a
+                        >
+                        <a
+                            href="https://weryskok.ru/files/1.18.2%20Fabric.zip"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Моя сборка
+                            Vanilla+ на Fabric 1.18.2</a
+                        >
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 mb-4 mb-md-0">
+            <div class="card">
+                <div class="card-header">
+                    <i class="fa-solid fa-gamepad"></i>&nbsp;Мой сервер
+                </div>
+                <div class="card-body text-center">
+                    <p>IP — <mark>weryskok.ru</mark>.<br /></p>
+                    <div class="btn-group-vertical mb-2">
+                        <a
+                            href="https://discord.com/invite/KCuJ687jqA"
+                            class="btn btn-primary"
+                            ><i class="fab fa-discord"></i
+                            >&nbsp;Discord-сервер</a
+                        >
+                    </div>
+                    <p class="mb-0">
+                        Ванильный «Сервер Друзей Сани» на&nbsp;1.18.2. Вход
+                        через Discord-сервер.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="container mb-5">
+    <h1 class="display-5 mb-4">OpenVK</h1>
+    <p class="lead">
+        Участвую в развитии
+        <a href="https://github.com/openvk/openvk">открытого клона</a> старого
+        ВК и являюсь комьюнити-менеджером там.
+    </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;OpenVK
+                </div>
+                <div class="card-body text-center">
+                    <div class="btn-group-vertical">
+                        <a
+                            href="https://openvk.su/weryskok"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i
+                            >&nbsp;アレキサンダー ミンキン</a
+                        >
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </section>
@@ -20,59 +154,89 @@ title: Главная
     <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-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
+                        <a href="https://t.me/WerySkok" class="btn btn-primary"
-                                        class="fab fa-telegram-plane"></i>&nbsp;@WerySkok — личный аккаунт</a>
+                            ><i class="fab fa-telegram-plane"></i
-                                <a href="https://t.me/wschan" class="btn btn-outline-primary"><i
+                            >&nbsp;@WerySkok — личный аккаунт</a
-                                        class="fab fa-telegram-plane"></i>&nbsp;@wschan — канал</a>
+                        >
+                        <a href="https://t.me/wschan" class="btn btn-primary"
+                            ><i class="fab fa-telegram-plane"></i>&nbsp;@wschan
+                            — канал</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;ВКонтакте</div>
+                <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
+                        <a
-                                        class="fab fa-vk"></i>&nbsp;Александр Минкин</a>
+                            href="https://vk.com/weryskok"
+                            class="btn btn-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-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
+                        <a
-                                        class="fab fa-twitter"></i>&nbsp;@WerySkok</a>
+                            href="https://vk.com/weryskok"
+                            class="btn btn-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-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
+                        <a
-                                        class="fab fa-discord"></i>&nbsp;Мой <del>мёртвый</del> cервер</a>
+                            href="https://discord.com/invite/Ta7RjZa"
+                            class="btn btn-primary"
+                            ><i class="fab fa-discord"></i>&nbsp;Мой
+                            <del>мёртвый</del> cервер</a
+                        >
                     </div>
-                            <p class="mb-0">Мой ник — <mark>WerySkok#0228</mark><br><small>Добавляю в друзья, если есть
+                    <p class="mb-0">
-                                    повод.</small></p>
+                        Мой ник — <mark>WerySkok#9962</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-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
+                        <a
-                                        class="fab fa-instagram"></i>&nbsp;@wery.skok</a>
+                            href="https://www.instagram.com/wery.skok/"
+                            class="btn btn-primary"
+                            ><i class="fab fa-instagram"></i>&nbsp;@wery.skok</a
+                        >
                     </div>
                     <p class="mb-0">Нечастые фотки.</p>
                 </div>
@@ -80,31 +244,68 @@ title: Главная
         </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-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
+                        <a
-                                        class="fab fa-reddit"></i>&nbsp;u/WerySkok</a>
+                            href="https://www.reddit.com/user/WerySkok"
+                            class="btn btn-primary"
+                            ><i class="fab fa-reddit"></i>&nbsp;u/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="fab fa-github"></i>&nbsp;GitHub
+                </div>
+                <div class="card-body text-center">
+                    <div class="btn-group-vertical">
+                        <a
+                            href="https://github.com/WerySkok"
+                            class="btn btn-primary"
+                            ><i class="fab fa-github"></i>&nbsp;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-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"
+                        <button
-                                    id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
+                            class="btn btn-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;">
+                        <div
-                                    <p>Ребята, не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не
+                            class="dropdown-menu p-4 text-muted"
-                                        то. Это не Чикатило и даже не архивы спецслужб. Сюда лучше не лезть. Серьезно,
+                            style="max-width: 200px"
-                                        любой из вас будет жалеть. Лучше закройте тему и забудьте, что тут писалось. Я
+                        >
-                                        вполне понимаю, что данным сообщением вызову дополнительный интерес, но хочу
+                            <p>
-                                        сразу предостеречь пытливых - стоп. Остальные просто не найдут.</p>
+                                Ребята, не стоит вскрывать эту тему. Вы молодые,
-                                    </ul>
+                                шутливые, вам все легко. Это не то. Это не
+                                Чикатило и даже не архивы спецслужб. Сюда лучше
+                                не лезть. Серьезно, любой из вас будет жалеть.
+                                Лучше закройте тему и забудьте, что тут
+                                писалось. Я вполне понимаю, что данным
+                                сообщением вызову дополнительный интерес, но
+                                хочу сразу предостеречь пытливых - стоп.
+                                Остальные просто не найдут.
+                            </p>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -113,39 +314,47 @@ title: Главная
 </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>
+    <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
+                <div class="card-header">
-                                    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>
+                    <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
+                        <a
-                                        class="fab fa-mastodon"></i>&nbsp;@WerySkok@mastodon.ml</a>
+                            href="https://mastodon.ml/@WerySkok"
+                            class="btn btn-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-header">
-                        <div class="card-body text-center">
+                    <i class="fas fa-dot-circle"></i>&nbsp;Misskey
-                            <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
+                        <a
-                                        class="fas fa-dot-circle"></i>&nbsp;@WerySkok@quietplace.xyz</a>
+                            href="https://quietplace.xyz/@WerySkok"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i
+                            >&nbsp;@WerySkok@quietplace.xyz</a
+                        >
                     </div>
                     <p class="mb-0">Прикольная японская дичь.</p>
                 </div>
@@ -153,83 +362,59 @@ title: Главная
         </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-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
+                        <a
-                                        class="fas fa-dot-circle"></i>&nbsp;@WerySkok@friends.grishka.me</a>
+                            href="https://friends.grishka.me/WerySkok"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i
+                            >&nbsp;@WerySkok@friends.grishka.me</a
+                        >
                     </div>
-                            <p class="mb-0">Выглядит, как старое ВКонтакте и разрабатывается его бывшим сотрудником.</p>
+                    <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
+                <div class="card-header">
-                                    href="https://ru.wikipedia.org/wiki/Matrix">?</a></sup></div>
+                    <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
+                        <a
-                                        class="far fa-comment"></i>&nbsp;@weryskok:sibnsk.net</a>
+                            href="https://matrix.to/#/@weryskok:sibnsk.net"
+                            class="btn btn-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-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>Пользуюсь нечасто, ибо единственный
+                    <p class="mb-0">
-                                    нормальный клиент — <a href="https://dino.im">Dino</a> под Gnome.</small></p>
+                        Мой ник — <mark>weryskok@xmpp.jp</mark><br /><small
-                        </div>
+                            >Пользуюсь нечасто, ибо единственный нормальный
-                    </div>
+                            клиент — <a href="https://dino.im">Dino</a> под
-                </div>
+                            Gnome.</small
-        </section>
+                        >
-        <section class="container mb-5">
+                    </p>
-            <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>
@@ -237,40 +422,145 @@ title: Главная
 </section>
 <section class="container mb-5">
     <h1 class="display-5 mb-4">Аниме-сайты</h1>
-            <p class="lead">Смотрю аниме.</p>
+    <p class="lead">
+        Смотрю аниме.
+        <a href="https://shikimori.me/animes/34561-re-creators">Re:Creators</a>
+        — моё любимое.
+    </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-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
+                        <a
-                                        class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
+                            href="https://shikimori.me/WerySkok"
+                            class="btn btn-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-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
+                        <a
-                                        class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
+                            href="https://myanimelist.net/profile/WerySkok"
+                            class="btn btn-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-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
+                        <a
-                                        class="fas fa-dot-circle"></i>&nbsp;@WerySkok</a>
+                            href="https://coub.com/weryskok"
+                            class="btn btn-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;@WerySkok</a
+                        >
+                    </div>
+                    <p class="mb-0">
+                        Своего контента немного, зато много репостов мемов про
+                        аниме.
+                    </p>
+                </div>
+            </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-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-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-primary"
+                            ><i class="fas fa-crown"></i>&nbsp;Вики о
+                            витуберах</a
+                        >
+                        <a
+                            href="https://virtualyoutuber.fandom.com/wiki/User:WerySkok"
+                            class="btn btn-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-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-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-primary"
+                            ><i class="fas fa-dot-circle"></i>&nbsp;Мета-вики</a
+                        >
                     </div>
-                            <p class="mb-0">Своего контента немного, зато много репостов мемов про аниме.</p>
                 </div>
             </div>
         </div>

my_pc.html

@@ -1,17 +1,106 @@
 ---
 layout: default
-title: Мой ПК
+title: Мои ПК
 ---
+
 <section class="container mb-5">
-    <h1 class="display-5 mb-4">Мой компьютер</h1>
+    <h1 class="display-5 mb-4">Мои компьютеры</h1>
-    <p>Так сложилось, что мой компьютер — покупной блок аж из 2013 года. Он собран компанией USN в линейке
+    <h2 class="display-6 mb-4">Ноутбук</h2>
-        IGROMIR (и да, в 2013-м я был на Игромире и после большой толпы и очередей зарёкся туда ходить). Судя по
+    <p>
-        <a href="http://www.dailycomm.ru/m/24594/">данной статье</a>, точная модель — USN IGROMIR V1, хотя
+        В настоящее время я пользуюсь ноутбуком
-        заявленного SSD-шника там не было. Главное, что данный компьютер и сегодня хорошо справляется со своими
+        <a
-        задачами.
+            href="https://support.hp.com/us-en/document/c08081496"
+            target="_blank"
+            >HP OMEN 16-c0001ur</a
+        >, купленным за 140 тысяч рублей. Пока я внутрь него не залезал, но
+        планирую увеличить объём ОЗУ в будущем.
+    </p>
+
+    <p>Конфигурация ноутбука следующая:</p>
+
+    <table class="table table-hover">
+        <tbody>
+            <tr>
+                <th scope="row">Процессор</th>
+                <td>
+                    <a
+                        href="https://www.amd.com/ru/products/apu/amd-ryzen-7-5800h"
+                        target="_blank"
+                        >AMD Ryzen 7 5800H</a
+                    >
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">Оперативная память</th>
+                <td>
+                    2 плашки памяти DDR4-3200 по
+                    <strong>8 ГБ</strong> (всего <strong>16 ГБ</strong>)
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">Видеокарта</th>
+                <td>
+                    <ul>
+                        <li>Встроенная AMD Radeon Graphics</li>
+                        <li>
+                            Дискретная NVIDIA GeForce RTX 3070 для ноутбуков с 8
+                            ГБ видеопамяти GDDR6
+                        </li>
+                    </ul>
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">Постоянное хранилище</th>
+                <td>M.2 NVMe-накопитель на <strong>1 ТБ</strong></td>
+            </tr>
+            <tr>
+                <th scope="row">ОС</th>
+                <td>
+                    Windows 11 и Arch Linux
+                    <small>(увы, есть проблемы с дискретной видеокартой)</small>
+                </td>
+            </tr>
+            <tr>
+                <th scope="row">Мониторы</th>
+                <td>
+                    <ul>
+                        <li>
+                            Экран ноутбука диагональю 16,1 дюймов с частотой 144
+                            Гц и разрешением <strong>1920x1080</strong> (16:9)
+                        </li>
+                        <li>
+                            Внешний монитор ViewSonic VX2452MH c разрешением
+                            <strong>1920x1080</strong> (16:9)
+                        </li>
+                    </ul>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+
+    <h2 class="display-6 mb-4">Компьютер</h2>
+    <p>
+        Так сложилось, что мой компьютер — покупной блок аж из 2013 года. Он
+        собран компанией USN в линейке IGROMIR (и да, в 2013-м я был на Игромире
+        и после большой толпы и очередей зарёкся туда ходить). Судя по
+        <a href="http://www.dailycomm.ru/m/24594/" target="_blank"
+            >данной статье</a
+        >, точная модель — USN IGROMIR V1, хотя заявленного SSD-шника там не
+        было. Главное, что данный компьютер и сегодня хорошо справляется со
+        своими задачами.
+    </p>
+    <p>
+        Естественно, компьютер за такой долгий срок обновлялся, сначала я
+        добавил терабайтник от старого компа, потом заказал SSD с алика, а в
+        2020-м я решился на замену ОЗУ и видеокарты. В 2022 я заменил два диска
+        по 1 ТБ на один диск на 2 ТБ, так как у первых двух срок службы подходил
+        к концу. (только новый почему-то постоянно останавлиется и заново
+        раскручивается...)
+    </p>
+    <p>
+        В настоящее время компьютер мало используется в связи с появлением
+        ноутбука.
     </p>
-    <p>Естественно, компьютер за такой долгий срок обновлялся, сначала я добавил терабайтник от старого компа,
-        потом заказал SSD с алика, а в 2020-м я решился на замену ОЗУ и видеокарты.</p>
 
     <p>Сегодняшняя конфигурация следующая:</p>
 
@@ -19,23 +108,40 @@ title: Мой ПК
         <tbody>
             <tr>
                 <th scope="row">Материнская плата</th>
-                <td><a href="https://www.gigabyte.ru/products/page/mb/ga-b75-d3vrev_11">GIGABYTE GA-B75-D3V</a>
+                <td>
+                    <a
+                        href="https://www.gigabyte.ru/products/page/mb/ga-b75-d3vrev_11"
+                        target="_blank"
+                        >GIGABYTE GA-B75-D3V</a
+                    >
                 </td>
             </tr>
             <tr>
                 <th scope="row">Процессор</th>
-                <td><a
+                <td>
-                        href="https://ark.intel.com/content/www/ru/ru/ark/products/65719/intel-core-i7-3770-processor-8m-cache-up-to-3-90-ghz.html">Intel
+                    <a
-                        Core i7-3770</a></td>
+                        href="https://ark.intel.com/content/www/ru/ru/ark/products/65719/intel-core-i7-3770-processor-8m-cache-up-to-3-90-ghz.html"
+                        target="_blank"
+                        >Intel Core i7-3770</a
+                    >
+                </td>
             </tr>
             <tr>
                 <th scope="row">Оперативная память</th>
-                <td>16 гигабайт DDR3 (2*8)</td>
+                <td>
+                    2 плашки памяти Patriot PSD38G16002 DDR3 по
+                    <strong>8 ГБ</strong> (всего <strong>16 ГБ</strong>)
+                </td>
             </tr>
             <tr>
                 <th scope="row">Видеокарта</th>
-                <td>GIGABYTE GeForce GTX 1650 SUPER WINDFORCE OC 4G <a
+                <td>
-                        href="https://www.gigabyte.com/ru/Graphics-Card/GV-N165SWF2OC-4GD">[GV-N165SWF2OC-4GD]</a>
+                    GIGABYTE GeForce GTX 1650 SUPER WINDFORCE OC 4G
+                    <a
+                        href="https://www.gigabyte.com/ru/Graphics-Card/GV-N165SWF2OC-4GD"
+                        target="_blank"
+                        >[GV-N165SWF2OC-4GD]</a
+                    >
                 </td>
             </tr>
             <tr>
@@ -43,27 +149,46 @@ title: Мой ПК
                 <td>
                     <ul>
                         <li>KingDian S370 на <strong>128 ГБ</strong></li>
-                        <li>Seagate Barracuda ST1000DM003 на <strong>1 ТБ</strong></li>
+                        <li>
-                        <li>Western Digital AV-GP WD10EVDS на <strong>1 ТБ</strong></li>
+                            Western Digital Blue WD20EZBX на
+                            <strong>2 ТБ</strong>
+                        </li>
+                        <del>
+                            <li>
+                                Seagate Barracuda ST1000DM003 на
+                                <strong>1 ТБ</strong>
+                            </li>
+                        </del>
+                        <del>
+                            <li>
+                                Western Digital AV-GP WD10EVDS на
+                                <strong>1 ТБ</strong>
+                            </li>
+                        </del>
                     </ul>
                 </td>
             </tr>
             <tr>
                 <th scope="row">ОС</th>
-                <td>Manjaro Linux <small>(всем советую)</small> и Windows 10</td>
+                <td>
+                    Manjaro Linux <small>(всем советую)</small> и Windows 10
+                </td>
             </tr>
             <tr>
                 <th scope="row">Мониторы</th>
                 <td>
                     <ul>
-                        <li>ViewSonic VX2452MH c разрешением <strong>1920x1080</strong> (16:9)</li>
+                        <li>
-                        <li>BenQ E910 c разрешением <strong>1280x1024</strong> (5:4)</li>
+                            ViewSonic VX2452MH c разрешением
+                            <strong>1920x1080</strong> (16:9)
+                        </li>
+                        <li>
+                            BenQ E910 c разрешением
+                            <strong>1280x1024</strong> (5:4)
+                        </li>
                     </ul>
                 </td>
             </tr>
         </tbody>
-
     </table>
-    <p>Думаю, что если бы не искусственные ограничения Microsoft, данный компьютер потянул бы и Windows 11,
-        но раз они заявляют его несовместимым, то я не вижу смысла и пробовать ¯\_(ツ)_/¯</p>
 </section>