From 30e247519713b5dbbc60ae3e8542174e4fa1881c Mon Sep 17 00:00:00 2001
From: Marwin Hochfelsner <50826859+hlfan@users.noreply.github.com>
Date: Mon, 26 May 2025 16:22:14 +0200
Subject: [PATCH] Store about icons separately

---
 app/assets/images/about/community.svg |  4 ++++
 app/assets/images/about/legal.svg     |  5 ++++
 app/assets/images/about/local.svg     |  4 ++++
 app/assets/images/about/open.svg      |  4 ++++
 app/assets/images/about/partners.svg  |  5 ++++
 app/views/site/about.html.erb         | 33 ++++-----------------------
 6 files changed, 27 insertions(+), 28 deletions(-)
 create mode 100644 app/assets/images/about/community.svg
 create mode 100644 app/assets/images/about/legal.svg
 create mode 100644 app/assets/images/about/local.svg
 create mode 100644 app/assets/images/about/open.svg
 create mode 100644 app/assets/images/about/partners.svg

diff --git a/app/assets/images/about/community.svg b/app/assets/images/about/community.svg
new file mode 100644
index 000000000..40e5d5af4
--- /dev/null
+++ b/app/assets/images/about/community.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30">
+  <circle fill="none" stroke="#c0c0c0" stroke-width="4" cx="15" cy="15" r="13" />
+  <path fill="#c0c0c0" d="m15 7-6 6v7h4v-4h4v4h4v-7z" />
+</svg>
diff --git a/app/assets/images/about/legal.svg b/app/assets/images/about/legal.svg
new file mode 100644
index 000000000..e2d5a3cb4
--- /dev/null
+++ b/app/assets/images/about/legal.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" stroke="#c0c0c0" stroke-width="1.125" stroke-linecap="round">
+  <circle fill="none" stroke="#c0c0c0" stroke-width="4" cx="15" cy="15" r="13" />
+  <path transform="translate(15 15) scale(2.2 1.75) rotate(45)" d="M.5 1a1 1 0 0 0 0-2h-2.5a1 1 0 0 1 0-2h.5" />
+  <path transform="translate(15 15) scale(-2.2 -1.75) rotate(45)" d="M.5 1a1 1 0 0 0 0-2h-2.5a1 1 0 0 1 0-2h.5" />
+</svg>
diff --git a/app/assets/images/about/local.svg b/app/assets/images/about/local.svg
new file mode 100644
index 000000000..3f6e94b59
--- /dev/null
+++ b/app/assets/images/about/local.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30">
+  <circle fill="none" stroke="#c0c0c0" stroke-width="4" cx="15" cy="15" r="13" />
+  <path fill="#c0c0c0" d="m15 22s5-4.52 5-8c0-3-2-5-5-5s-5 2-5 5c0 3.48 5 8 5 8z" />
+</svg>
diff --git a/app/assets/images/about/open.svg b/app/assets/images/about/open.svg
new file mode 100644
index 000000000..389f201b6
--- /dev/null
+++ b/app/assets/images/about/open.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" stroke="#c0c0c0">
+  <circle stroke-width="4" cx="15" cy="15" r="13" />
+  <path stroke-width="3" d="M20.196 18a6 6 0 1 1 0-6" />
+</svg>
diff --git a/app/assets/images/about/partners.svg b/app/assets/images/about/partners.svg
new file mode 100644
index 000000000..c5eed7832
--- /dev/null
+++ b/app/assets/images/about/partners.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" stroke="#c0c0c0" stroke-width="4" stroke-linecap="round">
+  <circle cx="15" cy="15" r="13" />
+  <line x1="11" y1="15" x2="19" y2="15" />
+  <line x1="15" y1="11" x2="15" y2="19" />
+</svg>
diff --git a/app/views/site/about.html.erb b/app/views/site/about.html.erb
index 56e82f8f8..2d8e1575d 100644
--- a/app/views/site/about.html.erb
+++ b/app/views/site/about.html.erb
@@ -23,10 +23,7 @@
 
       <section>
         <div class="d-flex align-items-center gap-2 mb-2">
