From 4bd4dc7487e116d9e3485c6893d397bf167d8251 Mon Sep 17 00:00:00 2001
From: plowsof <plowsof@protonmail.com>
Date: Tue, 27 Aug 2024 23:47:23 +0100
Subject: [PATCH] uris png->avif

---
 _includes/footer.html            |  4 ++--
 _includes/head.html              |  2 +-
 _posts/2020-07-31-clsag-audit.md |  2 +-
 community/hangouts/index.md      |  2 +-
 community/merchants/index.md     |  2 +-
 community/workgroups/index.md    | 22 +++++++++++-----------
 css/custom.css                   | 32 ++++++++++++++++----------------
 index.html                       |  2 +-
 resources/roadmap/index.md       |  6 +++---
 resources/user-guides/index.md   |  2 +-
 10 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 09a3b437..799ca17d 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -43,11 +43,11 @@
                 <div class="row center-xs">
                     <div class="footer-links">
                         <ul class="list-unstyled list-inline">
-                            <li><a href="{% include onion.html %}" class="white footer-link"><img class="tor" src="/img/onion-tor.png" alt="onion service">{% t tools.onion-service %}</a></li>
+                            <li><a href="{% include onion.html %}" class="white footer-link"><img class="tor" src="/img/onion-tor.avif" alt="onion service">{% t tools.onion-service %}</a></li>
                              <li><a href="{{ site.baseurl }}/legal/" class="white footer-link">{% t footer.legal %}</a></li>
                              <li><a href="https://github.com/monero-project/monero-site" class="white footer-link">{% t footer.source %}</a></li>
                              <li><a href="{{ site.baseurl}}/sitemap.xml" class="white footer-link">Sitemap</a></li>
-                             <li><a class="white" href="{{ site.baseurl_root }}/feed.xml"><img src="/img/feed.png" width="30" height="30" alt="Feed icon">{% t footer.feed %}</a></li>
+                             <li><a class="white" href="{{ site.baseurl_root }}/feed.xml"><img src="/img/feed.avif" width="30" height="30" alt="Feed icon">{% t footer.feed %}</a></li>
                         </ul>
                     </div>
                 </div>
diff --git a/_includes/head.html b/_includes/head.html
index 167c76a4..d51b1e5e 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -49,7 +49,7 @@
         <link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png">
         <link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png">
         <link rel="manifest" href="/meta/manifest.json">
-        <link rel="mask-icon" href="/meta/safari-pinned-tab.png" color="#5bbad5">
+        <link rel="mask-icon" href="/meta/safari-pinned-tab.avif" color="#5bbad5">
         <meta name="theme-color" content="#ffffff">
 
     <link href="/css/custom.css" rel="stylesheet">
diff --git a/_posts/2020-07-31-clsag-audit.md b/_posts/2020-07-31-clsag-audit.md
index 5a1e5821..29fc7d0f 100644
--- a/_posts/2020-07-31-clsag-audit.md
+++ b/_posts/2020-07-31-clsag-audit.md
@@ -4,7 +4,7 @@ title: CLSAG audit results
 summary: Results of an external security audit of the CLSAG signature construction
 tags: [community]
 author: Sarang Noether, Ph.D.
-image: /blog/assets/clsag/clsag.png
+image: /blog/assets/clsag/clsag.avif
 ---
 
 
diff --git a/community/hangouts/index.md b/community/hangouts/index.md
index 5305d7d1..e1238a8c 100644
--- a/community/hangouts/index.md
+++ b/community/hangouts/index.md
@@ -91,7 +91,7 @@ meta_descr: hangouts.intro
                    {% for room in rooms_list %}
                      {% if room[0] == channel[0] %}
                        {% if rooms_list.matrix %}
-                         <a class="chats-img" href="{{ rooms_list.matrix }}"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a>
+                         <a class="chats-img" href="{{ rooms_list.matrix }}"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a>
                        {% endif %}
                      {% endif %}
                    {% endfor %}
diff --git a/community/merchants/index.md b/community/merchants/index.md
index 25519244..a90831fc 100644
--- a/community/merchants/index.md
+++ b/community/merchants/index.md
@@ -31,7 +31,7 @@ meta_descr: merchants.descr
       <div class="left half no-pad-sm col-lg-6 col-md-6 col-sm-12 col-xs-12">
         <div class="info-block">
           <div class="center-xs">
