{{ 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-0">⛏️
						<a class="border-bottom border-primary text-decoration-none"
							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-0">🔡
						<a class="border-bottom border-primary text-decoration-none"
							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-0">🎞️
						<a class="border-bottom border-primary text-decoration-none"
							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-0">⌨️
						<a class="border-bottom border-primary text-decoration-none"
							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-0">🔑
						<a class="border-bottom border-primary text-decoration-none"
							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-0">🍎
						<a class="border-bottom border-primary text-decoration-none"
							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-0">🟢
						<a class="border-bottom border-primary text-decoration-none"
							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="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="fw-bold" href="https://git.a2s.su/iiiypuk/lpp-linux-builder" target="_blank">lpp-linux-builder</a>:
					Script for build
					<a 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="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="fw-bold" href="https://git.a2s.su/iiiypuk/olr_steam" target="_blank">olr_steam</a>:
					Скрипт для запуска Oblivion Lost Remake в Steam
					(до ухода с GitHub было почти 1к скачиваний)
				</p>
			</div>
			<div class="col">
				<p class="border rounded p-2 mb-0">
					<a class="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="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="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 }}