From b2fcf003f8e5c928cabf36ae9a01ef393de8874f Mon Sep 17 00:00:00 2001
From: Hidde Wieringa <hidde@hiddewieringa.nl>
Date: Tue, 14 May 2024 20:06:14 +0200
Subject: [PATCH] Convert note markers to SVG

---
 app/assets/images/closed_note_marker.png    | Bin 1819 -> 0 bytes
 app/assets/images/closed_note_marker.svg    |  43 ++++++++++++++++++++
 app/assets/images/closed_note_marker@2x.png | Bin 4004 -> 0 bytes
 app/assets/images/new_note_marker.png       | Bin 1760 -> 0 bytes
 app/assets/images/new_note_marker.svg       |  23 +++++++++++
 app/assets/images/new_note_marker@2x.png    | Bin 3781 -> 0 bytes
 app/assets/images/open_note_marker.png      | Bin 1883 -> 0 bytes
 app/assets/images/open_note_marker.svg      |  43 ++++++++++++++++++++
 app/assets/images/open_note_marker@2x.png   | Bin 4255 -> 0 bytes
 app/assets/javascripts/osm.js.erb           |   6 +--
 app/views/notes/index.html.erb              |   4 +-
 11 files changed, 114 insertions(+), 5 deletions(-)
 delete mode 100644 app/assets/images/closed_note_marker.png
 create mode 100644 app/assets/images/closed_note_marker.svg
 delete mode 100644 app/assets/images/closed_note_marker@2x.png
 delete mode 100644 app/assets/images/new_note_marker.png
 create mode 100644 app/assets/images/new_note_marker.svg
 delete mode 100644 app/assets/images/new_note_marker@2x.png
 delete mode 100644 app/assets/images/open_note_marker.png
 create mode 100644 app/assets/images/open_note_marker.svg
 delete mode 100644 app/assets/images/open_note_marker@2x.png

diff --git a/app/assets/images/closed_note_marker.png b/app/assets/images/closed_note_marker.png
deleted file mode 100644
index ad2812fbed6f85c06db0b505f6e2147e9b4d87d5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1819
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
JPDHLkV1gX5hX4Qo

