From c5d1e09ccf5e7fbadbcf285be9c9ab573e59da17 Mon Sep 17 00:00:00 2001
From: Alexander Popov <iiiypuk@fastmail.fm>
Date: Tue, 10 May 2022 16:57:40 +0300
Subject: [PATCH] add contacts

---
 index.html | 50 +++++++++++++++++++++++++++-----------------------
 1 file changed, 27 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index 8caa9c8..7bda43b 100644
--- a/index.html
+++ b/index.html
@@ -40,32 +40,31 @@
 
 				<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>
+					<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">Bootstrap 5</span>
+					<span class="rounded px-2 py-1 bg-primary text-white">CSS 3</span>
+					<span class="rounded px-2 py-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>
+					<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="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>
+					<span class="rounded px-2 py-1 bg-primary text-white">Arch Linux</span>
+					<span class="rounded px-2 py-1 bg-primary text-white">Windows 11</span>
+					<span class="rounded px-2 py-1 bg-primary text-white">Sublime Text 4</span>
+					<span class="rounded px-2 py-1 bg-primary text-white">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>
 
@@ -74,7 +73,7 @@
 
 				<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 shadow-sm">
+						<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>
@@ -83,7 +82,7 @@
 						</div>
 					</div>
 					<div>
-						<div class="bg-white border rounded shadow-sm">
+						<div class="bg-white border rounded">
 							<div class="d-flex flex-column p-3">
 								<h2 class="fs-6 fw-bold">🔡 е с точками</h2>
 								<p>Сайт для тех, что ценит красивое написание текста</p>
@@ -92,7 +91,7 @@
 						</div>
 					</div>
 					<div>
-						<div class="bg-white border rounded shadow-smn">
+						<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>
@@ -101,7 +100,7 @@
 						</div>
 					</div>
 					<div>
-						<div class="bg-white border rounded shadow-sm">
+						<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>
@@ -110,7 +109,7 @@
 						</div>
 					</div>
 					<div>
-						<div class="bg-white border rounded shadow-sm">
+						<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
@@ -167,6 +166,11 @@
 
 			<section class="bg-white border rounded shadow-sm p-3 mb-3">
 				<h2>📫 How to reach me</h2>
+
+				<div>
+					<a class="rounded px-2 py-1 bg-primary text-white" href="#">Twitter</a>
+					<a class="rounded px-2 py-1 bg-primary text-white" href="#">EMail</a>
+				</div>
 			</section>
 		</main>
 	</div> <!-- end container -->