From 4a47bb77c2cc925e64a1be547c0b39677606e2e7 Mon Sep 17 00:00:00 2001
From: Alexander Popov <iiiypuk@iiiypuk.me>
Date: Sat, 24 Dec 2022 01:47:49 +0300
Subject: [PATCH] remove ballon's

---
 themes/papercut/layouts/index.html | 74 +++++++++++++++---------------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/themes/papercut/layouts/index.html b/themes/papercut/layouts/index.html
index f5e240d..78db120 100644
--- a/themes/papercut/layouts/index.html
+++ b/themes/papercut/layouts/index.html
@@ -11,39 +11,42 @@
 	<section class="bg-white border rounded shadow-sm p-3 mb-3">
 		<h2 class="text-center">🔌 What I use</h2>
 
-		<p class="fw-bold mb-1 text-center">📕 Languages & frameworks</p>
-		<div class="lh-lg mb-3 text-center">
-			<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="text-center lh-lg">
+			<span class="fw-bold">📕 Languages & frameworks:</span>
 
-		<p class="fw-bold mb-1 text-center">🧰 Tools</p>
-		<div class="lh-lg mb-3 text-center">
-			<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>
+			<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="fw-bold mb-1 text-center">📢 Services</p>
-		<div class="lh-lg mb-3 text-center">
-			<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="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">
@@ -164,12 +167,11 @@
 
 	<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="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>
+			<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>