cahched badges

article.php

@@ -42,7 +42,7 @@
                 <h2 id="credits">{$lang['credits']}</h2>
                 <section id="creditSection">
                     <a href="https://linkedin.com/in/luisfaires/" target="_blank">
-                        <img src="https://img.shields.io/badge/Luis_Fillipe-Software_Developer_-0077B5?style=for-the-badge&amp;logo=linkedin&amp;logoColor=white" alt="LinkedIn - Luis Fillipe Aires Souza" id="creditBadge" loading="lazy">
+                        <img src="/img/badges/Luis_Fillipe-Software_Developer.svg" alt="LinkedIn - Luis Fillipe Aires Souza" id="creditBadge" loading="lazy">
                     </a>
                     <span class="creditSpan">Samuel Lee <a href="https://samuellee.itch.io/cow-boy-animated-pixel-art" target="_blank" class="anchor">Cowboy (Animated Pixel Art)</a></span>
                     <span class="creditSpan">CraftPix <a href="https://free-game-assets.itch.io/free-rpg-desert-tileset" target="_blank" class="anchor">RPG Desert Tileset</a></span>
@@ -53,19 +53,19 @@
             <li>
                 <h2>{$lang['developedWith']}</h2>
                 <section>
-                    <img src="https://img.shields.io/badge/Visual_Studio_Code-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white" class="badges" alt="VS Code" loading="lazy">
-                    <img src="https://img.shields.io/badge/PHP-777BB4?style=for-the-badge&logo=php&logoColor=white" class="badges" alt="PHP" loading="lazy">
-                    <img src="https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E" class="badges" alt="JavaScript" loading="lazy">
-                    <img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white" class="badges" alt="HTML5" loading="lazy">
-                    <img src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white" class="badges" alt="CSS3" loading="lazy">
-                    <img src="https://img.shields.io/badge/gimp-5C5543?style=for-the-badge&logo=gimp&logoColor=white" class="badges" alt="Gimp" loading="lazy">
+                    <img src="/img/badges/Visual_Studio_Code.svg" class="badges" alt="VS Code" loading="lazy">
+                    <img src="/img/badges/PHP.svg" class="badges" alt="PHP" loading="lazy">
+                    <img src="/img/badges/JavaScript.svg" class="badges" alt="JavaScript" loading="lazy">
+                    <img src="/img/badges/HTML5.svg" class="badges" alt="HTML5" loading="lazy">
+                    <img src="/img/badges/CSS3.svg" class="badges" alt="CSS3" loading="lazy">
+                    <img src="/img/badges/gimp.svg" class="badges" alt="Gimp" loading="lazy">
                 </section>
             </li>
             <li>
                 <h2>{$lang['inspired']}</h2>
                 <section>
                     <a href="https://www.youtube.com/playlist?list=PLTcmLKdIkOWmeNferJ292VYKBXydGeDej" target="_blank">
-                        <img src="https://img.shields.io/badge/Playlist_Flappy_bird_--_Dev_Soutinho-FF0000?style=for-the-badge&logo=youtube&logoColor=white" class="badges" alt="Playlist Flappy bird - Dev Soutinho - YouTube" loading="lazy">
+                        <img src="/img/badges/Playlist_Flappy_bird.svg" class="badges" alt="Playlist Flappy bird - Dev Soutinho - YouTube" loading="lazy">
                     </a>
                 </section>
             </li>