diff --git a/themes/hpy/assets/css/styles.css b/themes/hpy/assets/css/styles.css
index b2ae683..eaab9a1 100644
--- a/themes/hpy/assets/css/styles.css
+++ b/themes/hpy/assets/css/styles.css
@@ -377,6 +377,28 @@ tbody tr:nth-child(odd) {
   background-color: #eeeeee;
 }
 
+/* Header permalinks */
+h1:hover .headerlink, h2:hover .headerlink,
+h3:hover .headerlink, h4:hover .headerlink,
+h5:hover .headerlink, h6:hover .headerlink {
+    display: inline;
+}
+
+.headerlink {
+    display: none;
+    color: #ddd;
+    margin-left: 0.2em;
+    padding: 0 0.2em;
+}
+
+.headerlink:hover {
+    opacity: 1;
+    background: #ddd;
+    color: #000;
+    text-decoration: none;
+}
+
+
 .metadata {
   border-bottom: 1px solid darkolivegreen;
 }