From c3ce98c719bf0447782710f1a3d132908d8f9288 Mon Sep 17 00:00:00 2001
From: Alexander Popov <iiiypuk@fastmail.fm>
Date: Mon, 9 May 2022 01:39:01 +0300
Subject: [PATCH] add little projects

---
 index.html | 144 ++++++++++++++++++++++++++++++++---------------------
 styles.css |   4 ++
 2 files changed, 90 insertions(+), 58 deletions(-)

diff --git a/index.html b/index.html
index e4e3c26..63ca4a4 100644
--- a/index.html
+++ b/index.html
@@ -30,89 +30,117 @@
 		</div>
 
 		<main>
-			<article>
-				<h1>Мои проекты</h1>
-				<div class="row row-cols-1 row-cols-md-2 g-3 justify-content-between align-items-start">
+			<article class="mb-5">
+				<h2>Мои проекты</h2>
+
+				<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-3 justify-content-start align-items-start">
 					<div>
-						<div class="bg-white border rounded shadow-sm overflow-hidden">
+						<div class="bg-white border rounded shadow-sm">
 							<div class="row g-0">
-								<div class="col col-lg-8 d-flex flex-column p-3">
-									<h2 class="fs-6 fw-bold">е с точками</h2>
-									<p>Мы любим букву Ё. А ещё нам нравятся кавычки ёлочки и длинные тире.<br>
-									Будь как мы, пиши красиво</p>
+								<div class="d-flex flex-column p-3">
+									<h2 class="fs-6 fw-bold">🔡 е с точками</h2>
+									<p>Сайт для тех, что ценит красивое написание текста</p>
 									<a class="btn btn-sm btn-outline-primary" href="https://xn--61a.a2s.su" target="_blank">Перейти</a>
 								</div>
-								<div class="col col-lg-4 d-none d-lg-block text-center">
-									<img alt="" class="rounded h-100" src="https://git.a2s.su/iiiypuk/vk0nline/raw/branch/python-old/asset/.preview.png">
-								</div>
 							</div>
 						</div>
 					</div>
 					<div>
-						<div class="bg-white border rounded shadow-sm overflow-hidden">
-							<div class="row g-0">
-								<div class="col col-lg-8 d-flex flex-column p-3">
-									<h2 class="fs-6 fw-bold">⛏️ Minecraft JE Batch Launcher</h2>
-									<p>
-										Простой скрипт для запуска Minecraft без официального лаунчера.<br>
-										Позвояет создавать и запускать любые версии игры из любой директории
-									</p>
-									<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/minecraft-launcher" target="_blank">Перейти</a>
-								</div>
-								<div class="col col-lg-4 d-none d-lg-block text-center">
-									<img alt="" class="rounded h-100" src="https://git.a2s.su/iiiypuk/minecraft-launcher/raw/branch/gh-pages/docs/_media/logo.svg">
-								</div>
+						<div class="bg-white border rounded shadow-sm">
+							<div class="d-flex flex-column p-3">
+								<h2 class="fs-6 fw-bold">⛏️ Minecraft JE Batch Launcher</h2>
+								<p>Простой скрипт для запуска Minecraft без официального лаунчера </p>
+								<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/minecraft-launcher" target="_blank">Перейти</a>
 							</div>
 						</div>
 					</div>
 					<div>
-						<div class="bg-white border rounded shadow-sm overflow-hidden">
-							<div class="row g-0">
-								<div class="col col-lg-8 d-flex flex-column p-3">
-									<h2 class="fs-6 fw-bold">🎞️ Get YouTube video cover</h2>
-									<p>Сервис для скачивания обложке видео с YouTube</p>
-									<a class="btn btn-sm btn-outline-primary" href="https://me.a2s.su/ytcg/" target="_blank">Перейти</a>
-								</div>
-								<div class="col col-lg-4 d-none d-lg-block text-center">
-									<img alt="" class="rounded h-100" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/google/313/multiply_2716-fe0f.png">
-								</div>
+						<div class="bg-white border rounded shadow-smn">
+							<div class="d-flex flex-column p-3">
+								<h2 class="fs-6 fw-bold">🎞️ Get YouTube video cover</h2>
+								<p>Сервис для скачивания обложке видео с YouTube</p>
+								<a class="btn btn-sm btn-outline-primary" href="https://me.a2s.su/ytcg/" target="_blank">Перейти</a>
 							</div>
 						</div>
 					</div>
 					<div>
-						<div class="bg-white border rounded shadow-sm overflow-hidden">
-							<div class="row g-0">
-								<div class="col col-lg-8 d-flex flex-column p-3">
-									<h2 class="fs-6 fw-bold">CHange Of LAyout</h2>
-									<p>Меняем написанный текст буржуйской раскладки на нашинский. И наоборот</p>
-									<a class="btn btn-sm btn-outline-primary" href="https://me.a2s.su/chola/" target="_blank">Перейти</a>
-								</div>
-								<div class="col col-lg-4 d-none d-lg-block text-center">
-									<img alt="" class="rounded h-100" src="https://emojipedia-us.s3.amazonaws.com/source/skype/289/keyboard_2328-fe0f.png">
-								</div>
+						<div class="bg-white border rounded shadow-sm">
+							<div class="d-flex flex-column p-3">
+								<h2 class="fs-6 fw-bold">⌨️ CHange Of LAyout</h2>
+								<p>Меняем написанный текст буржуйской раскладки на нашинскую</p>
+								<a class="btn btn-sm btn-outline-primary" href="https://me.a2s.su/chola/" target="_blank">Перейти</a>
 							</div>
 						</div>
 					</div>
 					<div>
