From dc2d2d5dea2259aa76c914a07d2085a29b0b20c0 Mon Sep 17 00:00:00 2001
From: dwithana <dwithana@iu.edu>
Date: Mon, 1 Jul 2024 16:34:43 -0400
Subject: [PATCH] Add iiif logo to the link display in share

---
 app/assets/images/iiif-logo.svg               | 34 +++++++++++++++++++
 app/javascript/components/Ramp.scss           |  4 +++
 .../media_objects/_share_resource.html.erb    |  2 +-
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/images/iiif-logo.svg

diff --git a/app/assets/images/iiif-logo.svg b/app/assets/images/iiif-logo.svg
new file mode 100644
index 0000000000..529ba51ee9
--- /dev/null
+++ b/app/assets/images/iiif-logo.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 493.35999 441.33334"
+   height="441.33334"
+   width="493.35999"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1">
+  <metadata id="metadata8">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs id="defs6" />
+  <g transform="matrix(1.3333333,0,0,-1.3333333,0,441.33333)" id="g10">
+    <g transform="scale(0.1)" id="g12">
+      <path id="path14" style="fill:#2873ab;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5" />
+      <path id="path16" style="fill:#2873ab;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18" />
+      <path id="path18" style="fill:#ed1d33;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5" />
+      <path id="path20" style="fill:#ed1d33;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18" />
+      <path id="path22" style="fill:#2873ab;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5" />
+      <path id="path24" style="fill:#2873ab;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18" />
+      <path id="path26" style="fill:#ed1d33;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950" />
+    </g>
+  </g>
+</svg>
diff --git a/app/javascript/components/Ramp.scss b/app/javascript/components/Ramp.scss
index fb47b8101e..a6c2119fb7 100644
--- a/app/javascript/components/Ramp.scss
+++ b/app/javascript/components/Ramp.scss
@@ -198,6 +198,10 @@
     }
   }
 
+  .iiif-manifest-logo {
+    width: 1.5em;
+  }
+
   @media (max-width: 585px) {
     .ramp--tabs-panel {
       padding-top: 1rem;
diff --git a/app/views/media_objects/_share_resource.html.erb b/app/views/media_objects/_share_resource.html.erb
index db6e2ef1fd..814dc791ec 100644
--- a/app/views/media_objects/_share_resource.html.erb
+++ b/app/views/media_objects/_share_resource.html.erb
@@ -30,7 +30,7 @@ Unless required by applicable law or agreed to in writing, software distributed
         <% end %>
       </div>
       <div class="form-group">
-        <label for="link-object-manifest">IIIF Manifest</label>
+        <label for="link-object-manifest">IIIF Manifest</label><img src="<%= asset_path('iiif-logo.svg') %>" alt="IIIF Logo SVG" class="iiif-manifest-logo ml-1">
         <input type="text" class="col-md-12 form-control" id="link-object-manifest" value="<%= manifest_media_object_url(@media_object.id) %>" 
           placeholder="<%= manifest_media_object_url(@media_object.id) %>" onClick="this.select();" readonly="readonly">
       </div>