fix: self-host Simple Line Icons and improve info table spacing

Replace the cdnjs CDN dependency with locally hosted font files and a
minimal CSS file containing only the 4 icons used (check, minus,
magnifier, social-github). Remove the CDN preconnect links.

Also reduce the gap between the IP display and the info table divider,
fix vertical alignment of icon and text rows by switching to
vertical-align: middle, and override the icon line-height to match
table text.

static/simple-line-icons.css

@@ -0,0 +1,29 @@
+@font-face {
+  font-family: simple-line-icons;
+  src: url(fonts/Simple-Line-Icons.woff2) format('woff2'),
+       url(fonts/Simple-Line-Icons.woff) format('woff'),
+       url(fonts/Simple-Line-Icons.ttf) format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+.icon-check,
+.icon-magnifier,
+.icon-minus,
+.icon-social-github {
+  font-family: simple-line-icons;
+  speak: none;
+  font-style: normal;
+  font-weight: 400;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-check::before { content: "\e080"; }
+.icon-minus::before { content: "\e615"; }
+.icon-magnifier::before { content: "\e090"; }
+.icon-social-github::before { content: "\e60c"; }

static/style.css

@@ -167,7 +167,7 @@ main {
   font-size: clamp(28px, 6vw, 42px);
   line-height: 1.2;
   font-weight: 200;
-  margin-block: 28px 20px;
+  margin-block: 28px 12px;
   letter-spacing: -0.5px;
   overflow-wrap: break-word;
   word-break: break-all;
@@ -202,7 +202,7 @@ main {
     border-block-start: 1px solid var(--color-separator);
     font-size: 15px;
     line-height: 1.5;
-    vertical-align: top;
+    vertical-align: middle;
     overflow-wrap: break-word;
   }
 
@@ -219,6 +219,10 @@ main {
     text-align: start;
   }
 
+  [class^="icon-"] {
+    line-height: 1.5;
+  }
+
   .bool-true {
     color: var(--color-green);
   }
@@ -576,7 +580,7 @@ main {
 .skeleton-ip {
   inline-size: 260px;
   block-size: 42px;
-  margin-block: 28px 20px;
+  margin-block: 28px 12px;
 }
 
 .skeleton-table {
@@ -625,7 +629,7 @@ main {
   }
 
   .ip-display {
-    margin-block: 20px 16px;
+    margin-block: 20px 10px;
   }
 
   .info-table th,

templates/error_alert.html

@@ -6,12 +6,8 @@
   <meta name="robots" content="noindex, nofollow">
 {% endblock %}
 
-{% block head_preconnect %}
-  <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
-{% endblock %}
-
 {% block head_stylesheets %}
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.5.5/css/simple-line-icons.min.css">
+  <link rel="stylesheet" href="/static/simple-line-icons.css?v={{ css_version }}">
 {% endblock %}
 
 {% block head_extra %}{% endblock %}

templates/index.html

@@ -52,12 +52,8 @@
   {% endif %}
 {% endblock %}
 
-{% block head_preconnect %}
-  <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
-{% endblock %}
-
 {% block head_stylesheets %}
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.5.5/css/simple-line-icons.min.css">
+  <link rel="stylesheet" href="/static/simple-line-icons.css?v={{ css_version }}">
 {% endblock %}
 
 {% block content %}