annotate domains next to links

layouts/partials/footer_custom.html

@@ -2,6 +2,7 @@
 If you want to include any custom html just before </body>, put it in this file.
 Or you can delete these file if you don't need it.
 -->
+<script src="{{ "js/links.js" | relURL }}"></script>
 <!-- for example, you could include some js libraries:
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis.js" integrity="sha256-HdIuWBZj4eftihsoDCJoMYjZi6aNVaw7YlUpzKT3ZxI=" crossorigin="anonymous"></script>
 -->

layouts/partials/head_custom.html

@@ -13,6 +13,7 @@
 }
 </style>
 -->
+<link rel="stylesheet" href="{{ "css/links.css" | relURL }}" />
 <!-- or you could include some additional css libraries:
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis.css" integrity="sha256-I1UoFd33KHIydu88R9owFaQWzwkiZV4hXXug5aYaM28=" crossorigin="anonymous" />
 -->

static/css/links.css

@@ -0,0 +1,5 @@
+.link-annot {
+  color: #808080;
+  font-size: 14px;
+  font-family: monospace;
+}

static/js/links.js

@@ -0,0 +1,7 @@
+$(document).ready(function() {
+  $('.blog-post a').not('.share a').each(function() {
+      if (this.hostname != window.location.hostname) {
+          this.hostname && $(this).after(' <span class="link-annot">('+this.hostname+')</span>');
+      }
+  });
+});