From b1d1a04914c3517b5d3b6d68faa78ba45537f55e Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Wed, 27 Aug 2025 10:15:36 -0300
Subject: [PATCH] kiosk

---
 bs.js                        |   2 +-
 css/components/sdu_kiosk.css | 110 ++++++++++++++++++++++++++++++++++-
 2 files changed, 109 insertions(+), 3 deletions(-)

diff --git a/bs.js b/bs.js
index 37c6013..37f2a36 100755
--- a/bs.js
+++ b/bs.js
@@ -2,7 +2,7 @@ var browserSync = require('browser-sync');
 
 browserSync({
   //proxy: 'http://137.149.200.93',
-  proxy: 'https://sdu2.islandarchives.ca',
+  proxy: 'https://sdu.upei.ca',
   files: 'css/**/*.css',
   plugins: ['bs-rewrite-rules'],
   serveStatic: ['.'],
diff --git a/css/components/sdu_kiosk.css b/css/components/sdu_kiosk.css
index 1be833e..fadde86 100644
--- a/css/components/sdu_kiosk.css
+++ b/css/components/sdu_kiosk.css
@@ -26,7 +26,16 @@
   div#block-views-block-media-display-blocks-source {
     display: none;
   }
+  header#header {
+    min-height: initial;
+    margin-bottom: 1em;
+  }
+
+  div#block-olivessdu-page-title {
+    margin-bottom: 1em;
+  }
 }
+#block-olivessdu-kioskhomelink,
 #block-olivessdu-kioskmain {
   .menu li {
     display: inline-flex;
@@ -52,8 +61,8 @@
     background-color: var(--color--white);
     font-family: var(--font-sans);
     font-size: var(--font-size-l);
-    font-size: 1.7em;
-    font-weight: 700;
+    font-size: 1.7em !important;
+    font-weight: 700 !important;
     -webkit-appearance: none;
     appearance: none;
     -webkit-font-smoothing: antialiased;
@@ -62,3 +71,100 @@
     text-decoration: none;
   }
 }
+
+#block-olivessdu-kioskhomelink {
+  background: none;
+  background-color: none;
+  padding: none;
+  border-radius: 5px;
+  border: none;
+  a {
+    /*font-size: 1.7em;*/
+
+    color: #760406;
+    font-size: 27px;
+    font-weight: 700 !important;
+  }
+
+  a::before {
+    content: "< ";
+  }
+  .menu li {
+    height: initial;
+    padding-block: 15px;
+  }
+}
+.slick-lightbox-close:before {
+  font-family: "slick";
+  font-size: 50px;
+  line-height: 1;
+  color: white;
+  opacity: 0.85;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "×";
+}
+.slick-arrow::before {
+  color: #750305;
+  font-size: 36px;
+  font-size: 3rem;
+}
+.slick-lightbox-slick .slick-arrow::before {
+  color: #fff;
+  font-size: 36px;
+  font-size: 3rem;
+}
+.slick {
+  .slide__content {
+  }
+  .slide__media,
+  .media--slick {
+    display: flex;
+
+    justify-content: space-around;
+    img {
+      max-height: 75vh;
+      width: auto;
+      max-width: 100%; /* Prevents width from exceeding container */
+      object-fit: contain; /* Ensures the entire image fits within bounds */
+      border:1px solid #ccc;
+      padding:4px;
+    }
+  }
+  .slide__caption {
+  }
+}
+.slick-lightbox {
+  background: #000000e0 !important;
+}
+.test img {
+  max-height: 100vh;
+  width: auto;
+  max-width: 100%; /* Prevents width from exceeding container */
+  object-fit: contain; /* Ensures the entire image fits within bounds */
+}
+#block-olivessdu-backbuttonforkioskimageslideshow {
+  justify-content: space-around;
+  background: none;
+  background-color: none;
+  padding: none;
+  border-radius: 5px;
+  border: none;
+  button {
+    background: #fff;
+    font-family: var(--font-sans);
+    border-radius: 4px;
+    font-size: var(--font-size-l);
+    font-size: 1.7em !important;
+    font-weight: 700 !important;
+    color: #760406;
+    border: 2px solid #760406;
+    margin-bottom: 1em;
+    padding: 10px;
+  }
+}
+.kiosk {
+  .region--sidebar .block {
+    margin: 0;
+  }
+}