sponsors: embed Babiel SVG & add dynamic style for light/dark modes

curl · Sep 16, 2021 · c984fa0 · c984fa0
1 parent 5cc7958
commit c984fa0
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/_sponsors.html b/_sponsors.html
@@ -19,8 +19,9 @@
   max-width: 400px;
 }
 
-.silver img[src$=".svg"] {
+.silver img[src$=".svg"], .silver svg {
   width: 400px;
+  height: auto;
 }
 
 .gold {
@@ -30,6 +31,10 @@
     padding-bottom: 10px;
     text-align: center;
 }
+
+a:hover, svg:hover, img:hover {
+    background-color: transparent;
+}
 </style>
 </head>
 
@@ -98,7 +103,9 @@
 <div class="silver"><p> <a href="https://ipinfo.io/" rel="sponsored"><img src="pix/silver/ipinfo.svg" alt="ipinfo"></a></div>
 <!-- Silver via other means -->
  <div class="silver"><p> <a href="https://www.airlock.com/" rel="sponsored"><img src="pix/silver/airlock.svg" alt="Airlock"></a></div>
- <div class="silver"><p> <a href="https://www.babiel.com/" rel="sponsored"><img src="pix/silver/babiel.svg" alt="Babiel"></a></div>
+ <div class="silver"><p> <a href="https://www.babiel.com/" rel="sponsored" aria-label="Babiel">
+#include "pix/silver/babiel.svg"
+</a></div>
 
 <!---- Silver end ----->
 <div style="clear: both;"></div>

diff --git a/pix/silver/babiel.svg b/pix/silver/babiel.svg