From 17d2999324177e4a0c8ca95d1c8de110ddae0184 Mon Sep 17 00:00:00 2001
From: AucT <auct.eu@gmail.com>
Date: Wed, 11 Sep 2024 12:06:46 +0300
Subject: [PATCH 1/4] replace png/webp with svg for technologies

---
 themes/beaver/layouts/page/index.html         | 12 ++++-----
 .../static/img/icons/technologies/node.svg    |  6 +++++
 .../static/img/icons/technologies/python.svg  | 10 +++++++
 .../static/img/icons/technologies/react.svg   |  8 ++++++
 .../static/img/icons/technologies/ruby.svg    | 27 +++++++++++++++++++
 .../static/img/icons/technologies/vue.svg     |  6 +++++
 6 files changed, 63 insertions(+), 6 deletions(-)
 create mode 100644 themes/beaver/static/img/icons/technologies/node.svg
 create mode 100644 themes/beaver/static/img/icons/technologies/python.svg
 create mode 100644 themes/beaver/static/img/icons/technologies/react.svg
 create mode 100644 themes/beaver/static/img/icons/technologies/ruby.svg
 create mode 100644 themes/beaver/static/img/icons/technologies/vue.svg

diff --git a/themes/beaver/layouts/page/index.html b/themes/beaver/layouts/page/index.html
index ae179d388..7e890a25b 100644
--- a/themes/beaver/layouts/page/index.html
+++ b/themes/beaver/layouts/page/index.html
@@ -444,7 +444,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-614 size-full" src="{{ absURL "wp-content/uploads/2022/09/rube-on-rails.png" }}" alt="Ruby on Rails" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/ruby" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -464,7 +464,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-612 size-full" src="{{ absURL "wp-content/uploads/2022/09/python.png" }}" alt="Python" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/python" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -484,7 +484,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-613 size-full" src="{{ absURL "wp-content/uploads/2022/09/react.png" }}" alt="React Js" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/react" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -504,7 +504,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-620 size-full" src="{{ absURL "wp-content/uploads/2022/09/vue.png" }}" alt="Vue Js" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/vue" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -540,7 +540,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-613 size-full" src="{{ absURL "wp-content/uploads/2022/09/react.png" }}" alt="React Js" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/react" }}
                                                 </div>
                                              </div>
                                           </div>
@@ -560,7 +560,7 @@ <h2 class="fl-heading">
                                           <div class="fl-module-content fl-node-content">
                                              <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject">
                                                 <div class="fl-photo-content fl-photo-img-png">
-                                                   <img loading="lazy" decoding="async" class="fl-photo-img wp-image-609 size-full" src="{{ absURL "wp-content/uploads/2022/09/node.png" }}" alt="Node Js" itemprop="image" height="112" width="130"  />
+                                                   {{ partial "svg" "technologies/node" }}
                                                 </div>
                                              </div>
                                           </div>