diff --git a/app/assets/images/closed_note_marker.svg b/app/assets/images/closed_note_marker.svg
new file mode 100644
index 000000000..d16b5707e
--- /dev/null
+++ b/app/assets/images/closed_note_marker.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="40.226" width="25.1">
+  <defs>
+    <linearGradient id="A" x1="106.764" gradientUnits="userSpaceOnUse" y1="59.373" x2="106.764" y2="21.809">
+      <stop stop-color="#7cb928" offset="0"/>
+      <stop stop-color="#a2c857" offset="1"/>
+    </linearGradient>
+    <linearGradient id="B" x1="106.76" gradientUnits="userSpaceOnUse" y1="40.861" x2="106.76" y2="21.809">
+      <stop stop-color="#74963a" offset="0"/>
+      <stop stop-color="#89b63e" offset="1"/>
+    </linearGradient>
+  </defs>
+  <linearGradient x1="66.61" gradientUnits="userSpaceOnUse" y1="59.373" x2="66.61" y2="21.809">
+    <stop stop-color="#286eb5" offset="0"/>
+    <stop stop-color="#4d9cd1" offset="1"/>
+  </linearGradient>
+  <linearGradient x1="66.609" gradientUnits="userSpaceOnUse" y1="40.861" x2="66.609" y2="21.809">
+    <stop stop-color="#306d98" offset="0"/>
+    <stop stop-color="#3984b8" offset="1"/>
+  </linearGradient>
+  <linearGradient x1="160.144" gradientUnits="userSpaceOnUse" y1="59.373" x2="160.144" y2="21.809">
+    <stop stop-color="#286eb5" offset="0"/>
+    <stop stop-color="#4d9cd1" offset="1"/>
+  </linearGradient>
+  <linearGradient x1="160.146" gradientUnits="userSpaceOnUse" y1="40.861" x2="160.146" y2="21.809">
+    <stop stop-color="#306d98" offset="0"/>
+    <stop stop-color="#3984b8" offset="1"/>
+  </linearGradient>
+  <path fill-rule="evenodd" fill="#fff" d="M4.123 4.656h16.838v17.462H4.123z"/>
+  <g transform="translate(-94.205 -21.438)">
+    <linearGradient x1="106.764" gradientUnits="userSpaceOnUse" y1="59.373" x2="106.764" y2="21.809">
+      <stop stop-color="#7cb928" offset="0"/>
+      <stop stop-color="#a2c857" offset="1"/>
+    </linearGradient>
+    <linearGradient x1="106.76" gradientUnits="userSpaceOnUse" y1="40.861" x2="106.76" y2="21.809">
+      <stop stop-color="#74963a" offset="0"/>
+      <stop stop-color="#89b63e" offset="1"/>
+    </linearGradient>
+    <g stroke-width="1.1">
+      <path d="m 106.8,21.988 c -6.572,0 -12.045,5.691 -12.045,11.865 0,2.777 1.564,6.309 2.693,8.747 l 9.307,17.871 9.262,-17.871 c 1.131,-2.438 2.738,-5.792 2.738,-8.747 0,-6.174 -5.38,-11.865 -11.96,-11.865 z m -1.18,20.069 c -0.521,0 -1.025,-0.215 -1.389,-0.604 -0.025,-0.027 -2.609,-2.793 -3.945,-3.996 -0.779,-0.703 -0.841,-1.904 -0.139,-2.684 0.703,-0.781 1.904,-0.842 2.684,-0.139 0.64,0.576 1.501,1.438 2.275,2.232 1.244,-2.398 3.327,-6 5.765,-8.545 0.726,-0.758 1.929,-0.783 2.687,-0.057 0.758,0.725 0.783,1.928 0.058,2.686 -3.412,3.562 -6.228,9.906 -6.255,9.971 -0.258,0.584 -0.792,1 -1.422,1.108 -0.11,0.018 -0.22,0.028 -0.32,0.028 z" fill-rule="evenodd" stroke="url(#B)" fill="url(#A)"/>
+      <path d="M106.79 23.093c-5.943 0-10.938 5.221-10.938 10.75 0 2.359 1.443 5.832 2.562 8.25.006.012.025.021.031.031l8.312 15.969 8.25-15.969c.006-.012.025-.02.031-.031 1.135-2.448 2.625-5.706 2.625-8.25.01-5.537-4.93-10.75-10.87-10.75zm5.45 3.543a3.01 3.01 0 0 0-2.166.926c-2.09 2.18-3.914 5.074-5.236 7.471-.502-.498-.928-.904-1.273-1.217-.553-.498-1.266-.771-2.009-.771a3 3 0 0 0-2.228.992c-1.107 1.227-1.01 3.129.219 4.236 1.288 1.16 3.85 3.901 3.874 3.926.569.609 1.368.957 2.196.957a3.08 3.08 0 0 0 .498-.041c1.002-.172 1.841-.824 2.248-1.75.029-.064 2.805-6.271 6.043-9.652a2.98 2.98 0 0 0 .834-2.141c-.018-.801-.346-1.547-.925-2.102a3.01 3.01 0 0 0-2.08-.834z" stroke-opacity=".122" stroke="#fff" fill="none"/>
+    </g>
+  </g>
+</svg>
diff --git a/app/assets/images/closed_note_marker@2x.png b/app/assets/images/closed_note_marker@2x.png
deleted file mode 100644
index 96a2592e1ec89ab75f5f0101959f9505433588bc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4004
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
KMNUMnLSTYv>5%6D

diff --git a/app/assets/images/new_note_marker.png b/app/assets/images/new_note_marker.png
deleted file mode 100644
index a41464487e72589901742b731e1a361883c6775b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1760
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
CAX}*b

