WerySkok/weryskok.ru
1
0
Fork 0
mirror of https://github.com/WerySkok/weryskok.ru.git synced 2025-06-25 10:55:48 +03:00
Code Issues Projects Releases Packages Wiki Activity

Make site use jekyll (and minor fixes)

Browse source
This commit is contained in:
Alexander Minkin 2021-08-24 00:10:49 +03:00
parent 5d8328fb89
commit 2a52ecedec
15 changed files with 566 additions and 555 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
.gitignore vendored
View file

@ -1,4 +1,9 @@
minified/* # Ignore metadata generated by Jekyll
index.min.html _site/
404.min.html .sass-cache/
my_pc.min.html .jekyll-cache/
.jekyll-metadata
# Ignore folders generated by Bundler
.bundle/
vendor/

85
404.html
View file

@ -1,75 +1,10 @@
<!DOCTYPE html> ---
<html lang="ru"> layout: default
permalink: /404.html
<head> ---
<meta charset="UTF-8"> <section class="d-flex align-items-center justify-content-center vh-100">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <div>
<title>404 — WerySkok.ru</title> <h1 class="display-3">Ошибка 404</h1>
<script src="https://kit.fontawesome.com/48d163f212.js" crossorigin="anonymous"></script> <p>Здесь ничего нет, зря ищешь.</p>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" </div>
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> </section>
<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">
</head>
<body class="d-flex flex-column h-100">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="https://weryskok.ru">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>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://blog.weryskok.ru">Блог</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/my_pc.html">Мой ПК</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://t.me/WerySkok"><i class="fab fa-telegram-plane"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<main class="flex-shrink-0">
<section class="d-flex align-items-center justify-content-center vh-100">
<div>
<h1 class="display-3">Ошибка 404</h1>
<p>Здесь ничего нет, зря ищешь.</p>
</div>
</section>
</main>
<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://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>
</div>
</footer>
<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>

15
Gemfile Normal file
View file

@ -0,0 +1,15 @@
# frozen_string_literal: true
source "https://rubygems.org"
git_source(:github) { |repo_name| "https://github.com/#{repo_name}" }
gem "jekyll"
gem "webrick"
group :jekyll_plugins do
gem 'jekyll-sitemap'
gem 'jekyll-feed'
gem 'jekyll-seo-tag'
gem 'jekyll-minifier'
end

93
Gemfile.lock Normal file
View file

@ -0,0 +1,93 @@
GEM
remote: https://rubygems.org/
specs:
addressable (2.8.0)
public_suffix (>= 2.0.2, < 5.0)
colorator (1.1.0)
concurrent-ruby (1.1.9)
cssminify2 (2.0.1)
em-websocket (0.5.2)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0.6.0)
eventmachine (1.2.7)
execjs (2.8.1)
ffi (1.15.3)
forwardable-extended (2.6.0)
htmlcompressor (0.4.0)
http_parser.rb (0.6.0)
i18n (1.8.10)
concurrent-ruby (~> 1.0)
jekyll (4.2.0)
addressable (~> 2.4)
colorator (~> 1.0)
em-websocket (~> 0.5)
i18n (~> 1.0)
jekyll-sass-converter (~> 2.0)
jekyll-watch (~> 2.0)
kramdown (~> 2.3)
kramdown-parser-gfm (~> 1.0)
liquid (~> 4.0)
mercenary (~> 0.4.0)
pathutil (~> 0.9)
rouge (~> 3.0)
safe_yaml (~> 1.0)
terminal-table (~> 2.0)
jekyll-feed (0.15.1)
jekyll (>= 3.7, < 5.0)
jekyll-minifier (0.1.10)
cssminify2 (~> 2.0)
htmlcompressor (~> 0.4)
jekyll (>= 3.5)
json-minify (~> 0.0.3)
uglifier (~> 4.1)
jekyll-sass-converter (2.1.0)
sassc (> 2.0.1, < 3.0)
jekyll-seo-tag (2.7.1)
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-minify (0.0.3)
json (> 0)
kramdown (2.3.1)
rexml
kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0)
liquid (4.0.3)
listen (3.7.0)
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)
rb-fsevent (0.11.0)
rb-inotify (0.10.1)
ffi (~> 1.0)
rexml (3.2.5)
rouge (3.26.0)
safe_yaml (1.0.5)
sassc (2.4.0)
ffi (~> 1.9)
terminal-table (2.0.0)
unicode-display_width (~> 1.1, >= 1.1.1)
uglifier (4.2.0)
execjs (>= 0.3.0, < 3)
unicode-display_width (1.7.0)
webrick (1.7.0)
PLATFORMS
x86_64-linux
DEPENDENCIES
jekyll
jekyll-feed
jekyll-minifier
jekyll-seo-tag
jekyll-sitemap
webrick
BUNDLED WITH
2.2.26

5
_config.yml Normal file
View file

@ -0,0 +1,5 @@
plugins:
- jekyll-feed
- jekyll-sitemap
- jekyll-seo-tag
- jekyll-minifier

4
_data/navigation.yml Normal file
View file

@ -0,0 +1,4 @@
- name: Блог
link: https://blog.weryskok.ru
- name: Мой ПК
link: /my_pc.html

11
_includes/footer.html Normal file
View file

@ -0,0 +1,11 @@
<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://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>
</div>
</footer>

22
_includes/header.html Normal file
View file

@ -0,0 +1,22 @@
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="https://weryskok.ru">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>
</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 %}
<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>
</div>
</div>
</nav>

43
_layouts/default.html Normal file
View file

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

0
_sass/main.scss Normal file
View file

7
about.md Normal file
View file

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

3
assets/css/styles.scss Normal file
View file

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

0
imgs/avatar.jpg → assets/images/avatar.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 97 KiB

621
index.html
View file

@ -1,343 +1,278 @@
<!DOCTYPE html> ---
<html lang="ru"> layout: default
title: Главная
<head> ---
<meta charset="UTF-8"> <section class="d-flex align-items-center justify-content-center vh-100">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- на этот блок ушло много слёз, помогите -->
<title>Главная — WerySkok.ru</title> <div class="row justify-content-center me-0">
<script src="https://kit.fontawesome.com/48d163f212.js" crossorigin="anonymous"></script> <div class="col-8 col-md-6">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" <img src="/assets/images/avatar.jpg" alt="Аватар, под которым я сижу в интернете" class="rounded float-md-end"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> height="300px">
<link rel="preconnect" href="https://fonts.gstatic.com"> </div>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"> <div class="col-8 col-md-6">
<style> <h1 class="display-3">Привет!</h1>
body { <p>Я Александр, и это мой сайт. Здесь собраны ссылки на мои страницы на разных ресурсах.</p>
font-family: 'Inter', sans-serif; </div>
} </div>
</style> </section>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <section class="container mb-5">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <h1 class="display-5 mb-4">Социальные сети и мессенджеры</h1>
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <div class="row">
<link rel="manifest" href="/site.webmanifest"> <div class="col-md-4 mb-4">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <div class="card">
<meta name="msapplication-TileColor" content="#2d89ef"> <div class="card-header"><i class="fab fa-telegram-plane"></i>&nbsp;Telegram</div>
<meta name="theme-color" content="#ffffff"> <div class="card-body text-center">
</head> <div class="btn-group-vertical">
<a href="https://t.me/WerySkok" class="btn btn-outline-primary"><i
<body class="d-flex flex-column h-100"> class="fab fa-telegram-plane"></i>&nbsp;@WerySkok — личный аккаунт</a>
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light"> <a href="https://t.me/wschan" class="btn btn-outline-primary"><i
<div class="container"> class="fab fa-telegram-plane"></i>&nbsp;@wschan — канал</a>
<a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a> </div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" </div>
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" </div>
aria-label="Открыть меню"> </div>
<span class="navbar-toggler-icon"></span> <div class="col-md-4 mb-4">
</button> <div class="card">
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="card-header"><i class="fab fa-vk"></i>&nbsp;ВКонтакте</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <div class="card-body text-center">
<li class="nav-item"> <div class="btn-group-vertical">
<a class="nav-link" href="https://blog.weryskok.ru">Блог</a> <a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
</li> class="fab fa-vk"></i>&nbsp;Александр Минкин</a>
<li class="nav-item"> </div>
<a class="nav-link" href="/my_pc.html">Мой ПК</a> </div>
</li> </div>
<li class="nav-item"> </div>
<a class="nav-link" href="https://t.me/WerySkok"><i class="fab fa-telegram-plane"></i></a> <div class="col-md-4 mb-4">
</li> <div class="card">
</ul> <div class="card-header"><i class="fab fa-twitter"></i>&nbsp;Twitter</div>
</div> <div class="card-body text-center">
</div> <div class="btn-group-vertical">
</nav> <a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i
<main class="flex-shrink-0"> class="fab fa-twitter"></i>&nbsp;@WerySkok</a>
<section class="d-flex align-items-center justify-content-center vh-100"> </div>
<!-- на этот блок ушло много слёз, помогите --> </div>
<div class="row justify-content-center me-0"> </div>
<div class="col-8 col-md-6"> </div>
<img src="imgs/avatar.jpg" alt="Аватар, под которым я сижу в интернете" class="rounded float-md-end" <div class="col-md-4 mb-4">
height="300px"> <div class="card">
</div> <div class="card-header"><i class="fab fa-discord"></i>&nbsp;Discord</div>
<div class="col-8 col-md-6"> <div class="card-body text-center">
<h1 class="display-3">Привет!</h1> <div class="btn-group-vertical mb-2">
<p>Я Александр, и это мой сайт. Здесь собраны ссылки на мои страницы на разных ресурсах.</p> <a href="https://discord.com/invite/Ta7RjZa" class="btn btn-outline-primary"><i
</div> class="fab fa-discord"></i>&nbsp;Мой <del>мёртвый</del> cервер</a>
</div> </div>
</section> <p class="mb-0">Мой ник — <mark>WerySkok#0228</mark><br><small>Добавляю в друзья, если есть
<section class="container mb-5"> повод.</small></p>
<h1 class="display-5 mb-4">Социальные сети и мессенджеры</h1> </div>
<div class="row"> </div>
<div class="col-md-4 mb-4"> </div>
<div class="card"> <div class="col-md-4 mb-4">
<div class="card-header"><i class="fab fa-telegram-plane"></i>&nbsp;Telegram</div> <div class="card">
<div class="card-body text-center"> <div class="card-header"><i class="fab fa-instagram"></i>&nbsp;Instagram</div>
<div class="btn-group-vertical"> <div class="card-body text-center">
<a href="https://t.me/WerySkok" class="btn btn-outline-primary"><i <div class="btn-group-vertical mb-2">
class="fab fa-telegram-plane"></i>&nbsp;@WerySkok — личный аккаунт</a> <a href="https://www.instagram.com/wery.skok/" class="btn btn-outline-primary"><i
<a href="https://t.me/wschan" class="btn btn-outline-primary"><i class="fab fa-instagram"></i>&nbsp;@wery.skok</a>
class="fab fa-telegram-plane"></i>&nbsp;@wschan — канал</a> </div>
</div> <p class="mb-0">Нечастые фотки.</p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4 mb-4"> <div class="col-md-4 mb-4">
<div class="card"> <div class="card">
<div class="card-header"><i class="fab fa-vk"></i>&nbsp;ВКонтакте</div> <div class="card-header"><i class="fab fa-reddit"></i>&nbsp;Reddit</div>
<div class="card-body text-center"> <div class="card-body text-center">
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i <a href="https://www.reddit.com/user/WerySkok" class="btn btn-outline-primary"><i
class="fab fa-vk"></i>&nbsp;Александр Минкин</a> class="fab fa-reddit"></i>&nbsp;u/WerySkok</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4 mb-4"> <div class="col-md-4">
<div class="card"> <div class="card">
<div class="card-header"><i class="fab fa-twitter"></i>&nbsp;Twitter</div> <div class="card-header"><i class="fab fa-facebook"></i>&nbsp;Facebook</div>
<div class="card-body text-center"> <div class="card-body text-center">
<div class="btn-group-vertical"> <div class="dropdown">
<a href="https://vk.com/weryskok" class="btn btn-outline-primary"><i <button class="btn btn-outline-secondary dropdown-toggle" type="button"
class="fab fa-twitter"></i>&nbsp;@WerySkok</a> id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
</div> Нинужон
</div> </button>
</div> <div class="dropdown-menu p-4 text-muted" style="max-width: 200px;">
</div> <p>Ребята, не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не
<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"> сразу предостеречь пытливых - стоп. Остальные просто не найдут.</p>
<div class="btn-group-vertical mb-2"> </ul>
<a href="https://discord.com/invite/Ta7RjZa" class="btn btn-outline-primary"><i </div>
class="fab fa-discord"></i>&nbsp;Мой <del>мёртвый</del> cервер</a> </div>
</div> </div>
<p class="mb-0">Мой ник — <mark>WerySkok#0228</mark><br><small>Добавляю в друзья, если есть </div>
повод.</small></p> </div>
</div> </section>
</div> <section class="container mb-5">
</div> <h1 class="display-5 mb-4">Федиверс и децентрализованные мессенджеры</h1>
<div class="col-md-4 mb-4"> <p class="lead"><a href="https://ru.wikipedia.org/wiki/Fediverse">Что такое федиверс?</a></p>
<div class="card"> <div class="row">
<div class="card-header"><i class="fab fa-instagram"></i>&nbsp;Instagram</div> <div class="col-md-4 mb-4">
<div class="card-body text-center"> <div class="card">
<div class="btn-group-vertical mb-2"> <div class="card-header"><i class="fab fa-mastodon"></i>&nbsp;Mastodon<sup><a
<a href="https://www.instagram.com/wery.skok/" class="btn btn-outline-primary"><i 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>
class="fab fa-instagram"></i>&nbsp;@wery.skok</a> </div>
</div> <div class="card-body text-center">
<p class="mb-0">Нечастые фотки.</p> <div class="btn-group-vertical">
</div> <a href="https://mastodon.ml/@WerySkok" class="btn btn-outline-primary"><i
</div> class="fab fa-mastodon"></i>&nbsp;@WerySkok@mastodon.ml</a>
</div> </div>
<div class="col-md-4 mb-4"> </div>
<div class="card"> </div>
<div class="card-header"><i class="fab fa-reddit"></i>&nbsp;Reddit</div> </div>
<div class="card-body text-center"> <div class="col-md-4 mb-4">
<div class="btn-group-vertical"> <div class="card">
<a href="https://www.reddit.com/user/WerySkok" class="btn btn-outline-primary"><i <div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;PixelFed</div>
class="fab fa-reddit"></i>&nbsp;u/WerySkok</a> <div class="card-body text-center">
</div> <div class="btn-group-vertical">
</div> <a href="https://fetbuk.ru/WerySkok" class="btn btn-outline-primary"><i
</div> class="fas fa-dot-circle"></i>&nbsp;@WerySkok@fetbuk.ru</a>
</div> </div>
<div class="col-md-4"> </div>
<div class="card"> </div>
<div class="card-header"><i class="fab fa-facebook"></i>&nbsp;Facebook</div> </div>
<div class="card-body text-center"> <div class="col-md-4 mb-4">
<div class="dropdown"> <div class="card">
<button class="btn btn-outline-secondary dropdown-toggle" type="button" <div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Misskey</div>
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> <div class="card-body text-center">
Нинужон <div class="btn-group-vertical mb-2">
</button> <a href="https://quietplace.xyz/@WerySkok" class="btn btn-outline-primary"><i
<div class="dropdown-menu p-4 text-muted" style="max-width: 200px;"> class="fas fa-dot-circle"></i>&nbsp;@WerySkok@quietplace.xyz</a>
<p>Ребята, не стоит вскрывать эту тему. Вы молодые, шутливые, вам все легко. Это не </div>
то. Это не Чикатило и даже не архивы спецслужб. Сюда лучше не лезть. Серьезно, <p class="mb-0">Прикольная японская дичь.</p>
любой из вас будет жалеть. Лучше закройте тему и забудьте, что тут писалось. Я </div>
вполне понимаю, что данным сообщением вызову дополнительный интерес, но хочу </div>
сразу предостеречь пытливых - стоп. Остальные просто не найдут.</p> </div>
</ul> <div class="col-md-4 mb-4 mb-md-0">
</div> <div class="card">
</div> <div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Smithereen</div>
</div> <div class="card-body text-center">
</div> <div class="btn-group-vertical mb-2">
</div> <a href="https://friends.grishka.me/WerySkok" class="btn btn-outline-primary"><i
</section> class="fas fa-dot-circle"></i>&nbsp;@WerySkok@friends.grishka.me</a>
<section class="container mb-5"> </div>
<h1 class="display-5 mb-4">Федиверс и децентрализованные мессенджеры</h1> <p class="mb-0">Выглядит, как старое ВКонтакте и разрабатывается его бывшим сотрудником.</p>
<p class="lead"><a href="https://ru.wikipedia.org/wiki/Fediverse">Что такое федиверс?</a></p> </div>
<div class="row"> </div>
<div class="col-md-4 mb-4"> </div>
<div class="card"> <div class="col-md-4 mb-4 mb-md-0">
<div class="card-header"><i class="fab fa-mastodon"></i>&nbsp;Mastodon<sup><a <div class="card">
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 class="card-header"><i class="far fa-comment"></i>&nbsp;Matrix<sup><a
</div> href="https://ru.wikipedia.org/wiki/Matrix">?</a></sup></div>
<div class="card-body text-center"> <div class="card-body text-center">
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<a href="https://mastodon.ml/@WerySkok" class="btn btn-outline-primary"><i <a href="https://matrix.to/#/@weryskok:sibnsk.net" class="btn btn-outline-primary"><i
class="fab fa-mastodon"></i>&nbsp;@WerySkok@mastodon.ml</a> class="far fa-comment"></i>&nbsp;@weryskok:sibnsk.net</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4 mb-4"> <div class="col-md-4 mb-4 mb-md-0">
<div class="card"> <div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;PixelFed</div> <div class="card-header"><i class="far fa-comment"></i>&nbsp;XMPP</div>
<div class="card-body text-center"> <div class="card-body text-center">
<div class="btn-group-vertical"> <p class="mb-0">Мой ник — <mark>weryskok@xmpp.jp</mark><br><small>Пользуюсь нечасто, ибо единственный
<a href="https://fetbuk.ru/WerySkok" class="btn btn-outline-primary"><i нормальный клиент — <a href="https://dino.im">Dino</a> под Gnome.</small></p>
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@fetbuk.ru</a> </div>
</div> </div>
</div> </div>
</div> </section>
</div> <section class="container mb-5">
<div class="col-md-4 mb-4"> <h1 class="display-5 mb-4">Вики-сайты</h1>
<div class="card"> <p class="lead">Знаю и люблю язык разметки <a href="https://www.mediawiki.org/wiki/MediaWiki">[[mw:MediaWiki]]</a>.</p>
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Misskey</div> <div class="row">
<div class="card-body text-center"> <div class="col-md-4 mb-4 mb-md-0">
<div class="btn-group-vertical mb-2"> <div class="card">
<a href="https://quietplace.xyz/@WerySkok" class="btn btn-outline-primary"><i <div class="card-header"><i class="fab fa-wikipedia-w"></i>&nbsp;Википедия</div>
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@quietplace.xyz</a> <div class="card-body text-center">
</div> <div class="btn-group-vertical">
<p class="mb-0">Прикольная японская дичь.</p> <a href="https://ru.wikipedia.org/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:Weryskok"
</div> class="btn btn-outline-primary"><i
</div> class="fab fa-wikipedia-w"></i>&nbsp;Участник:Weryskok</a>
</div> </div>
<div class="col-md-4 mb-4 mb-md-0"> </div>
<div class="card"> </div>
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Smithereen</div> </div>
<div class="card-body text-center"> <div class="col-md-4 mb-4 mb-md-0">
<div class="btn-group-vertical mb-2"> <div class="card">
<a href="https://friends.grishka.me/WerySkok" class="btn btn-outline-primary"><i <div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Fandom</div>
class="fas fa-dot-circle"></i>&nbsp;@WerySkok@friends.grishka.me</a> <div class="card-body text-center">
</div> <p>Злой коммерческий брат фонда Викимедиа.</p>
<p class="mb-0">Выглядит, как старое ВКонтакте и разрабатывается его бывшим сотрудником.</p> <div class="btn-group-vertical">
</div> <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"
</div> class="btn btn-outline-primary"><i class="fas fa-dot-circle"></i>&nbsp;Вики
</div> сообщества</a>
<div class="col-md-4 mb-4 mb-md-0"> <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"
<div class="card"> class="btn btn-outline-primary"><i class="fas fa-crown"></i>&nbsp;Вики о
<div class="card-header"><i class="far fa-comment"></i>&nbsp;Matrix<sup><a витуберах</a>
href="https://ru.wikipedia.org/wiki/Matrix">?</a></sup></div> <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"
<div class="card-body text-center"> class="btn btn-outline-primary">Re:Creators вики</a>
<div class="btn-group-vertical"> <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"
<a href="https://matrix.to/#/@weryskok:sibnsk.net" class="btn btn-outline-primary"><i class="btn btn-outline-primary">Minecraft вики</a>
class="far fa-comment"></i>&nbsp;@weryskok:sibnsk.net</a> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="col-md-4 mb-4 mb-md-0">
<div class="col-md-4 mb-4 mb-md-0"> <div class="card">
<div class="card"> <div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Miraheze</div>
<div class="card-header"><i class="far fa-comment"></i>&nbsp;XMPP</div> <div class="card-body text-center">
<div class="card-body text-center"> <p>Незлой некоммерческий брат фонда Викимедиа.</p>
<p class="mb-0">Мой ник — <mark>weryskok@xmpp.jp</mark><br><small>Пользуюсь нечасто, ибо единственный <div class="btn-group-vertical">
нормальный клиент — <a href="https://dino.im">Dino</a> под Gnome.</small></p> <a href="https://meta.miraheze.org/wiki/User:WerySkok"
</div> class="btn btn-outline-primary"><i class="fas fa-dot-circle"></i>&nbsp;Мета</a>
</div> </div>
</div> </div>
</section> </div>
<section class="container mb-5"> </div>
<h1 class="display-5 mb-4">Вики-сайты</h1> </div>
<p class="lead">Знаю и люблю язык разметки <a href="https://www.mediawiki.org/wiki/MediaWiki">[[mw:MediaWiki]]</a>.</p> </section>
<div class="row"> <section class="container mb-5">
<div class="col-md-4 mb-4 mb-md-0"> <h1 class="display-5 mb-4">Аниме-сайты</h1>
<div class="card"> <p class="lead">Смотрю аниме.</p>
<div class="card-header"><i class="fab fa-wikipedia-w"></i>&nbsp;Википедия</div> <div class="row">
<div class="card-body text-center"> <div class="col-md-4 mb-4 mb-md-0">
<div class="btn-group-vertical"> <div class="card">
<a href="https://ru.wikipedia.org/wiki/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:Weryskok" <div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Шикимори</div>
class="btn btn-outline-primary"><i <div class="card-body text-center">
class="fab fa-wikipedia-w"></i>&nbsp;Участник:Weryskok</a> <div class="btn-group-vertical">
</div> <a href="https://shikimori.one/WerySkok" class="btn btn-outline-primary"><i
</div> class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div> </div>
</div> </div>
<div class="col-md-4 mb-4 mb-md-0"> </div>
<div class="card"> </div>
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Fandom</div> <div class="col-md-4 mb-4 mb-md-0">
<div class="card-body text-center"> <div class="card">
<p>Злой коммерческий брат фонда Викимедиа.</p> <div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;MyAnimeList</div>
<div class="btn-group-vertical"> <div class="card-body text-center">
<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" <p>То же самое, но на английском.</p>
class="btn btn-outline-primary"><i class="fas fa-dot-circle"></i>&nbsp;Вики <div class="btn-group-vertical">
сообщества</a> <a href="https://myanimelist.net/profile/WerySkok" class="btn btn-outline-primary"><i
<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="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
class="btn btn-outline-primary"><i class="fas fa-crown"></i>&nbsp;Вики о </div>
витуберах</a> </div>
<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" </div>
class="btn btn-outline-primary">Re:Creators вики</a> </div>
<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" <div class="col-md-4 mb-4 mb-md-0">
class="btn btn-outline-primary">Minecraft вики</a> <div class="card">
</div> <div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Coub</div>
</div> <div class="card-body text-center">
</div> <div class="btn-group-vertical mb-2">
</div> <a href="https://coub.com/weryskok" class="btn btn-outline-primary"><i
<div class="col-md-4 mb-4 mb-md-0"> class="fas fa-dot-circle"></i>&nbsp;@WerySkok</a>
<div class="card"> </div>
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Miraheze</div> <p class="mb-0">Своего контента немного, зато много репостов мемов про аниме.</p>
<div class="card-body text-center"> </div>
<p>Незлой некоммерческий брат фонда Викимедиа.</p> </div>
<div class="btn-group-vertical"> </div>
<a href="https://meta.miraheze.org/wiki/User:WerySkok" </div>
class="btn btn-outline-primary"><i class="fas fa-dot-circle"></i>&nbsp;Мета</a> </section>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container mb-5">
<h1 class="display-5 mb-4">Аниме-сайты</h1>
<p class="lead">Смотрю аниме.</p>
<div class="row">
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Шикимори</div>
<div class="card-body text-center">
<div class="btn-group-vertical">
<a href="https://shikimori.one/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;MyAnimeList</div>
<div class="card-body text-center">
<p>То же самое, но на английском.</p>
<div class="btn-group-vertical">
<a href="https://myanimelist.net/profile/WerySkok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;WerySkok</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4 mb-md-0">
<div class="card">
<div class="card-header"><i class="fas fa-dot-circle"></i>&nbsp;Coub</div>
<div class="card-body text-center">
<div class="btn-group-vertical mb-2">
<a href="https://coub.com/weryskok" class="btn btn-outline-primary"><i
class="fas fa-dot-circle"></i>&nbsp;@WerySkok</a>
</div>
<p class="mb-0">Своего контента немного, зато много репостов мемов про аниме.</p>
</div>
</div>
</div>
</div>
</section>
</main>
<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://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>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</body>
</html>

199
my_pc.html
View file

@ -1,136 +1,69 @@
<!DOCTYPE html> ---
<html lang="ru"> layout: default
title: Мой ПК
---
<section class="container mb-5">
<h1 class="display-5 mb-4">Мой компьютер</h1>
<p>Так сложилось, что мой компьютер — покупной блок аж из 2013 года. Он собран компанией USN в линейке
IGROMIR (и да, в 2013-м я был на Игромире и после большой толпы и очередей зарёкся туда ходить). Судя по
<a href="http://www.dailycomm.ru/m/24594/">данной статье</a>, точная модель — USN IGROMIR V1, хотя
заявленного SSD-шника там не было. Главное, что данный компьютер и сегодня хорошо справляется со своими
задачами.
</p>
<p>Естественно, компьютер за такой долгий срок обновлялся, сначала я добавил терабайтник от старого компа,
потом заказал SSD с алика, а в 2020-м я решился на замену ОЗУ и видеокарты.</p>
<head> <p>Сегодняшняя конфигурация следующая:</p>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Мой ПК — WerySkok.ru</title>
<script src="https://kit.fontawesome.com/48d163f212.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
main > .container {
padding-top: 60px;
}
</style>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
</head>
<body class="d-flex flex-column h-100"> <table class="table table-hover">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light"> <tbody>
<div class="container"> <tr>
<a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a> <th scope="row">Материнская плата</th>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <td><a href="https://www.gigabyte.ru/products/page/mb/ga-b75-d3vrev_11">GIGABYTE GA-B75-D3V</a>
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" </td>
aria-label="Открыть меню"> </tr>
<span class="navbar-toggler-icon"></span> <tr>
</button> <th scope="row">Процессор</th>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <td><a
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> 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
<li class="nav-item"> Core i7-3770</a></td>
<a class="nav-link" href="https://blog.weryskok.ru">Блог</a> </tr>
</li> <tr>
<li class="nav-item"> <th scope="row">Оперативная память</th>
<a class="nav-link active" aria-current="page" href="/my_pc.html">Мой ПК</a> <td>16 гигабайт DDR3 (2*8)</td>
</li> </tr>
<li class="nav-item"> <tr>
<a class="nav-link" href="https://t.me/WerySkok"><i class="fab fa-telegram-plane"></i></a> <th scope="row">Видеокарта</th>
</li> <td>GIGABYTE GeForce GTX 1650 SUPER WINDFORCE OC 4G <a
</ul> href="https://www.gigabyte.com/ru/Graphics-Card/GV-N165SWF2OC-4GD">[GV-N165SWF2OC-4GD]</a>
</div> </td>
</div> </tr>
</nav> <tr>
<main class="flex-shrink-0"> <th scope="row">Постоянное хранилище</th>
<section class="container mb-5"> <td>
<h1 class="display-5 mb-4">Мой компьютер</h1> <ul>
<p>Так сложилось, что мой компьютер — покупной блок аж из 2013 года. Он собран компанией USN в линейке <li>KingDian S370 на <strong>128 ГБ</strong></li>
IGROMIR (и да, в 2013-м я был на Игромире и после большой толпы и очередей зарёкся туда ходить). Судя по <li>Seagate Barracuda ST1000DM003 на <strong>1 ТБ</strong></li>
<a href="http://www.dailycomm.ru/m/24594/">данной статье</a>, точная модель — USN IGROMIR V1, хотя <li>Western Digital AV-GP WD10EVDS на <strong>1 ТБ</strong></li>
заявленного SSD-шника там не было. Главное, что данный компьютер и сегодня хорошо справляется со своими </ul>
задачами. </td>
</p> </tr>
<p>Естественно, компьютер за такой долгий срок обновлялся, сначала я добавил терабайтник от старого компа, <tr>
потом заказал SSD с алика, а в 2020-м я решился на замену ОЗУ и видеокарты.</p> <th scope="row">ОС</th>
<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>BenQ E910 c разрешением <strong>1280x1024</strong> (5:4)</li>
</ul>
</td>
</tr>
</tbody>
<p>Сегодняшняя конфигурация следующая:</p> </table>
<p>Думаю, что если бы не искусственные ограничения Microsoft, данный компьютер потянул бы и Windows 11,
<table class="table table-hover"> но раз они заявляют его несовместимым, то я не вижу смысла и пробовать ¯\_(ツ)_/¯</p>
<tbody> </section>
<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>
</tr>
<tr>
<th scope="row">Процессор</th>
<td><a
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
Core i7-3770</a></td>
</tr>
<tr>
<th scope="row">Оперативная память</th>
<td>16 гигабайт DDR3 (2*8)</td>
</tr>
<tr>
<th scope="row">Видеокарта</th>
<td>GIGABYTE GeForce GTX 1650 SUPER WINDFORCE OC 4G <a
href="https://www.gigabyte.com/ru/Graphics-Card/GV-N165SWF2OC-4GD">[GV-N165SWF2OC-4GD]</a>
</td>
</tr>
<tr>
<th scope="row">Постоянное хранилище</th>
<td>
<ul>
<li>KingDian S370 на <strong>128 ГБ</strong></li>
<li>Seagate Barracuda ST1000DM003 на <strong>1 ТБ</strong></li>
<li>Western Digital AV-GP WD10EVDS на <strong>1 ТБ</strong></li>
</ul>
</td>
</tr>
<tr>
<th scope="row">ОС</th>
<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>BenQ E910 c разрешением <strong>1280x1024</strong> (5:4)</li>
</ul>
</td>
</tr>
</tbody>
<p>Думаю, что если бы не искусственные ограничения Microsoft, данный компьютер потянул бы и Windows 11,
но раз они заявляют его несовместимым, то я не вижу смысла и пробовать ¯\_(ツ)_/¯</p>
</table>
</section>
</main>
<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://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>
</div>
</footer>
<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>