Fix compliance badge asset resolution issues

lottie · Oct 4, 2024 · 513ad0a · 513ad0a
1 parent cee5186
commit 513ad0a
Show file tree

Hide file tree

Showing 11 changed files with 38 additions and 53 deletions.
diff --git a/src/pages/compliance-buttons.js b/src/pages/compliance-buttons.js
@@ -50,23 +50,25 @@ const ComplianceButtonsPage = () => {
                   <th>Small</th>
                   <td>
                     <a
-                      href="/compliance-buttons/lottie-1.0-light-28.png"
+                      href="/compliance-buttons/lottie-1.0-light-56.png"
                       target="_blank"
                     >
                       <img
-                        src="/compliance-buttons/lottie-1.0-light-28.png"
-                        alt="lottie-1.0-light-28.png"
+                        height={28}
+                        src="/compliance-buttons/lottie-1.0-light-56.png"
+                        alt="lottie-1.0-light-56.png"
                       />
                     </a>
                   </td>
                   <td>
                     <a
-                      href="/compliance-buttons/lottie-1.0-dark-28.png"
+                      href="/compliance-buttons/lottie-1.0-dark-56.png"
                       target="_blank"
                     >
                       <img
-                        src="/compliance-buttons/lottie-1.0-dark-28.png"
-                        alt="lottie-1.0-dark-28.png"
+                        height={28}
+                        src="/compliance-buttons/lottie-1.0-dark-56.png"
+                        alt="lottie-1.0-dark-56.png"
                       />
                     </a>
                   </td>
@@ -75,23 +77,25 @@ const ComplianceButtonsPage = () => {
                   <th>Medium</th>
                   <td>
                     <a
-                      href="/compliance-buttons/lottie-1.0-light-56.png"
+                      href="/compliance-buttons/lottie-1.0-light-112.png"
                       target="_blank"
                     >
                       <img
-                        src="/compliance-buttons/lottie-1.0-light-56.png"
-                        alt="lottie-1.0-light-56.png"
+                        height={56}
+                        src="/compliance-buttons/lottie-1.0-light-112.png"
+                        alt="lottie-1.0-light-112.png"
                       />
                     </a>
                   </td>
                   <td>
                     <a
-                      href="/compliance-buttons/lottie-1.0-dark-56.png"
+                      href="/compliance-buttons/lottie-1.0-dark-112.png"
                       target="_blank"
                     >
                       <img
-                        src="/compliance-buttons/lottie-1.0-dark-56.png"
-                        alt="lottie-1.0-dark-56.png"
+                        height={56}
+                        src="/compliance-buttons/lottie-1.0-dark-112.png"
+                        alt="lottie-1.0-dark-112.png"
                       />
                     </a>
                   </td>
@@ -100,23 +104,25 @@ const ComplianceButtonsPage = () => {
                   <th>Large</th>
                   <td>
                     <a
-                      href="/compliance-buttons/lottie-1.0-light-112.png"
+                      href="/compliance-buttons/lottie-1.0-light-224.png"
                       target="_blank"
                     >
                       <img
-                        src="/compliance-buttons/lottie-1.0-light-112.png"
-                        alt="lottie-1.0-light-112.png"
+                        height={112}
+                        src="/compliance-buttons/lottie-1.0-light-224.png"
+                        alt="lottie-1.0-light-224.png"
                       />
                     </a>
                   </td>
                   <td>
                     <a
-                      href="/compliance-buttons/lottie-1.0-dark-112.png"
+                      href="/compliance-buttons/lottie-1.0-dark-224.png"
                       target="_blank"
                     >
                       <img
-                        src="/compliance-buttons/lottie-1.0-dark-112.png"
-                        alt="lottie-1.0-dark-112.png"
+                        height={112}
+                        src="/compliance-buttons/lottie-1.0-dark-224.png"
+                        alt="lottie-1.0-dark-224.png"
                       />
                     </a>
                   </td>
@@ -129,21 +135,25 @@ const ComplianceButtonsPage = () => {
                       target="_blank"
                       className="stretched-link"
                     >
-                    <iframe
-                      src="/compliance-buttons/lottie-1.0-light.svg"
-                      title="lottie-1.0-light.svg"
-                    ></iframe></a>
+                      <img
+                        height={84}
+                        src="/compliance-buttons/lottie-1.0-light.svg"
+                        alt="lottie-1.0-dark-112.png"
+                      />
+                    </a>
                   </td>
                   <td className="position-relative">
                     <a
                       href="/compliance-buttons/lottie-1.0-dark.svg"
                       target="_blank"
                       className="stretched-link"
                     >
-                    <iframe
-                      src="/compliance-buttons/lottie-1.0-dark.svg"
-                      title="lottie-1.0-dark.svg"
-                    ></iframe></a>
+                      <img
+                        height={84}
+                        src="/compliance-buttons/lottie-1.0-dark.svg"
+                        alt="lottie-1.0-dark.svg"
+                      />
+                    </a>
                   </td>
                 </tr>
               </tbody>

diff --git a/static/compliance-buttons/lottie-1.0-dark-112.png b/static/compliance-buttons/lottie-1.0-dark-112.png
diff --git a/static/compliance-buttons/lottie-1.0-dark-224.png b/static/compliance-buttons/lottie-1.0-dark-224.png
diff --git a/static/compliance-buttons/lottie-1.0-dark-28.png b/static/compliance-buttons/lottie-1.0-dark-28.png
diff --git a/static/compliance-buttons/lottie-1.0-dark-56.png b/static/compliance-buttons/lottie-1.0-dark-56.png
diff --git a/static/compliance-buttons/lottie-1.0-dark.svg b/static/compliance-buttons/lottie-1.0-dark.svg
diff --git a/static/compliance-buttons/lottie-1.0-light-112.png b/static/compliance-buttons/lottie-1.0-light-112.png
diff --git a/static/compliance-buttons/lottie-1.0-light-224.png b/static/compliance-buttons/lottie-1.0-light-224.png
diff --git a/static/compliance-buttons/lottie-1.0-light-28.png b/static/compliance-buttons/lottie-1.0-light-28.png
diff --git a/static/compliance-buttons/lottie-1.0-light-56.png b/static/compliance-buttons/lottie-1.0-light-56.png