From 767f660d374f4fec27791f49daa97515a58926a4 Mon Sep 17 00:00:00 2001
From: "Satya L. Johnson" <satyaljohnson@gmail.com>
Date: Fri, 24 Sep 2021 07:58:12 -0400
Subject: [PATCH] mess with abbr style

---
 themes/zenn/templates/landing.html | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/themes/zenn/templates/landing.html b/themes/zenn/templates/landing.html
index e72364e..ec3ea25 100644
--- a/themes/zenn/templates/landing.html
+++ b/themes/zenn/templates/landing.html
@@ -6,6 +6,34 @@
         <div class="delimiter"></div>
 	<em>I live at the <a href="https://bensonplace.org">Benson Place</a></em>
     <em>I am a student and an actor</em>
+    <style>
+abbr[title] {
+  position: relative;
+  
+  /* ensure consistent styling across browsers */
+  text-decoration: underline dotted; 
+}
+
+abbr[title]:hover::after,
+abbr[title]:focus::after {
+  content: attr(title);
+  
+  /* position tooltip like the native one */
+  position: absolute;
+  left: 0;
+  bottom: -30px;
+  width: auto;
+  white-space: nowrap;
+  
+  /* style tooltip */
+  background-color: #1e1e1e;
+  color: #fff;
+  border-radius: 3px;
+  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
+  font-size: 14px;
+  padding: 3px 5px;
+}
+    </style>
 	<em><abbr title = "Erich Fromm, The Anatomy of Human Destructiveness">"Critical and radical thought will only bear fruit when it is blended with the most precious quality man is endowed with - the love of life."</abbr></em></em>
         <div class="nav">
             <div class="delimiter"></div>