diff --git a/themes/beaver/static/img/icons/technologies/node.svg b/themes/beaver/static/img/icons/technologies/node.svg
new file mode 100644
index 000000000..9f51570f5
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/node.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     aria-label="Node.js" role="img"
+     viewBox="0 0 512 512">
+    <path fill="#539E43"
+          d="M247 281q3 0 4 2c2 3-2 27 34 30s57-2 60-18-4-21-60-27-56-33-56-42 0-49 68-49 70 40 71 47 0 9-4 9H346q-4 0-5-5c-3-12-9-25-44-25s-39 11-39 22 11 13 47 18 65 9 69 39-16 58-71 58q-79 0-79-54 0-5 5-5M417 145q16 9 16 29V340q0 18-14 27L273 452q-16 8-32 0l-49-29q-8-4-2-6 13-4 22-10 2-1 4 0l37 22q3 2 6 0l145-84q2-1 2-5V172q0-3-2-4L259 84q-3-2-6 0L107 168q-2 1-2 4V341q0 3 2 4l40 23c16 9 35 3 35-15V188q0-6 6-6h16q6 0 6 6V353c0 49-45 55-77 37L94 368q-15-9-15-27V172q0-18 16-27L237 63q19-12 38 0"/>
+</svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/python.svg b/themes/beaver/static/img/icons/technologies/python.svg
new file mode 100644
index 000000000..755d1e1db
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/python.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     aria-label="Python" role="img"
+     viewBox="0 0 512 512">
+
+    <g fill="#5a9fd4">
+        <path id="p"
+              d="M254 64c-16 0-31 1-44 4-39 7-46 21-46 47v35h92v12H130c-27 0-50 16-58 46-8 35-8 57 0 93 7 28 23 47 49 47h32v-42c0-30 26-57 57-57h91c26 0 46-21 46-46v-88c0-24-21-43-46-47-15-3-32-4-47-4zm-50 28c10 0 17 8 17 18 0 9-7 17-17 17-9 0-17-8-17-17 0-10 8-18 17-18z"/>
+    </g>
+    <use xlink:href="#p" fill="#ffd43b" transform="rotate(180,256,255)"/>
+</svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/react.svg b/themes/beaver/static/img/icons/technologies/react.svg
new file mode 100644
index 000000000..7cd854b24
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/react.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     aria-label="React" role="img"
+     viewBox="0 0 512 512">
+
+    <circle cx="256" cy="256" r="36" fill="#61dafb"/>
+    <path stroke="#61dafb" stroke-width="18" fill="none"
+          d="M255.95 326.95a183 71 0 11.1 0Zm-61.42-35.52a183 71 60 11.05.09Zm122.89.09a71 183 30 11.05-.09Z"/>
+</svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/ruby.svg b/themes/beaver/static/img/icons/technologies/ruby.svg
new file mode 100644
index 000000000..0898f8192
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/ruby.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     aria-label="Ruby" role="img"
+     viewBox="0 0 512 512" fill="url(#a)">
+
+    <linearGradient id="a" x2=".2" y2="1">
+        <stop offset=".2" stop-color="#fff"/>
+        <stop offset=".4" stop-color="#d53"/>
+        <stop offset=".6" stop-color="#b10"/>
+    </linearGradient>
+    <linearGradient id="b" y1="1">
+        <stop offset="0" stop-color="#fff"/>
+        <stop offset=".1" stop-color="#d32"/>
+        <stop offset=".2" stop-color="#800"/>
+        <stop offset="1" stop-color="#d20"/>
+    </linearGradient>
+    <path fill="#810" d="m154 430 257-17V248"/>
+    <path fill="#b10" d="m411 413-164-13 81-61zl-22-152 41-100"/>
+    <path fill="#900" d="m81 360q2 72 73 70c129-8 266-167 276-269q6-68-55-78l-54 30s-11 194-218 204"/>
+    <path d="m81 360 5-97 19 54"/>
+    <path d="m105 317 49 113 40-133"/>
+    <path d="m194 297 100-94 34 137"/>
+    <path d="m294 203 27-90 101 82"/>
+    <g fill="url(#b)">
+        <path d="m155 157a62 139 45 101-1.02"/>
+        <path d="m375 83h-96l42 30zl300-600"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/vue.svg b/themes/beaver/static/img/icons/technologies/vue.svg
new file mode 100644
index 000000000..a88800462
--- /dev/null
+++ b/themes/beaver/static/img/icons/technologies/vue.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     aria-label="Vue" role="img"
+     viewBox="0 0 512 512">
+    <path fill="#42b883" d="m64 100h148l44 77 44-77h148L256 433"/>
+    <path fill="#35495e" d="m141 100h71l44 77 44-77h71L256 300"/>
+</svg>
\ No newline at end of file

