From e57ee2c7114dad8e3521446bc151988f1d12dec9 Mon Sep 17 00:00:00 2001
From: Brendan Chen <me@bchen.dev>
Date: Sun, 9 Aug 2026 16:02:27 -0400
Subject: [PATCH] Add the correct styling for broken links

---
 _plugins/bidirectional_links_generator.rb |  5 +++--
 assets/css/note.css                       | 11 ++++++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/_plugins/bidirectional_links_generator.rb b/_plugins/bidirectional_links_generator.rb
index 78184b5..affe225 100644
--- a/_plugins/bidirectional_links_generator.rb
+++ b/_plugins/bidirectional_links_generator.rb
@@ -65,10 +65,11 @@ class BidirectionalLinksGenerator < Jekyll::Generator
       current_note.content = current_note.content.gsub(
         /\[\[([^\]]+)\]\]/i, # match on the remaining double-bracket links
         <<~HTML.delete("\n") # replace with this HTML (\\1 is what was inside the brackets)
-          <span title='There is no note that matches this link.' class='invalid-link'>
+          <span title='This link has not been created yet.' class='invalid-link'>
             <span class='invalid-link-brackets'>[[</span>
             \\1
-            <span class='invalid-link-brackets'>]]</span></span>
+            <span class='invalid-link-brackets'>]]</span>
+          </span>
         HTML
       )
     end
diff --git a/assets/css/note.css b/assets/css/note.css
index 74fd4a7..c19160e 100644
--- a/assets/css/note.css
+++ b/assets/css/note.css
@@ -9,4 +9,13 @@
 
 .backlinks {
 
-}
\ No newline at end of file
+}
+
+.invalid-link {
+    opacity: 80%;
+    cursor: help;
+}
+
+.invalid-link-brackets {
+    opacity: 20%;
+}