From 6ced02655db9ce8bdbb2430c47657b8f37611243 Mon Sep 17 00:00:00 2001
From: richarddushime <mudaherarich@gmail.com>
Date: Sun, 9 Mar 2025 12:07:25 +0100
Subject: [PATCH 1/4] POP UP survey form

---
 layouts/partials/survey-btn.html             |  75 ++++++++++++
 layouts/partials/survey-popup.html           | 113 +++++++++++++++++++
 themes/academic/layouts/_default/baseof.html |   5 +
 3 files changed, 193 insertions(+)
 create mode 100644 layouts/partials/survey-btn.html
 create mode 100644 layouts/partials/survey-popup.html

diff --git a/layouts/partials/survey-btn.html b/layouts/partials/survey-btn.html
new file mode 100644
index 00000000000..8b267f91d29
--- /dev/null
+++ b/layouts/partials/survey-btn.html
@@ -0,0 +1,75 @@
+<div class="survey-float-container" id="surveyFloat">
+    <div class="survey-float-content">
+      <a href="https://docs.google.com/forms/d/e/1FAIpQLSeeopWpzqf0IEk8rAvxu8Pv5DoGRGK3aDvql1a3VapQ5_5bVg/viewform"
+         target="_blank"
+         rel="noopener noreferrer"
+         class="survey-float-button"
+         id="surveyFloatButton">
+        Click here to help us with this survey
+      </a>
+    </div>
+  </div>
+  
+  <style>
+  .survey-float-container {
+    position: fixed;
+    top: 70px; /* Adjust based on your navbar height */
+    right: 20px;
+    z-index: 999;
+    animation: floatBubble 2s infinite;
+  }
+  
+  .survey-float-button {
+    display: inline-block;
+    background: #4CAF50;
+    color: white !important;
+    padding: 12px 25px;
+    border-radius: 30px;
+    text-decoration: none;
+    font-weight: 500;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+    transition: all 0.3s ease;
+    transform-origin: center;
+    font-size: 0.9rem;
+    border: none;
+    cursor: pointer;
+  }
+  
+  .survey-float-button:hover {
+    background: #45a049;
+    transform: scale(1.05);
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
+  }
+  
+  @keyframes floatBubble {
+    0% { transform: translateY(0px) translateX(0px); }
+    50% { transform: translateY(-5px) translateX(3px); }
+    100% { transform: translateY(0px) translateX(0px); }
+  }
+  
+  @media (max-width: 768px) {
+    .survey-float-container {
+      top: 60px;
+      right: 10px;
+    }
+    .survey-float-button {
+      padding: 10px 20px;
+      font-size: 0.8rem;
+    }
+  }
+  </style>
+  
+  <script>
+  document.addEventListener('DOMContentLoaded', function() {
+    // Check if user has completed survey
+    if (!localStorage.getItem('surveyCompleted')) {
+      document.getElementById('surveyFloat').style.display = 'block';
+    }
+  
+    // Track survey button click
+    document.getElementById('surveyFloatButton').addEventListener('click', function() {
+      localStorage.setItem('surveyCompleted', 'true');
+      document.getElementById('surveyFloat').style.display = 'none';
+    });
+  });
+  </script>
\ No newline at end of file
diff --git a/layouts/partials/survey-popup.html b/layouts/partials/survey-popup.html
new file mode 100644
index 00000000000..439ed282277
--- /dev/null
+++ b/layouts/partials/survey-popup.html
@@ -0,0 +1,113 @@
+<div class="survey-popup" id="surveyPopup">
+    <div class="survey-content">
+      <button class="close-btn" onclick="closeSurvey()">&times;</button>
+      <h2>FORRT Website User Experience Survey</h2>
+      <p>Hello! Thank you for your time and availability to complete this questionnaire. Your feedback will directly inform improvements to navigation, accessibility, and content structure.</p>
+      <p>All answers are anonymous and will help us make the website better for everyone!</p>
+      <a href="https://docs.google.com/forms/d/e/1FAIpQLSeeopWpzqf0IEk8rAvxu8Pv5DoGRGK3aDvql1a3VapQ5_5bVg/viewform" 
+         target="_blank" 
+         rel="noopener"
+         class="survey-button"
+         id="surveyLink">
+         Take the Survey
+      </a>
+    </div>
+  </div>
+  
+  <style>
+  .survey-popup {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.6);
+    display: none;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+  }
+  
+  .survey-content {
+    background: white;
+    padding: 2rem;
+    border-radius: 15px;
+    max-width: 800px;
+    position: relative;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    text-align: center;
+  }
+  
+  .close-btn {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    background: none;
+    border: none;
+    font-size: 1.5rem;
+    cursor: pointer;
+    color: #666;
+  }
+  
+  .survey-button {
+    display: inline-block;
+    background: #4CAF50;
+    color: white;
+    padding: 12px 24px;
+    border-radius: 25px;
+    text-decoration: none;
+    margin-top: 1rem;
+    transition: transform 0.2s, background 0.2s;
+  }
+  
+  .survey-button:hover {
+    background: #45a049;
+    transform: translateY(-2px);
+  }
+  a.survey-button:hover {
+    color: white;
+  }
+  
+  h2 {
+    color: #2c3e50;
+    margin-bottom: 1rem;
+  }
+  
+  p {
+    color: #666;
+    line-height: 1.6;
+    margin: 1rem 0;
+  }
+  
+  @media (max-width: 600px) {
+    .survey-content {
+      width: 90%;
+      padding: 1.5rem;
+    }
+  }
+  </style>
+  
+  
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+      // Only show popup if user hasn't completed survey
+      if (!localStorage.getItem('surveyCompleted')) {
+        document.getElementById('surveyPopup').style.display = 'flex';
+      }
+    
+      // Add click tracker to survey link
+      document.getElementById('surveyLink').addEventListener('click', function() {
+        localStorage.setItem('surveyCompleted', 'true');
+        closeSurvey();
+      });
+    });
+    
+    function closeSurvey() {
+      document.getElementById('surveyPopup').style.display = 'none';
+    }
+    
+    {{/*  // Close when clicking outside content
+    document.getElementById('surveyPopup').addEventListener('click', function(e) {
+      if (e.target === this) closeSurvey();
+    });  */}}
+    </script>
diff --git a/themes/academic/layouts/_default/baseof.html b/themes/academic/layouts/_default/baseof.html
index 80366aa0000..11db2c9229e 100644
--- a/themes/academic/layouts/_default/baseof.html
+++ b/themes/academic/layouts/_default/baseof.html
@@ -24,6 +24,8 @@
   {{ partial "search" . }}
 
   {{ partial "navbar" . }}