From 884d43f19c1e64750b717d7ad950a27e88ecefa2 Mon Sep 17 00:00:00 2001
From: AucT <auct.eu@gmail.com>
Date: Wed, 11 Sep 2024 12:40:25 +0300
Subject: [PATCH 2/4] trim some svg

---
 themes/beaver/static/img/icons/technologies/node.svg  | 6 ++----
 themes/beaver/static/img/icons/technologies/react.svg | 7 ++-----
 themes/beaver/static/img/icons/technologies/vue.svg   | 8 +++-----
 3 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/themes/beaver/static/img/icons/technologies/node.svg b/themes/beaver/static/img/icons/technologies/node.svg
index 9f51570f5..857c10b2e 100644
--- a/themes/beaver/static/img/icons/technologies/node.svg
+++ b/themes/beaver/static/img/icons/technologies/node.svg
@@ -1,6 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg"
-     aria-label="Node.js" role="img"
-     viewBox="0 0 512 512">
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Node.js" viewBox="79 57 354 399">
     <path fill="#539E43"
-          d="M247 281q3 0 4 2c2 3-2 27 34 30s57-2 60-18-4-21-60-27-56-33-56-42 0-49 68-49 70 40 71 47 0 9-4 9H346q-4 0-5-5c-3-12-9-25-44-25s-39 11-39 22 11 13 47 18 65 9 69 39-16 58-71 58q-79 0-79-54 0-5 5-5M417 145q16 9 16 29V340q0 18-14 27L273 452q-16 8-32 0l-49-29q-8-4-2-6 13-4 22-10 2-1 4 0l37 22q3 2 6 0l145-84q2-1 2-5V172q0-3-2-4L259 84q-3-2-6 0L107 168q-2 1-2 4V341q0 3 2 4l40 23c16 9 35 3 35-15V188q0-6 6-6h16q6 0 6 6V353c0 49-45 55-77 37L94 368q-15-9-15-27V172q0-18 16-27L237 63q19-12 38 0"/>
+          d="M247 281q3 0 4 2c2 3-2 27 34 30s57-2 60-18-4-21-60-27-56-33-56-42 0-49 68-49 70 40 71 47 0 9-4 9h-18q-4 0-5-5c-3-12-9-25-44-25s-39 11-39 22 11 13 47 18 65 9 69 39-16 58-71 58q-79 0-79-54 0-5 5-5m188-136q16 9 16 29v166q0 18-14 27l-146 85q-16 8-32 0l-49-29q-8-4-2-6 13-4 22-10 2-1 4 0l37 22q3 2 6 0l145-84q2-1 2-5V172q0-3-2-4L259 84q-3-2-6 0l-146 84q-2 1-2 4v169q0 3 2 4l40 23c16 9 35 3 35-15V188q0-6 6-6h16q6 0 6 6v165c0 49-45 55-77 37l-39-22q-15-9-15-27V172q0-18 16-27l142-82q19-12 38 0"/>
 </svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/react.svg b/themes/beaver/static/img/icons/technologies/react.svg
index 7cd854b24..1b90d9830 100644
--- a/themes/beaver/static/img/icons/technologies/react.svg
+++ b/themes/beaver/static/img/icons/technologies/react.svg
@@ -1,8 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg"
-     aria-label="React" role="img"
-     viewBox="0 0 512 512">
-
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="React" viewBox="64 91.31 384 342.89">
     <circle cx="256" cy="256" r="36" fill="#61dafb"/>
     <path stroke="#61dafb" stroke-width="18" fill="none"
-          d="M255.95 326.95a183 71 0 11.1 0Zm-61.42-35.52a183 71 60 11.05.09Zm122.89.09a71 183 30 11.05-.09Z"/>
+          d="M255.95 326.95a183 71 0 1 1 .1 0Zm-61.42-35.52a183 71 60 1 1 .05.09Zm122.89.09a71 183 30 1 1 .05-.09Z"/>
 </svg>
