Add a glyph to external links to visually mark them as external

This commit is contained in:
Lewis Dale 2023-08-25 08:11:24 +01:00
parent e9fdc71270
commit 26bdc77b9a
2 changed files with 12 additions and 2 deletions

View File

@ -2,9 +2,7 @@
<html lang="{{metadata.site.language}}"> <html lang="{{metadata.site.language}}">
<head> <head>
<title>{{ title | safe }} | {{ metadata.site.name }}</title> <title>{{ title | safe }} | {{ metadata.site.name }}</title>
{% if includeFA %}
<link rel="stylesheet" type="text/css" href="https://cdn.lewisdale.dev/assets/css/fontawesome.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.lewisdale.dev/assets/css/fontawesome.css" />
{% endif %}
{% if includePrism %} {% if includePrism %}
<link rel="stylesheet" type="text/css" href="https://cdn.lewisdale.dev/assets/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.lewisdale.dev/assets/css/prism.css" />
{% endif %} {% endif %}

View File

@ -79,4 +79,16 @@ aside {
height: fit-content; height: fit-content;
max-width: 50ch; max-width: 50ch;
padding: var(--space-size-xs); padding: var(--space-size-xs);
}
a[target="_blank"]::after {
content: " \f08e";
font-family: "font awesome 6 free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
-webkit-font-smoothing: antialiased;
font-size: var(--text-size-xs);
vertical-align: super;
} }