+  
+  {{ partial "survey-btn.html" . }}
 
   {{ block "main" . }}{{ end }}
 
@@ -38,5 +40,8 @@
 
   {{ partial "citation" . }}
 
+  {{ partial "survey-popup.html" . }}
+
+
 </body>
 </html>

From 2c4e840b260515981dbc988a2dc82ae68b1051c2 Mon Sep 17 00:00:00 2001
From: richarddushime <mudaherarich@gmail.com>
Date: Tue, 11 Mar 2025 20:54:08 +0100
Subject: [PATCH 2/4] once in a week display

---
 layouts/partials/survey-btn.html   |  5 +-
 layouts/partials/survey-popup.html | 90 +++++++++++++++++-------------
 2 files changed, 55 insertions(+), 40 deletions(-)

diff --git a/layouts/partials/survey-btn.html b/layouts/partials/survey-btn.html
index 8b267f91d29..a0e9f15c914 100644
--- a/layouts/partials/survey-btn.html
+++ b/layouts/partials/survey-btn.html
@@ -5,7 +5,7 @@
          rel="noopener noreferrer"
          class="survey-float-button"
          id="surveyFloatButton">
-        Click here to help us with this survey
+         Help us improve the FORRT website
       </a>
     </div>
   </div>
@@ -72,4 +72,5 @@
       document.getElementById('surveyFloat').style.display = 'none';
     });
   });
-  </script>
\ No newline at end of file
+  </script>
+  
\ No newline at end of file
diff --git a/layouts/partials/survey-popup.html b/layouts/partials/survey-popup.html
index 439ed282277..8fee274ff8f 100644
--- a/layouts/partials/survey-popup.html
+++ b/layouts/partials/survey-popup.html
@@ -1,20 +1,21 @@
 <div class="survey-popup" id="surveyPopup">