\ No newline at end of file
diff --git a/themes/beaver/static/img/icons/technologies/vue.svg b/themes/beaver/static/img/icons/technologies/vue.svg
index a88800462..8f83432f5 100644
--- a/themes/beaver/static/img/icons/technologies/vue.svg
+++ b/themes/beaver/static/img/icons/technologies/vue.svg
@@ -1,6 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg"
-     aria-label="Vue" role="img"
-     viewBox="0 0 512 512">
-    <path fill="#42b883" d="m64 100h148l44 77 44-77h148L256 433"/>
-    <path fill="#35495e" d="m141 100h71l44 77 44-77h71L256 300"/>
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Vue" viewBox="64 100 384 333">
+    <path fill="#42b883" d="M64 100h148l44 77 44-77h148L256 433"/>
+    <path fill="#35495e" d="M141 100h71l44 77 44-77h71L256 300"/>
 </svg>
\ No newline at end of file

From de5a74e80a8d45bee6b76cc5087d692418f4a35e Mon Sep 17 00:00:00 2001
From: AucT <auct.eu@gmail.com>
Date: Wed, 11 Sep 2024 12:52:22 +0300
Subject: [PATCH 3/4] update python

---
 .../beaver/static/img/icons/technologies/python.svg   | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/themes/beaver/static/img/icons/technologies/python.svg b/themes/beaver/static/img/icons/technologies/python.svg