-            <img class="merch" src="/img/merchants/bisq.png" alt="Bisq Logo" title="Bisq">
+            <img class="merch" src="/img/merchants/bisq.avif" alt="Bisq Logo" title="Bisq">
             <p>{% t merchants.bisqdescr %}</p>
           </div>
           <div>
diff --git a/community/workgroups/index.md b/community/workgroups/index.md
index 2b347a30..410bb4d1 100644
--- a/community/workgroups/index.md
+++ b/community/workgroups/index.md
@@ -23,7 +23,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.core_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#monero-dev</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-dev"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-dev:monero.social?via=matrix.org&via=monero.social"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chat %} <code>#monero-dev</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-dev"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-dev:monero.social?via=matrix.org&via=monero.social"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
             <li>Email: <code>dev[at]getmonero[dot]org</code></li>
           </ul>
           <div class="row center-xs icons">
@@ -42,7 +42,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.community_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#monero-community</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-community"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-community:monero.social?via=matrix.org&via=monero.social"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chat %} <code>#monero-community</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-community"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-community:monero.social?via=matrix.org&via=monero.social"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
             <li>{% t team.website %} <a href="https://www.communityworkgroup.org/">www.communityworkgroup.org</a></li>
           </ul>
           <div class="row center-xs icons">
@@ -61,8 +61,8 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.devworkgroup_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chatgeneral %} <code>#monero-dev</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-dev"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-dev:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
-            <li>{% t team.chatgui %} <code>#monero-gui</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-gui"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-gui:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chatgeneral %} <code>#monero-dev</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-dev"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-dev:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chatgui %} <code>#monero-gui</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-gui"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-gui:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
           </ul>
           <div class="row center-xs icons">
             <a class="ext-noicon" href="https://github.com/monero-project/monero" target="_blank" rel="noreferrer, noopener" aria-label="Github monero logo"><div class="col social-icon github"></div></a>
@@ -81,7 +81,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.web_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#monero-site</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-site"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-site:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chat %} <code>#monero-site</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-site"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-site:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
           </ul>
           <div class="row center-xs icons">
             <a class="ext-noicon" href="https://github.com/monero-project/monero-site" target="_blank" rel="noreferrer, noopener" aria-label="GitHub logo"><div class="col social-icon github"></div></a>
@@ -99,7 +99,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.localization_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#monero-translations</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-translations"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-translations:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chat %} <code>#monero-translations</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-translations"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-translations:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
             <li>{% t team.locplatform %} <a href="https://translate.getmonero.org">Weblate</a></li>
           </ul>
           <div class="row center-xs icons">
@@ -118,7 +118,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.nwlb_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#no-wallet-left-behind</code> <a class="chats-img" href="https://matrix.to/#/%23no-wallet-left-behind:monero.social"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a><a class="chats-img" href="irc://irc.libera.chat/#no-wallet-left-behind"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a></li>
+            <li>{% t team.chat %} <code>#no-wallet-left-behind</code> <a class="chats-img" href="https://matrix.to/#/%23no-wallet-left-behind:monero.social"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a><a class="chats-img" href="irc://irc.libera.chat/#no-wallet-left-behind"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a></li>
           </ul>
           <div class="row center-xs icons">
             <a class="ext-noicon" href="https://github.com/seraphis-migration/strategy/wiki/Seraphis-Wallet-Workgroup" target="_blank" rel="noreferrer, noopener" aria-label="Github logo"><div class="col social-icon github"></div></a>
@@ -136,7 +136,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.mrl_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#monero-research-lab</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-research-lab"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-research-lab:monero.social?via=matrix.org&via=privacytools.io"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chat %} <code>#monero-research-lab</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-research-lab"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-research-lab:monero.social?via=matrix.org&via=privacytools.io"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
           </ul>
           <div class="row center-xs icons">
             <a class="ext-noicon" href="https://github.com/monero-project/research-lab" target="_blank" rel="noreferrer, noopener" aria-label="GitHub logo"><div class="col social-icon github"></div></a>
@@ -154,7 +154,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.space_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#monero-space</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-space"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-space:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chat %} <code>#monero-space</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-space"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-space:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
             <li>{% t team.website %} <a href="https://monero.space" target="_blank" rel="noreferrer, noopener">monero.space</a></li>
             <li>Flarum: <a href="https://forum.monero.space" target="_blank" rel="noreferrer, noopener">forum.monero.space</a></li>
           </ul>