-    <div class="survey-content">
-      <button class="close-btn" onclick="closeSurvey()">&times;</button>
-      <h2>FORRT Website User Experience Survey</h2>
-      <p>Hello! Thank you for your time and availability to complete this questionnaire. Your feedback will directly inform improvements to navigation, accessibility, and content structure.</p>
-      <p>All answers are anonymous and will help us make the website better for everyone!</p>
-      <a href="https://docs.google.com/forms/d/e/1FAIpQLSeeopWpzqf0IEk8rAvxu8Pv5DoGRGK3aDvql1a3VapQ5_5bVg/viewform" 
-         target="_blank" 
-         rel="noopener"
-         class="survey-button"
-         id="surveyLink">
-         Take the Survey
-      </a>
-    </div>
+  <div class="survey-content">
+    <button class="close-btn">&times;</button>
+    <h2>Help us improve the FORRT website</h2>
+    <p>We would be grateful if you could complete this survey. 
+      Your feedback will directly inform improvements to navigation, accessibility, and content structure.<br>
+    <strong>Note:</strong>All answers are anonymous and will help us make the website better for everyone!</p>
+    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeeopWpzqf0IEk8rAvxu8Pv5DoGRGK3aDvql1a3VapQ5_5bVg/viewform" 
+       target="_blank" 
+       rel="noopener"
+       class="survey-button"
+       id="surveyLink">
+       Take the Survey
+    </a>
   </div>
-  
-  <style>
+</div>
+
+<style>
   .survey-popup {
     position: fixed;
     top: 0;
@@ -85,29 +86,42 @@ <h2>FORRT Website User Experience Survey</h2>
       padding: 1.5rem;
     }
   }
-  </style>
-  
-  
+</style>
+
 <script>
