From 9dc01619d319b199b064af8136f8879551c21a22 Mon Sep 17 00:00:00 2001
From: Caesar Schinas <caesar@caesarschinas.com>
Date: Sun, 31 Oct 2021 18:37:28 +0000
Subject: [PATCH] feat: add link to ipa-reader.xyz

---
 index.html | 10 ++++++++--
 style.css  | 10 ++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 34fb68d..ea7ae12 100644
--- a/index.html
+++ b/index.html
@@ -48,8 +48,14 @@
 				<source srcset="./images/caesar-256.jpg 256w, ./images/caesar-128.jpg 128w" type="image/jpeg" />
 				<img class="profile" src="./images/caesar-128.jpg" width="128" height="128" alt="" />
 			</picture>
-			<p class="ipa" lang="en-fonipa">/ ˈsiːzə ˈskɪnəs /</p>
-			<p class="dfn">Sailor;&nbsp; programmer;&nbsp; web developer;&nbsp; publisher.</p>
+			<p class="ipa" lang="en-fonipa">
+				<a href="http://ipa-reader.xyz/?text=si%CB%90z%C9%99%20sk%C9%AAn%C9%99s&voice=Amy">
+					/ ˈsiːzə ˈskɪnəs /
+				</a>
+			</p>
+			<p class="dfn">
+				Sailor;&nbsp; programmer;&nbsp; web developer;&nbsp; publisher.
+			</p>
 		</header>
 		<p>
 			<strong>Hello.</strong> Thanks for dropping by. There’s not much to see here at the moment, but feel free to drop me a line using one of the links below.
diff --git a/style.css b/style.css
index 0b6a112..802ecc6 100644
--- a/style.css
+++ b/style.css
@@ -18,6 +18,15 @@ body {
 h1, p {
 	margin: 0;
 }
+a {
+	color: #888;
+	text-decoration: none;
+	border-bottom: 1px solid #555;
+}
+a:hover {
+	color: #08f;
+	border-bottom-color: #08f;
+}
 header {
 	margin: 0 0 1em;
 }
@@ -70,6 +79,7 @@ img.profile {
 	height: 1em;
 	overflow: hidden;
 	text-decoration: none;
+	border: none;
 	font-size: 1.7em;
 	color: inherit;
 }