Pin icon images to specific version

Instead of using the `latest` version, which could introduce breaking changes.
This commit is contained in:
Foster Hangdaan 2024-03-11 15:57:14 -04:00
parent 7f825e9ca7
commit 4b8e72b1d6
Signed by: foster
GPG key ID: E48D7F49A852F112
5 changed files with 17 additions and 17 deletions

View file

@ -9,7 +9,7 @@ export default function ({ comp }) {
<div className="social-links"> <div className="social-links">
<a href="https://code.fosterhangdaan.com/foster" title="Forgejo"> <a href="https://code.fosterhangdaan.com/foster" title="Forgejo">
<img <img
src="https://static.fosterhangdaan.com/icons/simple-icons/latest/forgejo.svg" src="https://static.fosterhangdaan.com/icons/simple-icons/v10.2.0/forgejo.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="forgejo" alt="forgejo"
@ -17,7 +17,7 @@ export default function ({ comp }) {
</a> </a>
<a href="mailto:foster@hangdaan.email" title="eMail"> <a href="mailto:foster@hangdaan.email" title="eMail">
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/mail-filled.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/mail-filled.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="e-mail" alt="e-mail"
@ -25,7 +25,7 @@ export default function ({ comp }) {
</a> </a>
<a href="https://www.fosterhangdaan.com/blog/feed.rss" title="RSS Feed"> <a href="https://www.fosterhangdaan.com/blog/feed.rss" title="RSS Feed">
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/rss.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/rss.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="rss" alt="rss"
@ -36,7 +36,7 @@ export default function ({ comp }) {
title="JSON Feed" title="JSON Feed"
> >
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/braces.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/braces.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="json feed" alt="json feed"
@ -49,7 +49,7 @@ export default function ({ comp }) {
<a href="https://www.typescriptlang.org/">TypeScript</a> and lots of <a href="https://www.typescriptlang.org/">TypeScript</a> and lots of
{" "} {" "}
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/heart.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/heart.svg"
className="icon" className="icon"
style={{ filter: "var(--filter-red)" }} style={{ filter: "var(--filter-red)" }}
title="love" title="love"

View file

@ -9,7 +9,7 @@ export default function () {
<li className="navbar-list-item home"> <li className="navbar-list-item home">
<a href="/" title="Home"> <a href="/" title="Home">
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/home.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/home.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="home" alt="home"
@ -19,7 +19,7 @@ export default function () {
<li className="navbar-list-item"> <li className="navbar-list-item">
<a href="/blog/" title="Blog"> <a href="/blog/" title="Blog">
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/news.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/news.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="blog" alt="blog"
@ -29,7 +29,7 @@ export default function () {
<li className="navbar-list-item"> <li className="navbar-list-item">
<a href="/resume/" title="Resume"> <a href="/resume/" title="Resume">
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/file-cv.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/file-cv.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="resume" alt="resume"
@ -39,7 +39,7 @@ export default function () {
<li className="navbar-list-item"> <li className="navbar-list-item">
<a href="/gpg-key/" title="GPG Key"> <a href="/gpg-key/" title="GPG Key">
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/key.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/key.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="gpg key" alt="gpg key"
@ -49,7 +49,7 @@ export default function () {
<li className="navbar-list-item"> <li className="navbar-list-item">
<a href="/about/" title="About"> <a href="/about/" title="About">
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/info-circle.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/info-circle.svg"
className="icon" className="icon"
style={iconStyle} style={iconStyle}
alt="about" alt="about"

View file

@ -4,7 +4,7 @@ export default function () {
<span className="outer-outline" /> <span className="outer-outline" />
<span> <span>
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/diamonds.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/diamonds.svg"
className="icon" className="icon"
style={{ filter: "var(--filter-black)" }} style={{ filter: "var(--filter-black)" }}
alt="" alt=""

View file

@ -164,34 +164,34 @@ blockquote {
left: calc(-0.75rem - 1.5rem); left: calc(-0.75rem - 1.5rem);
filter: var(--filter-bg); filter: var(--filter-bg);
content: ""; content: "";
background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/quote.svg"); background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/quote.svg");
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-size: contain !important; background-size: contain !important;
} }
&.info { &.info {
&::before { &::before {
background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/info-circle.svg"); background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/info-circle.svg");
} }
color: var(--color-blue); color: var(--color-blue);
border-color: var(--color-blue); border-color: var(--color-blue);
} }
&.success { &.success {
&::before { &::before {
background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/check.svg"); background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/check.svg");
} }
color: var(--color-success); color: var(--color-success);
border-color: var(--color-success); border-color: var(--color-success);
} }
&.warning { &.warning {
&::before { &::before {
background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/alert-triangle.svg"); background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/alert-triangle.svg");
} }
color: var(--color-warn); color: var(--color-warn);
border-color: var(--color-warn); border-color: var(--color-warn);
} }
&.danger { &.danger {
&::before { &::before {
background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/circle-x.svg"); background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/circle-x.svg");
} }
color: var(--color-error); color: var(--color-error);
border-color: var(--color-error); border-color: var(--color-error);

View file

@ -18,7 +18,7 @@ export default function ({ nav, comp }) {
return ( return (
<div className="no-posts"> <div className="no-posts">
<img <img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/coffee.svg" src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/coffee.svg"
className="icon" className="icon"
alt="" alt=""
/> />