diff --git a/app/assets/images/new_note_marker.svg b/app/assets/images/new_note_marker.svg
new file mode 100644
index 000000000..efa538b72
--- /dev/null
+++ b/app/assets/images/new_note_marker.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="40.226" width="25.099">
+  <linearGradient x1="66.61" gradientUnits="userSpaceOnUse" y1="59.373" x2="66.61" y2="21.809">
+    <stop stop-color="#286eb5" offset="0"/>
+    <stop stop-color="#4d9cd1" offset="1"/>
+  </linearGradient>
+  <linearGradient x1="66.609" gradientUnits="userSpaceOnUse" y1="40.861" x2="66.609" y2="21.809">
+    <stop stop-color="#306d98" offset="0"/>
+    <stop stop-color="#3984b8" offset="1"/>
+  </linearGradient>
+  <linearGradient id="A" x1="12.548" gradientUnits="userSpaceOnUse" y1="37.935" x2="12.548" y2=".371">
+    <stop stop-color="#286eb5" offset="0"/>
+    <stop stop-color="#4d9cd1" offset="1"/>
+  </linearGradient>
+  <linearGradient id="B" x1="12.55" gradientUnits="userSpaceOnUse" y1="19.423" x2="12.55" y2=".371">
+    <stop stop-color="#306d98" offset="0"/>
+    <stop stop-color="#3984b8" offset="1"/>
+  </linearGradient>
+  <g fill-rule="evenodd">
+    <path fill="#fff" d="M2.063 13.585L12.069 2.251l11.124 12.602-10.006 11.335z"/>
+    <path fill="url(#A)" d="M 12.594,0.55000001 C 6.022,0.55000001 0.55000001,6.241 0.55000001,12.415 c 0,2.777 1.56299999,6.309 2.69299999,8.747 l 9.307,17.871 9.262,-17.871 c 1.13,-2.438 2.737001,-5.792 2.737001,-8.747 C 24.539001,6.241 19.159,0.55000001 12.589,0.55000001 v 0 z M 14.644,11.411 V 6.595 c 0,-1.105 -0.895,-2 -2,-2 -1.104,0 -2.001,0.897 -2,2 V 11.41 H 5.829 c -1.104,-10e-4 -2,0.896 -2,2 0,1.104 0.895,2 2,2 h 4.815 v 4.815 c -10e-4,1.104 0.896,2 2,2 0.552,0 1.052,-0.224 1.414,-0.586 0.361,-0.361 0.586,-0.861 0.586,-1.414 V 15.41 h 4.815 c 0.551,0 1.052,-0.224 1.414,-0.586 0.361,-0.362 0.585,-0.862 0.586,-1.415 0.001,-1.104 -0.896,-2.001 -2,-2 -0.008,0.0044 -4.815,0.002 -4.815,0.002 z" stroke="url(#B)" stroke-width="1.1"/>
+  </g>
+  <path fill="none" stroke-opacity=".122" stroke="#fff" stroke-width="1.1" d="M12.584 1.655c-5.944 0-10.938 5.221-10.938 10.75 0 2.359 1.442 5.832 2.562 8.25.005.012.025.021.03.031l8.313 15.969 8.25-15.969c.005-.012.025-.02.03-.031 1.136-2.448 2.625-5.706 2.625-8.25.01-5.537-4.92-10.75-10.86-10.75h0zm-2.13 2.757a3.08 3.08 0 0 0-.908 2.194l.001 3.714-3.716-.001a3.08 3.08 0 0 0-2.192.908 3.07 3.07 0 0 0-.906 2.193 3.07 3.07 0 0 0 .906 2.191c.586.585 1.365.908 2.193.908l3.714-.001.001 3.716c-.001.826.321 1.605.907 2.191s1.365.908 2.191.907 1.606-.322 2.191-.907a3.08 3.08 0 0 0 .909-2.193l.001-3.713 3.714-.001a3.08 3.08 0 0 0 2.191-.908c.586-.586.909-1.365.908-2.192a3.07 3.07 0 0 0-.907-2.191 3.07 3.07 0 0 0-2.191-.907h-3.717l.002-3.715a3.08 3.08 0 0 0-.908-2.192c-.586-.585-1.364-.908-2.193-.908-.8-.002-1.58.321-2.17.907h0z"/>
+</svg>
diff --git a/app/assets/images/new_note_marker@2x.png b/app/assets/images/new_note_marker@2x.png
deleted file mode 100644
index 756ad6fe5ba510fa4eb3710bb990fd51eb041540..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3781
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

