Replace blurry rss button png with scalable svg

sorentwo · josevalim · commit dcd2b627ed1c · 2024-01-25T22:39:54.000+01:00
diff --git a/_layouts/blog.html b/_layouts/blog.html
@@ -7,7 +7,7 @@
 <div id="sidebar-primary" class="sidebar">
   {% include search.html %}
   <div class="rss-button">
-    <a href="https://elixir-lang.org/atom.xml" target="_blank"><img src="/images/social/RSSButton.png" alt="RSS button" /></a>
+    <a href="https://elixir-lang.org/atom.xml" target="_blank"><img src="/images/social/rss-feed-icon.svg" alt="RSS button" width="32" /></a>
   </div>
   {% include categories-list.html %}
   {% include important-links.html %}
diff --git a/images/social/RSSButton.png b/images/social/RSSButton.png
diff --git a/images/social/rss-feed-icon.svg b/images/social/rss-feed-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><defs><linearGradient x1=".085" y1=".085" x2=".915" y2=".915" id="a"><stop offset="0" stop-color="#E3702D"/><stop offset=".107" stop-color="#EA7D31"/><stop offset=".35" stop-color="#F69537"/><stop offset=".5" stop-color="#FB9E3A"/><stop offset=".702" stop-color="#EA7C31"/><stop offset=".887" stop-color="#DE642B"/><stop offset="1" stop-color="#D95B29"/></linearGradient></defs><rect width="256" height="256" rx="55" ry="55" fill="#CC5D15"/><rect width="246" height="246" rx="50" ry="50" x="5" y="5" fill="#F49C52"/><rect width="236" height="236" rx="47" ry="47" x="10" y="10" fill="url(#a)"/><circle cx="68" cy="189" r="24" fill="#FFF"/><path d="M160 213h-34a82 82 0 0 0-82-82V97a116 116 0 0 1 116 116z" fill="#FFF"/><path d="M184 213A140 140 0 0 0 44 73V38a175 175 0 0 1 175 175z" fill="#FFF"/></svg>