index 755d1e1db..ee6d9cd03 100644
--- a/themes/beaver/static/img/icons/technologies/python.svg
+++ b/themes/beaver/static/img/icons/technologies/python.svg
@@ -1,10 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-     aria-label="Python" role="img"
-     viewBox="0 0 512 512">
-
-    <g fill="#5a9fd4">
-        <path id="p"
-              d="M254 64c-16 0-31 1-44 4-39 7-46 21-46 47v35h92v12H130c-27 0-50 16-58 46-8 35-8 57 0 93 7 28 23 47 49 47h32v-42c0-30 26-57 57-57h91c26 0 46-21 46-46v-88c0-24-21-43-46-47-15-3-32-4-47-4zm-50 28c10 0 17 8 17 18 0 9-7 17-17 17-9 0-17-8-17-17 0-10 8-18 17-18z"/>
-    </g>
-    <use xlink:href="#p" fill="#ffd43b" transform="rotate(180,256,255)"/>
-</svg>
\ No newline at end of file
+<svg viewBox="0 0 256 255" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><defs><linearGradient x1="12.959%" y1="12.039%" x2="79.639%" y2="78.201%" id="a"><stop stop-color="#387EB8" offset="0%"/><stop stop-color="#366994" offset="100%"/></linearGradient><linearGradient x1="19.128%" y1="20.579%" x2="90.742%" y2="88.429%" id="b"><stop stop-color="#FFE052" offset="0%"/><stop stop-color="#FFC331" offset="100%"/></linearGradient></defs><path d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072zM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13z" fill="url(#a)"/><path d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13z" fill="url(#b)"/></svg>
\ No newline at end of file

From 2c08cacb94125f19000e1e8b1cb2b2fd43b19c71 Mon Sep 17 00:00:00 2001
From: AucT <auct.eu@gmail.com>
Date: Wed, 11 Sep 2024 13:09:56 +0300
Subject: [PATCH 4/4] update ruby to 1kb cropped

---
 .../static/img/icons/technologies/python.svg  | 18 +++++++++++-
 .../static/img/icons/technologies/ruby.svg    | 29 +++++++++----------
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/themes/beaver/static/img/icons/technologies/python.svg b/themes/beaver/static/img/icons/technologies/python.svg
index ee6d9cd03..097fff85c 100644
--- a/themes/beaver/static/img/icons/technologies/python.svg
+++ b/themes/beaver/static/img/icons/technologies/python.svg
@@ -1 +1,17 @@
-<svg viewBox="0 0 256 255" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><defs><linearGradient x1="12.959%" y1="12.039%" x2="79.639%" y2="78.201%" id="a"><stop stop-color="#387EB8" offset="0%"/><stop stop-color="#366994" offset="100%"/></linearGradient><linearGradient x1="19.128%" y1="20.579%" x2="90.742%" y2="88.429%" id="b"><stop stop-color="#FFE052" offset="0%"/><stop stop-color="#FFC331" offset="100%"/></linearGradient></defs><path d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072zM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13z" fill="url(#a)"/><path d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13z" fill="url(#b)"/></svg>
\ No newline at end of file
+<svg viewBox="0 0 256 255" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
+    <defs>
+        <linearGradient x1="12.959%" y1="12.039%" x2="79.639%" y2="78.201%" id="a">
+            <stop stop-color="#387EB8" offset="0%"/>
+            <stop stop-color="#366994" offset="100%"/>
+        </linearGradient>
+        <linearGradient x1="19.128%" y1="20.579%" x2="90.742%" y2="88.429%" id="b">
+            <stop stop-color="#FFE052" offset="0%"/>
+            <stop stop-color="#FFC331" offset="100%"/>
+        </linearGradient>
+    </defs>
+    <path d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072zM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13z"
+          fill="url(#a)"/>
+    <path d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13z"
+          fill="url(#b)"/>
+</svg>
+
diff --git a/themes/beaver/static/img/icons/technologies/ruby.svg b/themes/beaver/static/img/icons/technologies/ruby.svg
index 0898f8192..2cc1120dd 100644
--- a/themes/beaver/static/img/icons/technologies/ruby.svg
+++ b/themes/beaver/static/img/icons/technologies/ruby.svg
@@ -1,21 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg"
-     aria-label="Ruby" role="img"
-     viewBox="0 0 512 512" fill="url(#a)">
-
-    <linearGradient id="a" x2=".2" y2="1">
-        <stop offset=".2" stop-color="#fff"/>
-        <stop offset=".4" stop-color="#d53"/>
-        <stop offset=".6" stop-color="#b10"/>
+<svg fill="url(#a)" viewBox="59.392 70.656 388.096 384" role="img" aria-label="Ruby" xmlns="http://www.w3.org/2000/svg">
+    <linearGradient y2="1" x2=".2" id="a">
+        <stop stop-color="#fff" offset=".2"/>
+        <stop stop-color="#d53" offset=".4"/>
+        <stop stop-color="#b10" offset=".6"/>
     </linearGradient>
-    <linearGradient id="b" y1="1">
-        <stop offset="0" stop-color="#fff"/>
-        <stop offset=".1" stop-color="#d32"/>
-        <stop offset=".2" stop-color="#800"/>
-        <stop offset="1" stop-color="#d20"/>
+    <linearGradient y1="1" id="b">
+        <stop stop-color="#fff" offset="0"/>
+        <stop stop-color="#d32" offset=".1"/>
+        <stop stop-color="#800" offset=".2"/>
+        <stop stop-color="#d20" offset="1"/>
     </linearGradient>
-    <path fill="#810" d="m154 430 257-17V248"/>
-    <path fill="#b10" d="m411 413-164-13 81-61zl-22-152 41-100"/>
-    <path fill="#900" d="m81 360q2 72 73 70c129-8 266-167 276-269q6-68-55-78l-54 30s-11 194-218 204"/>
+    <path d="m154 430 257-17V248" fill="#810"/>
+    <path d="m411 413-164-13 81-61zl-22-152 41-100" fill="#b10"/>
+    <path d="m81 360q2 72 73 70c129-8 266-167 276-269q6-68-55-78l-54 30s-11 194-218 204" fill="#900"/>
     <path d="m81 360 5-97 19 54"/>
     <path d="m105 317 49 113 40-133"/>
     <path d="m194 297 100-94 34 137"/>