joshua/joshua.seigler.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

rss icon and external-link styles

Browse source
This commit is contained in:
Joshua Seigler 2025-07-09 18:39:32 -04:00
parent 5abbb6a45f
commit 2766453d75
2 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
site/_includes/components/collectionList.njk
View file

@ -8,7 +8,7 @@
{% if item.data.cover %}
<img class="collection-cover" src="/{{item.page.inputPath | pathOnly }}/{{item.data.cover}}" alt="" sizes="(min-width: 60rem) calc(0.5 * var(--content-width)), var(--content-width)">
{% endif %}
<a class="collection-itemTitle" href="{{item.url}}">{{item.data.title}}</a>
<a class="collection-itemTitle" href="{{item.url}}" {% if item.url.startsWith("http") %}target="_blank"{% endif %}>{{item.data.title}}</a>
<div class="collection-itemData">
{%- if item.data.date -%}
<span>{{item.data.date | formatDate("MMMM DD, YYYY") }}</span>

12
site/_includes/css/site.css
View file

@ -96,6 +96,16 @@ a[href] {
margin: -0.1em;
position: relative;
}
a[target=_blank]::after {
display: inline-block;
content: "";
height: 1em;
width: 1em;
vertical-align: middle;
background-color: currentColor;
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='-2 0 19 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.267 3.793v7.996a.477.477 0 0 1-.475.475h-2.356v2.472a.476.476 0 0 1-.475.475H1.208a.476.476 0 0 1-.475-.475V6.74a.476.476 0 0 1 .475-.475h2.356V3.793a.476.476 0 0 1 .475-.475h9.753a.476.476 0 0 1 .475.475zm-3.94 8.471H4.04a.477.477 0 0 1-.475-.475V8.626H1.84v5.476h8.487zm2.832-6.585H4.672v5.476h8.487z'/%3E%3C/svg%3E");
opacity: 0.5;
}
a:hover,
a:focus-visible {
outline: none;
@ -513,7 +523,7 @@ a.rss {
width: 1lh;
margin: 0 0 0 0.5rem;
--glowColor: #F80A;
background: url("/icons/rss.svg");
background-image: url("/icons/rss.svg");
border-radius: 0.25em;
opacity: 0.25;
transition: 5s opacity;