wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better external link indicator

Browse source
This commit is contained in:
madrilene 2025-04-09 07:08:45 +02:00
parent ad39024b39
commit 5e26ccfe73
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/_includes/partials/footer.njk
View file

@ -31,7 +31,7 @@
{% for key, value in personal.platforms %} {% for key, value in personal.platforms %}
{% if value != "" %} {% if value != "" %}
<!-- regular platforms --> <!-- regular platforms -->
<a href="{{ value }}" rel="me"> <a class="no-indicator" href="{{ value }}" rel="me">
<span class="visually-hidden">{{ key | capitalize }}</span> <span class="visually-hidden">{{ key | capitalize }}</span>
{% svg 'platform/' + key %} {% svg 'platform/' + key %}
</a> </a>
@ -44,7 +44,7 @@
<aside class="creator | cluster gutter-2xs text-step-min-1 mt-xl"> <aside class="creator | cluster gutter-2xs text-step-min-1 mt-xl">
Made with <span class="visually-hidden">love</span> <span>{% svg "misc/heart" %}</span> and Made with <span class="visually-hidden">love</span> <span>{% svg "misc/heart" %}</span> and
<a href="https://www.11ty.dev/">{% svg "misc/11ty", "Eleventy" %}</a> by <a class="no-indicator" href="https://www.11ty.dev/">{% svg "misc/11ty", "Eleventy" %}</a> by
<a href="{{ meta.creator.website }}">{{ meta.creator.name }}</a> <a href="{{ meta.creator.website }}">{{ meta.creator.name }}</a>
</aside> </aside>
</div> </div>

12
src/assets/css/global/blocks/external-link.css
View file

@ -1,12 +1,14 @@
article a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(.button):not(
a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(.button) { .no-indicator
),
.indicator {
padding-inline-end: 0.8em; padding-inline-end: 0.8em;
} }
article a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(
a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(
.no-indicator .no-indicator
)::after { )::after,
.indicator::after {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
inline-size: 1em; inline-size: 1em;