move to a controllable svg include

dotenvx · Jul 5, 2024 · f53d3d4 · f53d3d4
1 parent 77a3731
commit f53d3d4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/assets/img/gh-badge.svg → _includes/logos/gh-badge.html b/assets/img/gh-badge.svg → _includes/logos/gh-badge.html
@@ -1,6 +1,6 @@
-<svg width="288.99" height="67" xmlns="http://www.w3.org/2000/svg">
+<svg class="{{include.class}}" fill="currentColor" viewBox="0 0 288.99 67" xmlns="http://www.w3.org/2000/svg">
   <g fill="none" fill-rule="evenodd">
-    <rect stroke="#333333" stroke-width="2" fill="#333333" x="1" y="1" width="286.99" height="65" rx="8"/>
+    <rect stroke-width="2" x="1" y="1" width="286.99" height="65" rx="8"/>
     <path d="M21 12.5c-5.96 0-10.8 4.84-10.8 10.8 0 4.77 3.1 8.81 7.37 10.23.54.1.73-.23.73-.51 0-.25-.01-.92-.01-1.8-2.99.65-3.63-1.46-3.63-1.46-.49-1.24-1.19-1.57-1.19-1.57-.98-.67.07-.66.07-.66 1.08.07 1.64 1.11 1.64 1.11.97 1.65 2.54 1.18 3.16.9.1-.7.38-1.18.69-1.45-2.39-.27-4.91-1.2-4.91-5.34 0-1.18.42-2.15 1.11-2.91-.11-.27-.48-1.37.1-2.85 0 0 .9-.29 2.95 1.1.85-.24 1.75-.36 2.65-.36s1.8.12 2.65.36c2.05-1.39 2.95-1.1 2.95-1.1.58 1.48.21 2.58.1 2.85.69.76 1.11 1.73 1.11 2.91 0 4.16-2.53 5.07-4.94 5.34.39.33.73.99.73 2v2.97c0 .28.19.61.73.51 4.27-1.42 7.37-5.46 7.37-10.23 0-5.96-4.84-10.8-10.8-10.8z" transform="scale(1.6) translate(0 -2)" fill="#FFFFFF"/>
     <text font-family="Arial" font-size="25" font-weight="bold" fill="#FFFFFF">
       <tspan x="66" y="51">GitHub Trending</tspan>

diff --git a/assets/img/hn-badge.svg → _includes/logos/hn-badge.html b/assets/img/hn-badge.svg → _includes/logos/hn-badge.html
@@ -1,6 +1,6 @@
-<svg width="288.99" height="67" xmlns="http://www.w3.org/2000/svg">
+<svg class="{{include.class}}" viewBox="0 0 288.99 67" xmlns="http://www.w3.org/2000/svg">
   <g fill="none" fill-rule="evenodd">
-    <rect stroke="#FF6600" stroke-width="2" fill="#FF6600" x="1" y="1" width="286.99" height="65" rx="8"/>
+    <rect stroke-width="2" x="1" y="1" width="286.99" height="65" rx="8"/>
     <rect fill="#FFFFFF" x="14" y="14" width="40" height="40" rx="3"/>
     <path d="M32.684 37.277L26 24h3.055l3.932 8.402c.06.15.13.305.211.465.081.16.152.326.212.497.04.065.07.123.09.177.021.053.041.101.061.144.101.214.192.422.273.625.08.204.15.39.211.562.162-.364.338-.754.53-1.17.191-.418.388-.85.59-1.3L39.156 24H42l-6.745 13.437V46h-2.57v-8.723z" fill="#FF6600" fill-rule="nonzero"/>
     <text font-family="Arial" font-size="25" font-weight="bold" fill="#FFFFFF">

diff --git a/_includes/v1/components/social-proof.html b/_includes/v1/components/social-proof.html
@@ -1,8 +1,12 @@
-<div class="max-w-full flex flex-col sm:flex-row">
+<div class="max-w-full flex flex-col sm:flex-row gap-1">
   <div class="flex-1 flex items-center">
-    <a href="https://news.ycombinator.com/item?id=40789353" target="_blank"><img alt="Featured on Hacker News" src="/assets/img/hn-badge.svg" class="w-60 p-1"/></a>
+    <a href="https://news.ycombinator.com/item?id=40789353" target="_blank">
+      {% include logos/hn-badge.html class="bg-[#FF6600] w-60 rounded-md" %}
+    </a>
   </div>
   <div class="flex-1 flex items-center">
-    <a href="https://trendshift.io/repositories/10988" target="_blank"><img alt="Featured on GitHub Trending" src="/assets/img/gh-badge.svg" class="w-60 p-1"/></a>
+    <a href="https://trendshift.io/repositories/10988" target="_blank">
+      {% include logos/gh-badge.html class="bg-black dark:bg-zinc-800 w-60 rounded-md" %}
+    </a>
   </div>
 </div>