@@ -174,7 +174,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.mpwg_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#monero-policy</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-policy"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-policy:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.png" title="Matrix" alt="Matrix logo"></a></li>
+            <li>{% t team.chat %} <code>#monero-policy</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-policy"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a> <a class="chats-img" href="https://matrix.to/#/%23monero-policy:monero.social?via=matrix.org"><img class="matrix" src="/img/matrix-logo.avif" title="Matrix" alt="Matrix logo"></a></li>
             <li>Email: <code>policy[at]getmonero[dot]org</code></li>
             <li>{% t team.website %} <a href="https://moneropolicy.org">moneropolicy.org</a></li>
           </ul>
@@ -191,7 +191,7 @@ meta_descr: meta_descr.workgroups
           <p>{% t team.mrw_start %}</p>
           <h4>{% t team.contacts %}</h4>
           <ul class="logo">
-            <li>{% t team.chat %} <code>#monero-mrw</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-mrw"><img class="libera" src="/img/libera.png" title="libera" alt="libera logo"></a></li>
+            <li>{% t team.chat %} <code>#monero-mrw</code> <a class="chats-img" href="irc://irc.libera.chat/#monero-mrw"><img class="libera" src="/img/libera.avif" title="libera" alt="libera logo"></a></li>
             <li>{% t team.website %} <a href="https://mrw.getmonero.org">mrw.getmonero.org</a></li>
           </ul>
         </div>
