{{ define "main" }}
<div class="container">
<main>
	<section>
		<p class="bg-white border rounded shadow-sm p-3 text-center">
			Hey, I'm Alexander Popov.
			I'm FullStack Developer
		</p>
	</section>

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

		<p class="fw-bold mb-1">📕 Languages & frameworks</p>
		<div class="lh-lg mb-3">
			<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">Pure C</span>
			<span class="rounded px-2 py-1 bg-danger text-white">Crystal</span>
			<span class="rounded px-2 py-1 bg-primary text-white">JavaScript</span>
			<span class="rounded px-2 py-1 bg-primary text-white">Python</span>
			<span class="rounded px-2 py-1 bg-primary text-white">PHP</span>
			<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">Bootstrap 5</span>
		</div>

		<p class="fw-bold mb-1">📢 Services</p>
		<div class="lh-lg mb-3">
			<span class="rounded px-2 py-1 bg-primary text-white">FastMail</span>
			<span class="rounded px-2 py-1 bg-primary text-white">Last.fm</span>
			<span class="rounded px-2 py-1 bg-primary text-white">Pinterest</span>
		</div>

		<p class="fw-bold mb-1">🧰 Tools</p>
		<div class="lh-lg mb-3">
			<span class="rounded px-2 py-1 bg-primary text-white">Porteus</span>
			<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">Alpine Linux</span>
			<span class="rounded px-2 py-1 bg-primary text-white">OpenBSD</span>
			<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">Arch Linux</span>
			<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">Windows 11</span>
			<span class="rounded px-2 py-1 bg-danger text-white text-nowrap">Sublime Text 4</span>
			<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">Windows Terminal</span>
			<span class="rounded px-2 py-1 bg-primary text-white">CorelDRAW</span>
			<span class="rounded px-2 py-1 bg-primary text-white">GameMaker</span>
			<span class="rounded px-2 py-1 bg-primary text-white">EditorConfig</span>
			<span class="rounded px-2 py-1 bg-primary text-white">Gitea</span>
			<span class="rounded px-2 py-1 bg-primary text-white">Git</span>
			<span class="rounded px-2 py-1 bg-primary text-white">Tmux</span>
		</div>
	</section>

	<section class="bg-white border rounded shadow-sm p-3 mb-3">
		<h2>🗂️ My projects</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">
					<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="bg-white 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="bg-white 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="bg-white 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="bg-white 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="bg-white 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="bg-white 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>💼 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>📫 How to reach me</h2>

		<div class="lh-lg">
			<a class="text-decoration-none rounded px-2 py-1 bg-primary text-white" target="_blank" href="https://twitter.com/_iiiypuk">Twitter</a>
			<a class="text-decoration-none rounded px-2 py-1 bg-primary text-white" target="_blank" href="mailto:iiiypuk@fastmail.fm">EMail</a>
			<a class="text-decoration-none rounded px-2 py-1 bg-primary text-white" target="_blank" href="irc://iiiypuk.me:6667/admin">IRC</a>
			<a class="text-decoration-none rounded px-2 py-1 bg-primary text-white" target="_blank" href="https://t.me/qp11db">Telegram Channel</a>
		</div>
	</section>
</main>
</div>
{{ end }}