✨ Add title text for some of the links

config.toml

@@ -11,6 +11,7 @@ la = "las"
 text = "Microblog"
 slug = "microwords"
 url = "https://microwords.goodevilgenius.org"
+note = "Better than the birdsite"
 
 [[links]]
 icon = "blog"
@@ -18,6 +19,7 @@ la = "las"
 text = "Dan's Musings"
 slug = "musings"
 url = "https://goodevilgenius.org"
+note = "My blog"
 
 [[links]]
 icon = "swatchbook"
@@ -31,6 +33,7 @@ icon = "code-branch"
 la = "las"
 text = "Codeberg"
 url = "https://codeberg.org/danjones000/"
+note = "I put most of my new projects here"
 
 [[links]]
 icon = "gitlab"
@@ -39,6 +42,7 @@ url = "https://gitlab.com/danjones000"
 [[links]]
 icon = "github"
 url = "https://github.com/goodevilgenius"
+note = "I don't use this much anymore"
 
 [[links]]
 icon = "linkedin"
@@ -51,28 +55,33 @@ la = "las"
 text = "Bookwyrm"
 slug = "bookwyrm"
 url = "https://book.dansmonorage.blue/user/danjones000"
+note = "Better than Goodreads"
 
 [[links]]
 icon = "goodreads"
 url = "https://www.goodreads.com/user/show/2404213-dan-jones"
+note = "Not as good as Bookwyrm"
 
 [[links]]
 icon = "film"
 la = "las"
 text = "Trakt"
 url = "https://trakt.tv/users/goodevilgenius/"
+note = "Keep track of my TV & Movie watching. Like last.fm for TV"
 
 [[links]]
 icon = "map-marked-alt"
 slug = "openstreetmap"
 text = "OpenStreetMap"
 la = "las"
+note = "Sometimes I contribute to OpenStreetMap"
 url = "https://www.openstreetmap.org/user/DanJones000"
 
 [[links]]
 icon = "mastodon"
 text = "Mastodon (backup)"
 url = "https://fosstodon.org/@danjones000"
+note = "Still better than Twitter, but I don't post here much. Check out my microblog instead"
 
 [[links]]
 icon = "comment-dots"
@@ -92,3 +101,4 @@ icon = "at"
 la = "las"
 text = "Email"
 url = "mailto:danjones@goodevilgenius.org"
+note = "Last resort"

index.html

@@ -25,7 +25,7 @@
             <ul class="list-group">
                 {{#links}}
                 <li class="list-group-item text-center">
-                    <a href="{{{url}}}" data-name="{{slug}}" rel="me" class="fs-4 text-decoration-none text-dark">
+                    <a href="{{{url}}}" data-name="{{slug}}" rel="me" class="fs-4 text-decoration-none text-dark" {{#note}}title="{{.}}"{{/note}}>
                         <i class="{{la}}{{^la}}lab{{/la}} la-{{icon}}"></i>
                         {{text}}
                     </a>