diff --git a/static/fonts/Simple-Line-Icons.ttf b/static/fonts/Simple-Line-Icons.ttf
new file mode 100644
index 0000000..6ecb686
Binary files /dev/null and b/static/fonts/Simple-Line-Icons.ttf differ
diff --git a/static/fonts/Simple-Line-Icons.woff b/static/fonts/Simple-Line-Icons.woff
new file mode 100644
index 0000000..b17d694
Binary files /dev/null and b/static/fonts/Simple-Line-Icons.woff differ
diff --git a/static/fonts/Simple-Line-Icons.woff2 b/static/fonts/Simple-Line-Icons.woff2
new file mode 100644
index 0000000..c49fccf
Binary files /dev/null and b/static/fonts/Simple-Line-Icons.woff2 differ
diff --git a/static/simple-line-icons.css b/static/simple-line-icons.css
new file mode 100644
index 0000000..ab56333
--- /dev/null
+++ b/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"; }
diff --git a/static/style.css b/static/style.css
index 25dc646..70d6ba4 100644
--- a/static/style.css
+++ b/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,
diff --git a/templates/error_alert.html b/templates/error_alert.html
index 9dbefdc..adebb72 100644
--- a/templates/error_alert.html
+++ b/templates/error_alert.html
@@ -6,12 +6,8 @@
{% endblock %}
-{% block head_preconnect %}
-
-{% endblock %}
-
{% block head_stylesheets %}
-
+
{% endblock %}
{% block head_extra %}{% endblock %}
diff --git a/templates/index.html b/templates/index.html
index 92557af..78c2848 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -52,12 +52,8 @@
{% endif %}
{% endblock %}
-{% block head_preconnect %}
-
-{% endblock %}
-
{% block head_stylesheets %}
-
+
{% endblock %}
{% block content %}