188 lines
7.9 KiB
HTML
188 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>~/</title>
|
||
<link type="text/plain" rel="author" href="humans.txt">
|
||
<link rel="stylesheet" type="text/css" href="assets/Bootstrap-5.1.3/css/bootstrap.min.css">
|
||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
||
</head>
|
||
<body class="bg-light">
|
||
<header class="bg-dark shadow-sm sticky-top py-3 mb-3">
|
||
<div class="container">
|
||
<div class="row flex-nowrap justify-content-between align-items-center">
|
||
<div class="col-4 fs-3">
|
||
🏴☠️
|
||
</div>
|
||
<div class="col-4 text-center fw-bold fs-3 text-white">
|
||
Сашка ☕
|
||
</div>
|
||
<div class="col-4 d-flex justify-content-end align-items-center">
|
||
<a class="btn btn-sm btn-outline-light" href="https://blog.iiiypuk.me/" target="_blank">Blog</a>
|
||
💀 🔵 🔴
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="container">
|
||
<main>
|
||
<section>
|
||
<p class="bg-white border rounded shadow-sm p-3 text-center">
|
||
Hey, I'm Alexander Popov.
|
||
I'm Full Stack 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">Python</span>
|
||
<span class="rounded px-2 py-1 bg-primary 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">PHP</span>
|
||
<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">Bootstrap 5</span>
|
||
<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">CSS 3</span>
|
||
<span class="rounded px-2 py-1 bg-primary text-white text-nowrap">HTML 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>
|
||
</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 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-primary 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">EditorConfig</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">Gitea</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>
|
||
</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
|
||
(до ухода из GH было почти 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-libs-parser" 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>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div> <!-- end container -->
|
||
|
||
<footer class="shadow-lg p-md-5 p-3 text-center border-top">
|
||
<div class="container">
|
||
<p class="m-0">Made with 🤍</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="assets/Bootstrap-5.1.3/js/bootstrap.min.js"></script>
|
||
</body>
|
||
</html>
|