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 %}