{{ define "main" }}
<div class="container">
<main>
	<section>
		<p class="bg-white border rounded shadow-sm p-3 text-center">
			Hey, my name is Alexander Popov.<br>
			I am a chef of anything IT :)
		</p>
	</section>

	<section class="bg-white border rounded shadow-sm p-3 mb-3">
		<h2 class="text-center">🔌 What I use</h2>

		<p class="text-center lh-lg">
			<span class="fw-bold">📕 Languages & frameworks:</span>

			<span class="border-bottom p-1">Pure C</span>,
			<span class="border-bottom p-1">Crystal</span>,
			<span class="border-bottom p-1">JavaScript</span>,
			<span class="border-bottom p-1">Python</span>,
			<span class="border-bottom p-1">PHP</span>,
			<span class="border-bottom p-1 text-nowrap">Bootstrap 5</span>
		</p>

		<p class="text-center lh-lg">
			<span class="fw-bold">🧰 Tools:</span>

			<span class="border-bottom p-1">Porteus</span>,
			<span class="border-bottom p-1 text-nowrap">Alpine Linux</span>,
			<span class="border-bottom p-1">OpenBSD</span>,
			<span class="border-bottom p-1 text-nowrap">Arch Linux</span>,
			<span class="border-bottom p-1 text-nowrap">Windows 11</span>,
			<span class="border-bottom p-1 text-nowrap">Sublime Text 4</span>,
			<span class="border-bottom p-1 text-nowrap">Windows Terminal</span>,
			<span class="border-bottom p-1">CorelDRAW</span>,
			<span class="border-bottom p-1">GameMaker</span>,
			<span class="border-bottom p-1">EditorConfig</span>,
			<span class="border-bottom p-1">Gitea</span>,
			<span class="border-bottom p-1">Git</span>,
			<span class="border-bottom p-1">Tmux</span>
		</p>

		<p class="text-center lh-lg">
			<span class="fw-bold">📢 Services:</span>

			<span class="border-bottom p-1">FastMail</span>,
			<span class="border-bottom p-1">Last.fm</span>,
			<span class="border-bottom p-1">Pinterest</span>
		</p>
	</section>

	<section class="bg-white border rounded shadow-sm p-3 mb-3">
		<h2 class="text-center mb-3">🗂️ Project list</h2>

		<div class="row row-cols-1 row-cols-md-2 g-3">
			<!-- minecraft launcher -->
			<div class="col">
				<div class="border rounded p-3">
					<p class="fw-bold mb-2">⛏️
						<a class="border-bottom border-primary text-decoration-none py-1"
							href="https://me.a2s.su/minecraft-launcher/" target="_blank">
							Minecraft JE Batch Launcher</a>
					</p>
					<p class="mb-0">Simple script for launch Minecraft without official launcher. Any OS</p>
					<p class="mb-0">
						<span class="badge bg-secondary text-nowrap fw-normal">Game</span>
						<span class="badge bg-secondary text-nowrap fw-normal">Shell</span>
					</p>
				</div>
			</div>
			<!-- ё с точками -->
			<div class="col">
				<div class="border rounded p-3">
					<p class="fw-bold mb-2">🔡
						<a class="border-bottom border-primary text-decoration-none py-1"
							href="https://xn--61a.a2s.su" target="_blank">
							е с точками</a>
					</p>
					<p class="mb-0">Сайт для тех, что ценит русский язык и красивое написание текста</p>
					<p class="mb-0">
						<span class="badge bg-secondary text-nowrap fw-normal">Grammar</span>
						<span class="badge bg-secondary text-nowrap fw-normal">JavaScript</span>
					</p>
				</div>
			</div>
			<!-- ytcg -->
			<div class="col">
				<div class="border rounded p-3">
					<p class="fw-bold mb-2">🎞️
						<a class="border-bottom border-primary text-decoration-none py-1"
							href="https://me.a2s.su/ytcg/" target="_blank">
							Get YouTube video cover</a>
					</p>
					<p class="mb-0">Service for download video cover from YouTube</p>
					<p class="mb-0">
						<span class="badge bg-secondary text-nowrap fw-normal">YouTube</span>
						<span class="badge bg-secondary text-nowrap fw-normal">JavaScript</span>
					</p>
				</div>
			</div>
			<div class="col">
				<!-- chola -->
				<div class="border rounded p-3">
					<p class="fw-bold mb-2">⌨️
						<a class="border-bottom border-primary text-decoration-none py-1"
							href="https://me.a2s.su/chola/" target="_blank">
							CHange Of LAyout</a>
					</p>
					<p class="mb-0">Меняем написанный текст буржуйской раскладки на нашинскую</p>
					<p class="mb-0">
						<span class="badge bg-secondary text-nowrap fw-normal">Grammar</span>
						<span class="badge bg-secondary text-nowrap fw-normal">JavaScript</span>
					</p>
				</div>
			</div>
			<!-- pmng -->
			<div class="col">
				<div class="border rounded p-3">
					<p class="fw-bold mb-2">🔑
						<a class="border-bottom border-primary text-decoration-none py-1"
							href="https://git.a2s.su/iiiypuk/pmng" target="_blank">
							pmng</a>
					</p>
					<p class="mb-0">The very simple password manager for humans</p>
					<p class="mb-0">
						<span class="badge bg-secondary text-nowrap fw-normal">CLI</span>
						<span class="badge bg-secondary text-nowrap fw-normal">Tool</span>
						<span class="badge bg-secondary text-nowrap fw-normal">Crystal</span>
					</p>
				</div>
			</div>
			<!-- assm -->
			<div class="col">
				<div class="border rounded p-3">
					<p class="fw-bold mb-2">🍎
						<a class="border-bottom border-primary text-decoration-none py-1"
							href="https://git.a2s.su/emilecok/assm" target="_blank">
							assm</a>
					</p>
					<p class="mb-0">iOS splash screen generator</p>
					<p class="mb-0">
						<span class="badge bg-secondary text-nowrap fw-normal">CLI</span>
						<span class="badge bg-secondary text-nowrap fw-normal">Tool</span>
						<span class="badge bg-secondary text-nowrap fw-normal">Python</span>
					</p>
				</div>
			</div>
			<!-- vk0nline -->
			<div class="col">
				<div class="border rounded p-3">
					<p class="fw-bold mb-2">🟢
						<a class="border-bottom border-primary text-decoration-none py-1"
							href="https://git.a2s.su/iiiypuk/vk0nline" target="_blank">
							vk0nline</a>
					</p>
					<p class="mb-0">systemd service and utility for set online status on vk.com</p>
					<p class="mb-0">
						<span class="badge bg-secondary text-nowrap fw-normal">Social</span>
						<span class="badge bg-secondary text-nowrap fw-normal">Crystal</span>
						<span class="badge bg-secondary text-nowrap fw-normal">systemd</span>
					</p>
				</div>
			</div>
		</div>
	</section>

	<section class="bg-white border rounded shadow-sm p-3 mb-3">
		<h2 class="text-center mb-3">💼 Other projects</h2>

		<div class="row row-cols-1 g-3">
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/mirror"
						target="_blank">git.a2s.su</a> —
					Git mirrors of some repos
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/battlepillars-bot"
						target="_blank">battlepillars-bot</a> —
					Farming apples bot for
					<a class="border-bottom border-primary text-decoration-none py-1" href="https://store.steampowered.com/app/280930/Battlepillars_Gold_Edition/">Battlepillars</a>
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/delver"
						target="_blank">delver-pack-ru-ru</a> —
					Репозиторий перевода Delver
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/git-ahead-check"
						target="_blank">git-ahead-check</a> —
					A tool for checking changes that have not been sent in Git repos
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/eir"
						target="_blank">eir</a> —
					Easy Internet Radio (Visual Basic 6)
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/aimp-theme-pscc"
						target="_blank">aimp-theme-pscc</a> —
					Photoshop CC 2014 Visual Style for AIMP 4
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/proot-alpine"
						target="_blank">proot-alpine</a> —
					Script for run Alpine Linux from user directory
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/stanis-tits-scrap"
						target="_blank">stanis-tits-scrap</a> —
					Скрипт для скачивания голых и не только девушек с блога
					<a class="border-bottom border-primary text-decoration-none py-1"
						href="http://blog.stanis.ru/" target="_blank">stanis.ru</a>

				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/lpp-linux-builder"
						target="_blank">lpp-linux-builder</a> —
					Script for build
					<a class="border-bottom border-primary text-decoration-none py-1" href="http://rinnegatamante.github.io/lpp-vita/" target="_blank">Lua Player Plus</a>
					apps for PSVITA (PSP2)
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/lastfm-backup"
						target="_blank">lastfm-backup</a> —
					Script for download music scrobbles from Last.fm
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/olr_steam"
						target="_blank">olr_steam</a> —
					Скрипт для запуска Oblivion Lost Remake в Steam
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/ogsr_steam"
						target="_blank">ogsr_steam</a> —
					Скрипт для запуска OGSR Mod в Steam
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/minecraft-launcher-libs"
						target="_blank">minecraft-launcher-libs</a> —
					Library parser from
					<code class="font-monospace rounded p-1 bg-dark text-white">version.json</code>
					on Minecraft JE
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="border-bottom border-primary text-decoration-none py-1 fw-bold"
						href="https://git.a2s.su/iiiypuk/cuboid"
						target="_blank">cuboid</a> —
					Stuff JoyeTech Cuboid TC 150W
				</p>
			</div>
		</div>
	</section>

	<section class="bg-white border rounded shadow-sm p-3 mb-3">
		<h2 class="text-center mb-3">📫 How to reach me</h2>
		<div class="lh-lg text-center">
			<a class="border-bottom border-primary text-decoration-none p-1" target="_blank" href="https://twitter.com/_iiiypuk">Twitter</a>,
			<a class="border-bottom border-primary text-decoration-none p-1" target="_blank" href="mailto:iiiypuk@fastmail.fm">EMail</a>,
			<a class="border-bottom border-primary text-decoration-none p-1" target="_blank" href="irc://iiiypuk.me:6667/admin">IRC</a>,
			<a class="border-bottom border-primary text-decoration-none p-1" target="_blank" href="https://t.me/qp11db">Telegram Channel</a>
		</div>
	</section>
</main>
</div>
{{ end }}