diff --git a/site/_includes/components/collectionList.njk b/site/_includes/components/collectionList.njk index 7b48ca3..7ac9ca2 100644 --- a/site/_includes/components/collectionList.njk +++ b/site/_includes/components/collectionList.njk @@ -8,7 +8,7 @@ {% if item.data.cover %} {% endif %} - {{item.data.title}} + {{item.data.title}}
{%- if item.data.date -%} {{item.data.date | formatDate("MMMM DD, YYYY") }} diff --git a/site/_includes/css/site.css b/site/_includes/css/site.css index f4498ae..c3f9110 100644 --- a/site/_includes/css/site.css +++ b/site/_includes/css/site.css @@ -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;