{{ 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">🗂️ My projects</h2>

		<div class="row row-cols-1 row-cols-md-2 g-3 justify-content-start align-items-start">
			<div>
				<div class="border rounded">
					<div class="d-flex flex-column p-3">
						<h2 class="fs-6 fw-bold">⛏️ Minecraft JE Batch Launcher</h2>
						<p>Simple script for launch Minecraft without official launcher. Any OS</p>
						<a class="btn btn-sm btn-outline-primary" href="https://me.a2s.su/minecraft-launcher/" target="_blank">Get</a>
					</div>
				</div>
			</div>
			<div>
				<div class="border rounded">
					<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>
			</div>
			<div>
				<div class="border rounded">
					<div class="d-flex flex-column p-3">
						<h2 class="fs-6 fw-bold">🎞️ Get YouTube video cover</h2>
						<p>Service for download video cover from YouTube</p>
						<a class="btn btn-sm btn-outline-primary" href="https://me.a2s.su/ytcg/" target="_blank">Get</a>
					</div>
				</div>
			</div>
			<div>
				<div class="border rounded">
					<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="border rounded">
					<div class="d-flex flex-column p-3">
						<h2 class="fs-6 fw-bold">🟢 vk0nline</h2>
						<p>systemd service and utility for set
							<span class="rounded p-1 bg-success text-white">online</span> status on vk.com</p>
						<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/vk0nline" target="_blank">Get</a>
					</div>
				</div>
			</div>
			<!-- assm -->
			<div>
				<div class="border rounded">
					<div class="d-flex flex-column p-3">
						<h2 class="fs-6 fw-bold">🍎 assm</h2>
						<p>iOS splash screen generator</p>
						<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/emilecok/assm" target="_blank">Get</a>
					</div>
				</div>
			</div>
			<!-- pmng -->
			<div>
				<div class="border rounded">
					<div class="d-flex flex-column p-3">
						<h2 class="fs-6 fw-bold">🔑 pmng</h2>
						<p>The very simple password manager for humans</p>
						<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/pmng" target="_blank">Get</a>
					</div>
				</div>
			</div>
		</div>
	</section>

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

		<p>
			<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/mirror" target="_blank">🔗</a>
			<span class="align-end lh-lg mx-2">Git mirrors of some repos</span>
		</p>

		<p>
			<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/lpp-linux-builder" target="_blank">🔗</a>
			<span class="align-end lh-lg mx-2">Script for build
				<a href="http://rinnegatamante.github.io/lpp-vita/" target="_blank">Lua Player Plus</a>
			apps for PSVITA (PSP2)</span>
		</p>

		<p>
			<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/lastfm-backup" target="_blank">🔗</a>
			<span class="align-end lh-lg mx-2">Script for download music scrobbles from Last.fm</span>
		</p>

		<p>
			<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/olr_steam" target="_blank">🔗</a>
			<span class="align-end lh-lg mx-2">Инструкция по запуску Oblivion Lost Remake в Steam
			(до ухода с GitHub было почти 1к скачиваний)</span>
		</p>

		<p>
			<a class="btn btn-sm btn-outline-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>

		<p>
			<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/minecraft-launcher-libs" target="_blank">🔗</a>
			<span class="align-end lh-lg mx-2">Library parser from <span class="font-monospace rounded p-1 bg-dark text-white">version.json</span> on Minecraft JE</span>
		</p>

		<p>
			<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/cuboid" target="_blank">🔗</a>
			<span class="align-end lh-lg mx-2">Stuff
				<span class="font-monospace rounded p-1 bg-dark text-white">JoyeTech Cuboid TC 150W</span></span>
		</p>
	</section>

	<section class="bg-white border rounded shadow-sm p-3 mb-3">
		<h2 class="text-center">📫 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 }}