Added logo images

peripleo · Feb 27, 2024 · c149c48 · c149c48
1 parent 7d1892f
commit c149c48
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 0 deletions.
diff --git a/public/nli-logo-desktop-rtl.svg b/public/nli-logo-desktop-rtl.svg
diff --git a/public/nli-logo-mobile.svg b/public/nli-logo-mobile.svg
diff --git a/src/index.css b/src/index.css
@@ -79,4 +79,19 @@ html, body, #app {
 .kima-welcome .p6o-info-modal-main svg {
   font-size: 16px;
   vertical-align: text-top;
+}
+
+.kima-nli-logo {
+  bottom: 0;
+  position: absolute;
+  right: 0;
+}
+.kima-nli-logo img.desktop {
+  margin: 0 15px 25px 0;
+  width: 240px;
+}
+
+.kima-nli-logo img.mobile {
+  margin: 0 15px 45px 0;
+  width: 180px;
 }
diff --git a/src/index.jsx b/src/index.jsx
@@ -100,6 +100,26 @@ const App = () => {
             {loading && 
               <LoadIndicator />
             }
+
+            <div className="kima-nli-logo">
+              <a href="https://www.nli.org.il" target="_blank" title="National Library of Israel website">
+                <Desktop>
+                  <img 
+                    className="desktop" 
+                    src="/nli-logo-desktop-rtl.svg" 
+                    alt="לוגו הספרייה הלאומית של ישראל" 
+                    title="לוגו הספרייה הלאומית של ישראל" />
+                </Desktop>
+
+                <Mobile>
+                  <img 
+                    className="mobile"
+                    src="/nli-logo-mobile.svg" 
+                    alt="לוגו הספרייה הלאומית של ישראל" 
+                    title="לוגו הספרייה הלאומית של ישראל" />
+                </Mobile>
+              </a>
+            </div>
           </Controls>
         </KimaStore>
       </Peripleo>