From fddea8882b0cc24697ba970411dde8dc3106b0aa Mon Sep 17 00:00:00 2001
From: Alexander Popov <iiiypuk@fastmail.fm>
Date: Tue, 10 May 2022 16:37:45 +0300
Subject: [PATCH] add used tools

---
 index.html | 42 ++++++++++++++++++++++++++++++++++++++----
 1 file changed, 38 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 6e84385..73881f8 100644
--- a/index.html
+++ b/index.html
@@ -35,7 +35,41 @@
 				</p>
 			</section>
 
-			<article class="mb-5">
+			<section class="mb-5">
+				<h2>What I use</h2>
+
+				<p class="fw-bold mb-1">📕 Languages & frameworks</p>
+				<div class="mb-3">
+					<span class="rounded p-1 bg-primary text-white">Python</span>
+					<span class="rounded p-1 bg-primary text-white">Crystal</span>
+					<span class="rounded p-1 bg-primary text-white">JavaScript</span>
+					<span class="rounded p-1 bg-primary text-white">PHP</span>
+					<span class="rounded p-1 bg-primary text-white">Bootstrap 5</span>
+					<span class="rounded p-1 bg-primary text-white">CSS 3</span>
+					<span class="rounded p-1 bg-primary text-white">HTML 5</span>
+				</div>
+
+				<p class="fw-bold mb-1">📢 Services</p>
+				<div class="mb-3">
+					<span class="rounded p-1 bg-primary text-white">FastMail</span>
+					<span class="rounded p-1 bg-primary text-white">Last.fm</span>
+					<span class="rounded p-1 bg-primary text-white">Twitter</span>
+				</div>
+
+				<p class="fw-bold mb-1">🧰 Tools</p>
+				<div class="mb-3">
+					<span class="rounded p-1 bg-primary text-white">Arch Linux</span>
+					<span class="rounded p-1 bg-primary text-white">Windows 11</span>
+					<span class="rounded p-1 bg-primary text-white">Sublime Text 4</span>
+					<span class="rounded p-1 bg-primary text-white">Windows Terminal</span>
+					<span class="rounded p-1 bg-primary text-white">EditorConfig</span>
+					<span class="rounded p-1 bg-primary text-white">Git</span>
+					<span class="rounded p-1 bg-primary text-white">Gitea</span>
+					<span class="rounded p-1 bg-primary text-white">Tmux</span>
+				</div>
+			</section>
+
+			<section class="mb-5">
 				<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">
@@ -86,9 +120,9 @@
 						</div>
 					</div>
 				</div>
-			</article>
+			</section>
 
-			<article class="mb-5">
+			<section class="mb-5">
 				<h2>My little projects</h2>
 
 				<div class="d-flex flex-column">
@@ -143,7 +177,7 @@
 							<span class="font-monospace rounded p-1 bg-dark text-white">JoyeTech Cuboid TC 150W</span></span>
 					</p>
 				</div>
-			</article>
+			</section>
 		</main>
 	</div> <!-- end container -->