diff --git a/app/assets/images/open_note_marker.png b/app/assets/images/open_note_marker.png
deleted file mode 100644
index 6fe5cb7ac4a7032e3643af8899c6c2d4ecc3a205..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1883
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
V1(R^IA8h~t002ovPDHLkV1m-fg)smC

diff --git a/app/assets/images/open_note_marker.svg b/app/assets/images/open_note_marker.svg
new file mode 100644
index 000000000..8dc07b71a
--- /dev/null
+++ b/app/assets/images/open_note_marker.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="40.226" width="25.099">
+  <defs>
+    <linearGradient id="A" x1="27.311" gradientUnits="userSpaceOnUse" y1="59.373" x2="27.311" y2="21.809">
+      <stop stop-color="#c72118" offset="0"/>
+      <stop stop-color="#d2534f" offset="1"/>
+    </linearGradient>
+    <linearGradient id="B" x1="27.31" gradientUnits="userSpaceOnUse" y1="40.861" x2="27.31" y2="21.809">
+      <stop stop-color="#983a38" offset="0"/>
+      <stop stop-color="#b83d3b" offset="1"/>
+    </linearGradient>
+  </defs>
+  <linearGradient x1="66.61" gradientUnits="userSpaceOnUse" y1="59.373" x2="66.61" y2="21.809">
+    <stop stop-color="#286eb5" offset="0"/>
+    <stop stop-color="#4d9cd1" offset="1"/>
+  </linearGradient>
+  <linearGradient x1="66.609" gradientUnits="userSpaceOnUse" y1="40.861" x2="66.609" y2="21.809">
+    <stop stop-color="#306d98" offset="0"/>
+    <stop stop-color="#3984b8" offset="1"/>
+  </linearGradient>
+  <linearGradient x1="160.144" gradientUnits="userSpaceOnUse" y1="59.373" x2="160.144" y2="21.809">
+    <stop stop-color="#286eb5" offset="0"/>
+    <stop stop-color="#4d9cd1" offset="1"/>
+  </linearGradient>
+  <linearGradient x1="160.146" gradientUnits="userSpaceOnUse" y1="40.861" x2="160.146" y2="21.809">
+    <stop stop-color="#306d98" offset="0"/>
+    <stop stop-color="#3984b8" offset="1"/>
+  </linearGradient>
+  <path d="M2.805 9.333l5.717-6.132 9.459.208 4.47 7.068-2.806 11.33-8.835.728-5.405-1.455-2.391-6.444z" fill="#fff"/>
+  <g transform="translate(-14.761 -21.438)">
+    <linearGradient x1="27.311" gradientUnits="userSpaceOnUse" y1="59.373" x2="27.311" y2="21.809">
+      <stop stop-color="#c72118" offset="0"/>
+      <stop stop-color="#d2534f" offset="1"/>
+    </linearGradient>
+    <linearGradient x1="27.31" gradientUnits="userSpaceOnUse" y1="40.861" x2="27.31" y2="21.809">
+      <stop stop-color="#983a38" offset="0"/>
+      <stop stop-color="#b83d3b" offset="1"/>
+    </linearGradient>
+    <g stroke-width="1.1">
+      <path d="m 27.355,21.988 c -6.572,0 -12.044,5.691 -12.044,11.865 0,2.777 1.563,6.309 2.693,8.747 L 27.311,60.471 36.573,42.6 c 1.13,-2.438 2.737,-5.792 2.737,-8.747 10e-4,-6.174 -5.382,-11.865 -11.955,-11.865 z m 2.875,12.86 3.547,-3.547 c 0.781,-0.781 0.781,-2.047 0,-2.828 -0.782,-0.781 -2.049,-0.781 -2.829,0 l -3.547,3.547 -3.547,-3.547 c -0.779,-0.781 -2.047,-0.781 -2.828,0 -0.781,0.781 -0.781,2.047 0,2.828 l 3.547,3.547 -3.547,3.546 c -0.781,0.78 -0.781,2.048 0,2.828 0.391,0.391 0.902,0.586 1.414,0.586 0.512,0 1.024,-0.195 1.414,-0.586 l 3.547,-3.546 3.547,3.546 c 0.39,0.391 0.902,0.586 1.414,0.586 0.512,0 1.023,-0.195 1.415,-0.586 0.781,-0.78 0.781,-2.048 0,-2.828 z" fill-rule="evenodd" stroke="url(#B)" fill="url(#A)"/>
+      <path d="M27.343 23.093c-5.944 0-10.938 5.221-10.938 10.75 0 2.359 1.442 5.832 2.562 8.25.005.012.025.021.03.031l8.313 15.969 8.25-15.969c.005-.012.025-.02.03-.031 1.136-2.448 2.625-5.706 2.625-8.25.002-5.537-4.929-10.75-10.872-10.75zm5.02 3.706a3.08 3.08 0 0 0-2.193.909l-2.768 2.769-2.769-2.77a3.08 3.08 0 0 0-2.192-.908c-.828 0-1.607.323-2.191.909s-.908 1.363-.908 2.191a3.08 3.08 0 0 0 .908 2.192l2.769 2.768-2.769 2.77c-.586.584-.908 1.363-.908 2.191s.322 1.607.908 2.191 1.363.908 2.191.908a3.08 3.08 0 0 0 2.193-.908l2.768-2.767 2.769 2.767c.585.586 1.363.908 2.192.908s1.607-.322 2.191-.908a3.07 3.07 0 0 0 .908-2.191c0-.828-.322-1.607-.908-2.191l-2.769-2.77 2.769-2.768a3.08 3.08 0 0 0 0-4.384 3.08 3.08 0 0 0-2.191-.908z" stroke-opacity=".122" stroke="#fff" fill="none"/>
+    </g>
+  </g>
+</svg>
diff --git a/app/assets/images/open_note_marker@2x.png b/app/assets/images/open_note_marker@2x.png
deleted file mode 100644
index 84df3f725fba80e4efa08440f9f8209d890355c5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4255
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
B8mj;R