-          <svg width="30" height="30" class="flex-shrink-0">
-            <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
-            <path d="m 15,22 c 0,0 5,-4.5199 5,-8 0,-3 -2,-5 -5,-5 -3,0 -5,2 -5,5 0,3.4801 5,8 5,8 z" fill="#c0c0c0" />
-          </svg>
+          <%= inline_svg_tag "about/local.svg", :class => "flex-shrink-0" %>
           <h2 class="flex-grow-1 mb-0"><%= t ".local_knowledge_title" %></h2>
         </div>
         <p><%= t ".local_knowledge_html" %></p>
@@ -34,10 +31,7 @@
 
       <section>
         <div class="d-flex align-items-center gap-2 mb-2">
-          <svg width="30" height="30" class="flex-shrink-0">
-            <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
-            <path d="m 15,7 -6,6 0,7 4,0 0,-4 4,0 0,4 4,0 0,-7 z" fill="#c0c0c0" />
-          </svg>
+          <%= inline_svg_tag "about/community.svg", :class => "flex-shrink-0" %>
           <h2 class="flex-grow-1 mb-0"><%= t ".community_driven_title" %></h2>
         </div>
         <p>
@@ -54,10 +48,7 @@
 
       <section id="open-data">
         <div class="d-flex align-items-center gap-2 mb-2">
-          <svg width="30" height="30" class="flex-shrink-0">
-            <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
-            <path d="M20.196 18 a6 6 0 1 1 0 -6" fill="none" stroke="#c0c0c0" stroke-width="3" />
-          </svg>
+          <%= inline_svg_tag "about/open.svg", :class => "flex-shrink-0" %>
           <h2 class="flex-grow-1 mb-0"><%= t ".open_data_title" %></h2>
         </div>
         <p>
@@ -68,15 +59,7 @@
 
       <section id="legal">
         <div class="d-flex align-items-center gap-2 mb-2">
-          <svg width="30" height="30" class="flex-shrink-0">
-            <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
-            <g fill="none" stroke="#c0c0c0" stroke-width="1.125" stroke-linecap="round">
-              <path transform="translate(15 15) scale(2.2 1.75) rotate(45)"
-                    d="M.5 1 a1 1 0 0 0 0 -2 h-2.5 a1 1 0 0 1 0 -2 h.5" />
-              <path transform="translate(15 15) scale(-2.2 -1.75) rotate(45)"
-                    d="M.5 1 a1 1 0 0 0 0 -2 h-2.5 a1 1 0 0 1 0 -2 h.5" />
-            </g>
-          </svg>
+          <%= inline_svg_tag "about/legal.svg", :class => "flex-shrink-0" %>
           <h2 class="flex-grow-1 mb-0"><%= t ".legal_title" %></h2>
         </div>
         <p>
@@ -101,13 +84,7 @@
 
       <section id="partners">
         <div class="d-flex align-items-center gap-2 mb-2">
-          <svg width="30" height="30" class="flex-shrink-0">
-            <circle cx="15" cy="15" r="13" fill="none" stroke="#c0c0c0" stroke-width="4" />
-            <g stroke="#c0c0c0" stroke-width="4" stroke-linecap="round">
-              <line x1="11" y1="15" x2="19" y2="15" />
-              <line x1="15" y1="11" x2="15" y2="19" />
-            </g>
-          </svg>
+          <%= inline_svg_tag "about/partners.svg", :class => "flex-shrink-0" %>
           <h2 class="flex-grow-1 mb-0"><%= t ".partners_title" %></h2>
         </div>
         <p><%= t "layouts.hosting_partners_2024_html", :fastly => link_to(t("layouts.partners_fastly"), "https://www.fastly.com/"),
-- 
2.39.5