-    document.addEventListener('DOMContentLoaded', function() {
-      // Only show popup if user hasn't completed survey
-      if (!localStorage.getItem('surveyCompleted')) {
-        document.getElementById('surveyPopup').style.display = 'flex';
-      }
-    
-      // Add click tracker to survey link
-      document.getElementById('surveyLink').addEventListener('click', function() {
-        localStorage.setItem('surveyCompleted', 'true');
-        closeSurvey();
-      });
-    });
-    
-    function closeSurvey() {
-      document.getElementById('surveyPopup').style.display = 'none';
+  document.addEventListener('DOMContentLoaded', function() {
+    // Popup display logic
+    const hasCompleted = localStorage.getItem('surveyCompleted') === 'true';
+    const lastShow = localStorage.getItem('lastPopupShow');
+    const oneWeek = 7 * 24 * 60 * 60 * 1000; // 7 days in milliseconds
+
+    if (!hasCompleted && (!lastShow || Date.now() - parseInt(lastShow) > oneWeek)) {
+      document.getElementById('surveyPopup').style.display = 'flex';
     }
-    
-    {{/*  // Close when clicking outside content
-    document.getElementById('surveyPopup').addEventListener('click', function(e) {
-      if (e.target === this) closeSurvey();
+
+    // Close button handler
+    document.querySelector('.close-btn').addEventListener('click', function() {
+      closeSurvey();
+      localStorage.setItem('lastPopupShow', Date.now().toString());
+    });
+
+    // Outside click handler
+    {{/*  document.getElementById('surveyPopup').addEventListener('click', function(e) {
+      if (e.target === this) {
+        closeSurvey();
+        localStorage.setItem('lastPopupShow', Date.now().toString());
+      }
     });  */}}
-    </script>
+
+    // Survey link handler
+    document.getElementById('surveyLink').addEventListener('click', function() {
+      localStorage.setItem('surveyCompleted', 'true');
+      closeSurvey();
+    });
+  });
+
+  function closeSurvey() {
+    document.getElementById('surveyPopup').style.display = 'none';
+  }
+</script>
+  
\ No newline at end of file

From 177598b70e6a0a1765ddde79c84aa43222adc330 Mon Sep 17 00:00:00 2001
From: richarddushime <mudaherarich@gmail.com>
Date: Mon, 14 Apr 2025 16:08:38 +0200
Subject: [PATCH 3/4] Enhancement 5th visit display survey  set cookie count

---
 layouts/partials/survey-btn.html   |  2 +-
 layouts/partials/survey-popup.html | 42 ++++++++++++++++++------------
 2 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/layouts/partials/survey-btn.html b/layouts/partials/survey-btn.html
index a0e9f15c914..f70521f38c3 100644
--- a/layouts/partials/survey-btn.html
+++ b/layouts/partials/survey-btn.html
@@ -13,7 +13,7 @@
   <style>
   .survey-float-container {
     position: fixed;
-    top: 70px; /* Adjust based on your navbar height */
+    top: 80px;
     right: 20px;
     z-index: 999;
     animation: floatBubble 2s infinite;
diff --git a/layouts/partials/survey-popup.html b/layouts/partials/survey-popup.html
index 8fee274ff8f..e86e6978e54 100644
--- a/layouts/partials/survey-popup.html
+++ b/layouts/partials/survey-popup.html
@@ -88,33 +88,42 @@ <h2>Help us improve the FORRT website</h2>
   }
 </style>
 
+<!-- The below Cookie functions manage visit counts by retrieving and updating a cookie,
+while the survey shows only on the 5th visit if it hasn't been completed.
+Once the survey is completed, its state is saved in localStorage, 
+preventing further popups on subsequent visits. -->
+
 <script>
-  document.addEventListener('DOMContentLoaded', function() {
-    // Popup display logic
+  // Helper function to get a cookie value
+  function getCookie(name) {
+    const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
+    return match ? match[2] : null;
+  }
+
+  // Helper function to set a cookie
+  function setCookie(name, value, days = 365) {
+    const expires = new Date(Date.now() + days * 864e5).toUTCString();
+    document.cookie = `${name}=${value}; expires=${expires}; path=/`;
+  }
+
+  document.addEventListener('DOMContentLoaded', function () {
     const hasCompleted = localStorage.getItem('surveyCompleted') === 'true';
-    const lastShow = localStorage.getItem('lastPopupShow');
-    const oneWeek = 7 * 24 * 60 * 60 * 1000; // 7 days in milliseconds
 
-    if (!hasCompleted && (!lastShow || Date.now() - parseInt(lastShow) > oneWeek)) {
+    let visitCount = parseInt(getCookie('visitCount')) || 0;
+    visitCount++;
+    setCookie('visitCount', visitCount);
+
+    if (!hasCompleted && visitCount >= 5) {
       document.getElementById('surveyPopup').style.display = 'flex';
     }
 
     // Close button handler
-    document.querySelector('.close-btn').addEventListener('click', function() {
+    document.querySelector('.close-btn').addEventListener('click', function () {
       closeSurvey();
-      localStorage.setItem('lastPopupShow', Date.now().toString());
     });
 
-    // Outside click handler
-    {{/*  document.getElementById('surveyPopup').addEventListener('click', function(e) {
-      if (e.target === this) {
-        closeSurvey();
-        localStorage.setItem('lastPopupShow', Date.now().toString());
-      }
-    });  */}}
-
     // Survey link handler
-    document.getElementById('surveyLink').addEventListener('click', function() {
+    document.getElementById('surveyLink').addEventListener('click', function () {
       localStorage.setItem('surveyCompleted', 'true');
       closeSurvey();
     });
@@ -124,4 +133,3 @@ <h2>Help us improve the FORRT website</h2>
     document.getElementById('surveyPopup').style.display = 'none';
   }
 </script>
-  
\ No newline at end of file

From 3f88e88d0985064562f3c6dc1854cb10e69a6c39 Mon Sep 17 00:00:00 2001
From: richarddushime <mudaherarich@gmail.com>
Date: Mon, 4 Aug 2025 09:44:16 +0200
Subject: [PATCH 4/4] btn-colors update

---
 layouts/partials/survey-btn.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/layouts/partials/survey-btn.html b/layouts/partials/survey-btn.html
index f70521f38c3..6eef9350b5e 100644
--- a/layouts/partials/survey-btn.html
+++ b/layouts/partials/survey-btn.html
@@ -21,9 +21,9 @@
   
   .survey-float-button {
     display: inline-block;
-    background: #4CAF50;
-    color: white !important;
-    padding: 12px 25px;
+    background: linear-gradient(to bottom,  #ffffff, #F9F4CB );
+    color: linear-gradient(135deg, #3498db, #2c3e50) !important;
+    padding: 8px 15px;
     border-radius: 30px;
     text-decoration: none;
     font-weight: 500;
@@ -36,7 +36,7 @@
   }
   
   .survey-float-button:hover {
-    background: #45a049;
+    background: #ffffff;
     transform: scale(1.05);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
   }