diff --git a/app/assets/javascripts/osm.js.erb b/app/assets/javascripts/osm.js.erb
index 2e33438db..e429f4479 100644
--- a/app/assets/javascripts/osm.js.erb
+++ b/app/assets/javascripts/osm.js.erb
@@ -39,9 +39,9 @@ OSM = {
   MARKER_ICON_2X:          <%= image_path("leaflet/dist/images/marker-icon-2x.png").to_json %>,
   MARKER_SHADOW:           <%= image_path("leaflet/dist/images/marker-shadow.png").to_json %>,
 
-  NEW_NOTE_MARKER:         <%= image_path("new_note_marker.png").to_json %>,
-  OPEN_NOTE_MARKER:        <%= image_path("open_note_marker.png").to_json %>,
-  CLOSED_NOTE_MARKER:      <%= image_path("closed_note_marker.png").to_json %>,
+  NEW_NOTE_MARKER:         <%= image_path("new_note_marker.svg").to_json %>,
+  OPEN_NOTE_MARKER:        <%= image_path("open_note_marker.svg").to_json %>,
+  CLOSED_NOTE_MARKER:      <%= image_path("closed_note_marker.svg").to_json %>,
 
   apiUrl: function (object) {
     var apiType = object.type === "note" ? "notes" : object.type;
diff --git a/app/views/notes/index.html.erb b/app/views/notes/index.html.erb
index 8622bbf29..d5efe0d79 100644
--- a/app/views/notes/index.html.erb
+++ b/app/views/notes/index.html.erb
@@ -27,9 +27,9 @@
     <tr<% if note.author == @user %> class="table-primary"<% end %>>
       <td>
         <% if note.closed? %>
-          <%= image_tag("closed_note_marker.png", :alt => "closed", :size => "25x40") %>
+          <%= image_tag("closed_note_marker.svg", :alt => "closed", :width => 25, :height => 40) %>
         <% else %>
-          <%= image_tag("open_note_marker.png", :alt => "open", :size => "25x40") %>
+          <%= image_tag("open_note_marker.svg", :alt => "open", :width => 25, :height => 40) %>
         <% end %>
       </td>
       <td><%= link_to note.id, note %></td>
-- 
2.39.5