diff --git a/css/custom.css b/css/custom.css
index 84e66625..44d115b1 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -991,20 +991,20 @@ a {
 /* External link icon */
 
 a[href^="https:"]:not([href*="getmonero.org"]):not([class*="btn-link"]):not([class="chats-img"]):not([class*="ext-noicon"]):not([class*="white"]) {
-  background: url(/img/external.png) no-repeat right;
+  background: url(/img/external.avif) no-repeat right;
   padding-right: 0.7em;
   margin-right: 0.3rem;
   background-size: 0.6em;
 }
 
 a[href^="https:"]:not([href*="getmonero.org"]).white {
-  background: url(/img/external-white.png) no-repeat right;
+  background: url(/img/external-white.avif) no-repeat right;
   padding-right: 0.7em;
   background-size: 0.6em;
 }
 
 a[href^="https:"]:not([href*="getmonero.org"]).orange {
-  background: url(/img/external.png) no-repeat right;
+  background: url(/img/external.avif) no-repeat right;
   padding-right: 0.7em;
   padding-top: 0.5em;
   background-size: 0.6em;
@@ -1237,7 +1237,7 @@ label.upgrade-x:after {
 }
 
 ul.logo {
-  list-style-image: url('/img/logo-list.png');
+  list-style-image: url('/img/logo-list.avif');
 }
 
 a.arrow-up {
@@ -2885,7 +2885,7 @@ p.main-downloads {
 }
 
 .mining li.cons:before {
-  content: url("/img/emojis/274C.png");
+  content: url("/img/emojis/274C.avif");
 }
 
 /****************************FOOTER***************************/
@@ -3135,12 +3135,12 @@ footer {
 }
 
 .guides span.icon-page {
-  background-image: url(../img/emojis/1F4C4.png);
+  background-image: url(../img/emojis/1F4C4.avif);
   float: left;
 }
 
 .guides span.icon-globe {
-  background-image: url(../img/emojis/1F310.png);
+  background-image: url(../img/emojis/1F310.avif);
   float: left;
 }
 
@@ -3179,7 +3179,7 @@ footer {
 }
 
 .downloads ul.logo {
-  list-style-image: url('/img/logo-list.png');
+  list-style-image: url('/img/logo-list.avif');
 }
 
 .download-nav.info-block {
@@ -3552,7 +3552,7 @@ span.icon-git {
 }
 
 .merchants span.cross {
-  background-image: url("/img/emojis/274C.png");
+  background-image: url("/img/emojis/274C.avif");
 }
 
 .merchants a.btn-fixed {
@@ -3594,15 +3594,15 @@ img.emoji {
 }
 
 .roadmap li.ongoing:before {
-  content: url("/img/emojis/1F6A7.png");
+  content: url("/img/emojis/1F6A7.avif");
 }
 
 .roadmap li.upcoming:before {
-  content: url("/img/emojis/1F9ED.png");
+  content: url("/img/emojis/1F9ED.avif");
 }
 
 .roadmap li.proposed:before {
-  content: url("/img/emojis/1F310.png");
+  content: url("/img/emojis/1F310.avif");
 }
 
 .roadmap .tabPanel-content span, .roadmap .ms-completed, .roadmap .ms-upcoming {
@@ -4068,7 +4068,7 @@ img.emoji {
 }
 
 .feed span.feed-pic {
-  background: url(../img/feed.png) no-repeat;
+  background: url(../img/feed.avif) no-repeat;
   position: absolute;
   right: 0;
 }
@@ -4442,7 +4442,7 @@ p.hangouts-social {
 }
 
 .faq ul.logo {
-  list-style-image: url('/img/logo-list.png');
+  list-style-image: url('/img/logo-list.avif');
 }
 
 .faq li.category {
@@ -4476,7 +4476,7 @@ p.hangouts-social {
 }
 
 .tab .anchor:before {
-  content: url('/img/link.png');
+  content: url('/img/link.avif');
 }
 
 .tab:hover .anchor {
@@ -4613,7 +4613,7 @@ input.accordion[type=radio]:checked + label::after {
 }
 
 .info-tooltip {
-  background: url("/img/circled-i.png") no-repeat right top;
+  background: url("/img/circled-i.avif") no-repeat right top;
   padding-right: 0.7rem;
   background-size: 0.7rem;
 }
diff --git a/index.html b/index.html
index 5b523dc4..310c2a53 100644
--- a/index.html
+++ b/index.html
@@ -144,7 +144,7 @@ permalink: index.html
             </div>
             <div class="row middle-xs info-block-row">
                 <div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs first-md last-sm last-xs">
-                    <img src="/img/mrl-logo.png" width="1500" height="1500" loading="lazy" alt="Monero Research Lab" class="main-icon-mrl">
+                    <img src="/img/mrl-logo.avif" width="1500" height="1500" loading="lazy" alt="Monero Research Lab" class="main-icon-mrl">
                 </div>
                 <div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
                     <h3>{% t titles.researchlab %}</h3>
diff --git a/resources/roadmap/index.md b/resources/roadmap/index.md
index a77932ce..a99a6354 100644
--- a/resources/roadmap/index.md
+++ b/resources/roadmap/index.md
@@ -12,13 +12,13 @@ meta_descr: meta_descr.roadmap
                 <p><img class="emoji" src="/img/emojis/2714.png">{% t roadmap.completed %}</p>
             </div>
             <div class="col-sm-3 col-xs-4">
-                <p><img class="emoji" src="/img/emojis/1F6A7.png">{% t roadmap.ongoing %}</p>
+                <p><img class="emoji" src="/img/emojis/1F6A7.avif">{% t roadmap.ongoing %}</p>
             </div>
             <div class="col-sm-3 col-xs-4">
-                <p><img class="emoji" src="/img/emojis/1F9ED.png">{% t roadmap.upcoming %}</p>
+                <p><img class="emoji" src="/img/emojis/1F9ED.avif">{% t roadmap.upcoming %}</p>
             </div>
             <div class="col-sm-3 col-xs-4">
-                <p><img class="emoji" src="/img/emojis/1F310.png">{% t roadmap.proposed %}</p>
+                <p><img class="emoji" src="/img/emojis/1F310.avif">{% t roadmap.proposed %}</p>
             </div>
         </div>
     </div>
diff --git a/resources/user-guides/index.md b/resources/user-guides/index.md
index 0c363f7a..9d523558 100644
--- a/resources/user-guides/index.md
+++ b/resources/user-guides/index.md
@@ -112,7 +112,7 @@ meta_descr: meta_descr.userguides
                             <p><a href="{{site.baseurl}}/resources/user-guides/tor_wallet.html">{% t user-guides.tor_wallet %}</a></p>
                             <p><a href="{{site.baseurl}}/resources/user-guides/node-i2p-zero.html">{% t user-guides.node-i2pzero %}</a></p>
                             <p><a href="{{site.baseurl}}/resources/user-guides/cli_wallet_daemon_isolation_qubes_whonix.html">{% t user-guides.qubes %}</a></p>
-                            <p><a href="http://xmrguide25ibknxgaray5rqksrclddxqku3ggdcnzg4ogdi5qkdkd2yd.onion">{% t user-guides.tailsguide %}</a><img alt="onion logo" class="onion-mid" src="/img/onion-tor.png" title="Onion link"/></p>
+                            <p><a href="http://xmrguide25ibknxgaray5rqksrclddxqku3ggdcnzg4ogdi5qkdkd2yd.onion">{% t user-guides.tailsguide %}</a><img alt="onion logo" class="onion-mid" src="/img/onion-tor.avif" title="Onion link"/></p>
                         </div>
                     </div>
                 </div>