-						<div class="bg-white border rounded shadow-sm overflow-hidden">
-							<div class="row g-0">
-								<div class="col col-lg-8 d-flex flex-column p-3">
-									<h2 class="fs-6 fw-bold">vk0nline</h2>
-									<p>
-										Будь ОНЛАЙН в контакте.<br>
-										systemd cервис и утилита для установки статуса
-										<span class="rounded p-1 bg-success text-white">online</span> в ВК
-									</p>
-									<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/vk0nline" target="_blank">Перейти</a>
-								</div>
-								<div class="col col-lg-4 d-none d-lg-block text-center">
-									<img alt="" class="rounded h-100" src="https://git.a2s.su/iiiypuk/vk0nline/raw/branch/python-old/asset/.preview.png">
-								</div>
+						<div class="bg-white border rounded shadow-sm">
+							<div class="d-flex flex-column p-3">
+								<h2 class="fs-6 fw-bold">🟢 vk0nline</h2>
+								<p>systemd cервис и утилита для установки статуса
+									<span class="rounded p-1 bg-success text-white">online</span> в ВК</p>
+								<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/vk0nline" target="_blank">Перейти</a>
 							</div>
 						</div>
 					</div>
 				</div>
 			</article>
+
+			<article>
+				<h2>Ещё проекты, не очень значительные</h2>
+
+				<div class="d-flex flex-column">
+					<p class="d-flex bg-white border rounded shadow-sm p-3">
+						<a class="btn btn-sm btn-primary" href="https://git.a2s.su/mirror" target="_blank">🔗</a>
+						<span class="align-end lh-lg mx-2">Git зеркала некоторых репозиториев</span>
+					</p>
+				</div>
+
+				<div class="d-flex flex-column">
+					<p class="d-flex bg-white border rounded shadow-sm p-3">
+						<a class="btn btn-sm btn-primary" href="https://git.a2s.su/iiiypuk/lpp-linux-builder" target="_blank">🔗</a>
+						<span class="align-end lh-lg mx-2">Скрипт для сборки
+							<a href="http://rinnegatamante.github.io/lpp-vita/" target="_blank">Lua Player Plus</a>
+						приложений для PSVITA</span>
+					</p>
+				</div>
+
+				<div class="d-flex flex-column">
+					<p class="d-flex bg-white border rounded shadow-sm p-3">
+						<a class="btn btn-sm btn-primary" href="https://git.a2s.su/iiiypuk/lastfm-backup" target="_blank">🔗</a>
+						<span class="align-end lh-lg mx-2">Скрипт для скачивания заскробленных треков из Last.fm</span>
+					</p>
+				</div>
+
+				<div class="d-flex flex-column">
+					<p class="d-flex bg-white border rounded shadow-sm p-3">
+						<a class="btn btn-sm btn-primary" href="https://git.a2s.su/iiiypuk/olr_steam" target="_blank">🔗</a>
+						<span class="align-end lh-lg mx-2">Инструкция по запуску Oblivion Lost Remake в Steam
+						(до ухода из GH было почти 1к скачиваний)</span>
+					</p>
+				</div>
+
+				<div class="d-flex flex-column">
+					<p class="d-flex bg-white border rounded shadow-sm p-3">
+						<a class="btn btn-sm btn-primary" href="https://git.a2s.su/iiiypuk/ogsr_steam" target="_blank">🔗</a>
+						<span class="align-end lh-lg mx-2">Инструкция по запуску OGSR Mod в Steam</span>
+					</p>
+				</div>
+
+				<div class="d-flex flex-column">
+					<p class="d-flex bg-white border rounded shadow-sm p-3">
+						<a class="btn btn-sm btn-primary" href="https://git.a2s.su/iiiypuk/minecraft-libs-parser" target="_blank">🔗</a>
+						<span class="align-end lh-lg mx-2">Парсит файл <span class="font-monospace rounded p-1 bg-dark text-white">version.json</span> из Minecraft и возвращает библиотеки списком</span>
+					</p>
+				</div>
+
+				<div class="d-flex flex-column">
+					<p class="d-flex bg-white border rounded shadow-sm p-3">
+						<a class="btn btn-sm btn-primary" href="https://git.a2s.su/iiiypuk/cuboid" target="_blank">🔗</a>
+						<span class="align-end lh-lg mx-2">Картинки, которые я рисовал/конвертировал для бокс-мода
+							<span class="font-monospace rounded p-1 bg-dark text-white">JoyeTech Cuboid TC 150W</span></span>
+					</p>
+				</div>
+			</article>
 		</main>
 
 		<footer class="p-5 mt-3 text-center border-top">
diff --git a/styles.css b/styles.css
index 1563ca1..8faf85c 100644
--- a/styles.css
+++ b/styles.css
@@ -3,3 +3,7 @@
 body {
 	font-family: 'Ubuntu', sans-serif;
 }
+
+.font-monospace {
+	font-family: 'Ubuntu Mono', monospace !important;
+}