switch to svg for 'verified' icon

index.html

@@ -64,7 +64,7 @@
                 <div class="row align_vertical" style="justify-content: space-between; height: min-content;">
                     <div class="row align_vertical" style="gap: 0.75em;">
                         <h2 style="margin-bottom: 0; margin-top: 0;">Featured project</h2>
-                        <img class="icon" src="media/icons/verified.png">
+                        <img class="icon" src="media/icons/verified.svg">
                     </div>
                     <p style="min-width: max-content; position: relative; top: 0.75em;"><a href="projects.html" class="light">All projects ></a></p>
                 </div>

media/icons/verified.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m344-60-76-128-144-32 14-148-98-112 98-112-14-148 144-32 76-128 136 58 136-58 76 128 144 32-14 148 98 112-98 112 14 148-144 32-76 128-136-58-136 58Zm94-278 226-226-56-58-170 170-86-84-56 56 142 142Z"/></svg>

projects.html

@@ -41,10 +41,10 @@
         <div class="spacer" style="--size: 1em;"></div>
         <!-- <div class="spacer" style="--size: 0.5em;"></div>
         <div class="box">
-            <div class="column" style="width: 100%; background-color: var(--accent); border-radius: 1em; padding: 1em 1em 0 1em;">
+            <div class="column" style="width: 100%; background-color: var(--accent); border-radius: 1.25em; padding: 1em 1em 0 1em;">
                 <h3 style="color: black; margin-top: 0; margin-bottom: 0.5em">Are you a recruiter?</h3>
                 <p style="color: black;">If you wish to see case studies and other previous works, <a href="#" class="bold" style="color: black; text-decoration: underline dotted; text-decoration-thickness: 2px;">click here</a>. 
-                    The projects you might find interesting on this page are marked with a  <img class="verified" style="filter: brightness(0); top: 0.35em;" src="media/icons/verified.png" />
+                    The projects you might find interesting on this page are marked with a  <img class="verified" style="filter: brightness(0); top: 0.35em;" src="media/icons/verified.svg" />
             </div>
         </div>
         <div class="spacer" style="--size: 1.5em;"></div> -->
@@ -82,7 +82,7 @@
                             <img src="projects/kaya/thumb.png" alt="Kaya sur la banquise" title="Kaya sur la banquise" class="card_image"/>
                             <div class="box">
                                 <div class="column" style="width: 100%;">
-                                    <h3 class="card_title">Kaya sur la banquise <img class="verified" src="media/icons/verified.png" /></h3>
+                                    <h3 class="card_title">Kaya sur la banquise <img class="verified" src="media/icons/verified.svg" /></h3>
                                     <p class="card_text">
                                         A puppet show telling the story of Kaya, a young inuit girl who seeks a magic flower.
                                     </p>
@@ -95,7 +95,7 @@
                             <img src="projects/patatotapopata/thumb.png" alt="Patatotapopata" title="Patatotapopata" class="card_image"/>
                             <div class="box">
                                 <div class="column" style="width: 100%;">
-                                    <h3 class="card_title">Patatotapopata <img class="verified" src="media/icons/verified.png" /></h3>
+                                    <h3 class="card_title">Patatotapopata <img class="verified" src="media/icons/verified.svg" /></h3>
                                     <p class="card_text">
                                         A 30 seconds 3D animated short film about choice, freedom and death.
                                     </p>
@@ -118,7 +118,7 @@
                             <img src="projects/moxxy/thumb.png" alt="Moxxy" title="Moxxy" class="card_image"/>
                             <div class="box">
                                 <div class="column" style="width: 100%;">
-                                    <h3 class="card_title">Moxxy <img class="verified" src="media/icons/verified.png" /></h3>
+                                    <h3 class="card_title">Moxxy <img class="verified" src="media/icons/verified.svg" /></h3>
                                     <p class="card_text">
                                         A modern open source XMPP client for Android written in Flutter.
                                     </p>
@@ -155,7 +155,7 @@
                             <img src="projects/gang/thumb.png" alt="Gang" title="Gang" class="card_image"/>
                             <div class="box">
                                 <div class="column" style="width: 100%;">
-                                    <h3 class="card_title">Gang <img class="verified" src="media/icons/verified.png" /></h3>
+                                    <h3 class="card_title">Gang <img class="verified" src="media/icons/verified.svg" /></h3>
                                     <p class="card_text">
                                         A complete redesign of the famous card game "Gang of Four" in my own style, with a focus on being clean and accessible to colorblind people. 
                                     </p>

style_expanded.css

@@ -255,6 +255,7 @@ hr {
 
 .icon {
     filter: var(--icons);
+    height: 26px;
 }
 
 .verified {