From 991cdde784c613ac2fd46a32926cc5cdccc956b6 Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Tue, 26 Nov 2024 16:39:18 -0500
Subject: [PATCH] Created script to get sent webhooks from our endpoint. Not
 many filtering options. Update some templates for Spark, and Luminate.

---
 .../_calendar.html.liquid                     | 325 ++++++++++++
 .../_content_by_cards.html.liquid             |  50 ++
 .../_header.html.liquid                       |  10 +-
 .../homepage.html.liquid                      | 491 ++++--------------
 .../master.html.liquid                        |   1 +
 .../styles.css.liquid                         |  28 +-
 .../Walmart Spark Prod/courses.html.liquid    |   2 +-
 Scripts/API_Tests/Apikeys.py                  |   1 +
 .../__pycache__/Apikeys.cpython-310.pyc       | Bin 1578 -> 1624 bytes
 Scripts/API_Tests/get_courses_from_groups.py  |  45 +-
 Scripts/API_Tests/get_sent_webhooks.py        |  17 +
 11 files changed, 533 insertions(+), 437 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/Walmart Luminate Sandbox/_calendar.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Walmart Luminate Sandbox/_content_by_cards.html.liquid
 create mode 100644 Scripts/API_Tests/get_sent_webhooks.py

diff --git a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_calendar.html.liquid b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_calendar.html.liquid
new file mode 100644
index 00000000..7ee83fe9
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_calendar.html.liquid	
@@ -0,0 +1,325 @@
+<script>
+  const training_eventsArr=[];
+</script>
+{% for training_event in training_events.available %}
+    {% for session in training_event.sessions %}
+    <script>
+      training_eventsArr.push("{{ session.day }}{{ session.month }}{{ session.year }}"); 
+      //console.log("{{ training_event.title }} {{ session.day }} {{ session.month }} {{ session.year }}" )
+    </script>
+    {% endfor %}
+  {% endfor %}
+
+
+
+<div class="calFrame">
+  <div class="container">
+      <div class="calendar">
+        <header>
+          <pre class="left">◀</pre>
+          
+          <div class="header-display">
+            <p class="display">""</p>
+          </div>
+    
+          <pre class="right">▶</pre>
+    
+        </header>
+    
+        <div class="week">
+          <div>Su</div>
+          <div>Mo</div>
+          <div>Tu</div>
+          <div>We</div>
+          <div>Th</div>
+          <div>Fr</div>
+          <div>Sa</div>
+        </div>
+        <div class="days"></div>
+      </div>
+      <div class="divToday">Today</div>
+    <!--<div class="display-selected">
+        <p class="selected"></p>
+      </div>--> 
+    </div>
+  </div>
+
+  <style>
+    /*variables*/
+:root {
+  --white: #ffff;
+  --main: #eaedf0;
+  --accent: #0041ff;
+  --accent-2: #ebedf0;
+}
+
+/*styles*/
+.divToday:hover {
+  cursor: pointer;
+}
+.divToday {
+  background-color: var(--accent);
+  color: var(--white);
+  font-weight: 700;
+  padding: 4px;
+  border-radius: 6px;
+}
+.calFrame {
+  background-color: var(--white);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: sans-serif;
+}
+.days {
+    height: 144px;
+}
+.container {
+    display: flex;
+    background-color: var(--white);
+    border-radius: 35px;
+    border: 1px solid;
+    padding: 1em;
+    height: 265px;
+    width: 280px;
+    flex-wrap: nowrap;
+    flex-direction: column;
+    align-content: center;
+    justify-content: center;
+    align-items: center;
+}
+
+header {
+    margin: 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    /* padding: 4px; */
+    width: 230px;
+}
+.header-display {
+  display: flex;
+  align-items: center;
+}
+
+.header-display p {
+  color: var(--accent);
+  margin: 5px;
+  font-size: 1.2rem;
+  word-spacing: 0.5rem;
+}
+
+.left {
+  padding: 10px;
+  margin: 0;
+  cursor: unset;
+  font-size: 1.2rem;
+  color: var(--accent);
+  opacity: 0.5;
+}
+
+.right {
+  padding: 10px;
+  margin: 0;
+  cursor: pointer;
+  font-size: 1.2rem;
+  color: var(--accent);
+}
+
+.days, .week {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    margin: auto;
+    /* padding: 0px 20px; */
+    justify-content: space-between;
+    width: 210px;
+}
+.week div, .days div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 1.5rem;
+    width: 1.5rem;
+    border-radius: 100%;
+}
+.days div:hover {
+  background: var(--accent-2);
+  color: rgb(25, 25, 201);
+  cursor: pointer;
+}
+.week div {
+  opacity: 0.5;
+}
+.current-date {
+  background-color: var(--accent);
+  color: var(--white);
+}
+
+.has-event {
+  background-color: red;
+  color: var(--white);
+}
+.display-selected {
+  margin-bottom: 10px;
+  padding: 20px 20px;
+  text-align: center;
+}
+  </style>
+
+<script>
+    const montharr = ["January","February","March","April","May","June","July","August","September","October","November","December"];
+    let display = document.querySelector(".display");
+    let days = document.querySelector(".days");
+    let previous = document.querySelector(".left");
+    let next = document.querySelector(".right");
+    let selected = document.querySelector(".selected");
+    let today = document.querySelector(".divToday");
+
+    let date = new Date();
+
+    let year = date.getFullYear();
+    let month = date.getMonth();
+
+// Main function to render Calendar
+function displayCalendar() { 
+  const firstDay = new Date(year, month, 1);
+
+  const lastDay = new Date(year, month + 1, 0);
+
+  const firstDayIndex = firstDay.getDay(); //4
+
+  const numberOfDays = lastDay.getDate(); //31
+  
+  
+  let formattedDate =  montharr[firstDay.getMonth()]+" " +firstDay.getFullYear().toString();
+
+  display.innerHTML = `${formattedDate}`;
+
+  for (let x = 1; x <= firstDayIndex; x++) {
+    const div = document.createElement("div");
+    div.innerHTML += "";
+
+    days.appendChild(div);
+  }
+  //console.log("In Display " + month + " Year " + year);
+  for (let i = 1; i <= numberOfDays; i++) {
+    let div = document.createElement("div");
+    let currentDate = new Date(year, month, i);
+
+    div.dataset.date = currentDate.getDate().toString()+montharr[currentDate.getMonth()]+currentDate.getFullYear().toString();
+
+    
+    div.innerHTML += i;
+    days.appendChild(div);
+    if (
+      currentDate.getFullYear() === new Date().getFullYear() &&
+      currentDate.getMonth() === new Date().getMonth() &&
+      currentDate.getDate() === new Date().getDate()
+    ) 
+    {
+      div.classList.add("current-date");
+    }
+    if (training_eventsArr.includes(div.dataset.date))
+    {
+      div.classList.add("has-event");
+    
+      div.outerHTML="<a href='app/training_events' style='text-decoration: none;' target='_blank'>"+div.outerHTML+"</a>";
+    }
+    
+  }
+}
+
+// Call the function to display the calendar
+displayCalendar();
+
+//Today Event Listener
+today.addEventListener("click", () => {     
+  days.innerHTML = "";
+  date = new Date();
+  year = date.getFullYear();
+  month = date.getMonth();
+  document.querySelector(".left").style.color = "var(--accent)";
+  document.querySelector(".left").style.opacity="0.5";
+  document.querySelector(".left").style.cursor="unset";
+  displayCalendar();
+
+});
+
+
+//Previous Event Listener
+previous.addEventListener("click", () => {
+
+  if ( year === new Date().getFullYear() &&  month === new Date().getMonth() )
+  {
+    
+    return; //Skip the Previous if it is Current Month as thie is for Upcoming Events
+  }
+  days.innerHTML = "";
+  //selected.innerHTML = "";
+  //console.log("Before Pre set " + month +  " Year " + year);
+  if (month < 0) {
+    month = 11;
+    year = year - 1;
+  }
+
+  month = month - 1;
+  date.setMonth(month);
+  displayCalendar();
+  //console.log("after Pre set " + month +  " Year " + year);
+
+  //Disable Previous if the current Display Month is same as today Month as thie is for Upcoming Events
+  if (year === new Date().getFullYear() &&   month === new Date().getMonth() )
+  {
+      document.querySelector(".left").style.color = "var(--accent)";
+      document.querySelector(".left").style.opacity="0.5";
+      document.querySelector(".left").style.cursor="unset";
+    
+  }
+  //displaySelected();
+});
+
+//Next Button event listener
+next.addEventListener("click", () => {
+  days.innerHTML = "";
+  //selected.innerHTML = "";
+  //console.log("Before Next set " + month +   " Year " + year);
+  if (month >= 11) {
+    month = -1;
+    year = year + 1;
+  }
+
+  month = month + 1;
+  date.setMonth(month);
+
+  displayCalendar();
+  //console.log("After Next set " + month + " Year " + year);
+
+  if ( year === new Date().getFullYear() && month+1 === new Date().getMonth()+1 )
+  {
+    
+      document.querySelector(".left").style.color = "var(--accent)";
+      document.querySelector(".left").style.opacity="0.5";
+      document.querySelector(".left").style.cursor="unset";
+      
+  }
+  else { //Enable Previous Buttom if the current display month is not currnet month
+      document.querySelector(".left").style.color = "var(--accent)";
+      document.querySelector(".left").style.opacity="100";
+      document.querySelector(".left").style.cursor="pointer";
+      
+  }
+ // displaySelected();
+});
+
+//Currently not in Use
+function displaySelected() {
+  const dayElements = document.querySelectorAll(".days div");
+  dayElements.forEach((day) => {
+    day.addEventListener("click", (e) => {
+      const selectedDate = e.target.dataset.date;
+      selected.innerHTML = `Selected Date : ${selectedDate}`;
+    });
+  });
+}
+displaySelected();
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_content_by_cards.html.liquid b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_content_by_cards.html.liquid
new file mode 100644
index 00000000..f4e9c9df
--- /dev/null
+++ b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_content_by_cards.html.liquid	
@@ -0,0 +1,50 @@
+{% assign categories = current_school.filterable_categories %}
+
+<div class="np-dashboard-resources">
+  {% for category in categories %}
+    <div class="content-catds">
+      <div class="content-catds-text">
+        {{ category.name }} 
+      </div>  
+      <div class="content-arrow"><i class="far fa-duotone fa-solid fa-greater-than"></i></div>
+    </div>
+  {% endfor %}
+</div>
+
+<style>
+
+.content-catds {
+  border: 2px solid #bac4ca;
+    border-radius: 10px;
+    /* padding: 5px; */
+    text-align: center;
+    margin: 15px;
+    display: flex;
+    justify-content: space-between;
+    /* align-content: stretch; */
+    flex-wrap: nowrap;
+    align-items: center;
+}
+.content-catds:hover {
+  background-color: lightgray;
+  cursor: pointer;
+}
+
+.content-catds-text {
+  color: #333;
+    padding-left: 20px;
+    font-size: 17px;
+    /* margin-bottom: 24px; */
+    height: 30px;
+    padding-top: 5px;
+}
+
+.content-arrow {
+  padding-top: 5px;
+    background-color: bisque;
+    height: 30px;
+    width: 50px;
+    border-radius: 0px 10px 10px 0px;
+}
+
+</style>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_header.html.liquid b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_header.html.liquid
index 9e5eaa11..28aeae28 100644
--- a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_header.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/_header.html.liquid	
@@ -36,15 +36,15 @@
       <h1 class="np-header-logo">
         <a href="{% route home %}">
           <img
-            alt="Walmart Luminate Learn"
+            alt="Learn Scintilla"
             class="np-header-logo-image"
-            src="https://s3.amazonaws.com/static.northpass.com/walmart-luminate/luminate-icon-logo.svg"
+            src="http://i5.walmartimages.com/dfw/63925b23-d1f5/k2-_a36e7b0e-4797-4a93-aebb-cc2248fb80dc.v1.png"
           />
         </a>
         <div class="header-dropdown-container np-hidden-mobile">
           <div class="dropdown-arrow"></div>
           <div class="header-dropdown">
-            <a href="https://www.walmartluminate.com/apps">Walmart Luminate</a>
+            <a href="https://www.walmartluminate.com/apps">Scintilla</a>
             <a href="https://www.walmartluminate.com/shopperbehavior/dh.clientportal.web/web/#/">Shopper Behavior</a>
             <a href="https://www.walmartluminate.com/customerperception">Customer Perception</a>
             <a href="https://www.walmartluminate.com/reportbuilder">Report Builder</a>
@@ -54,7 +54,7 @@
         <div class="header-dropdown-container np-hidden-desktop">
           <div class="dropdown-arrow"></div>
           <div class="header-dropdown">
-            <a href="https://www.walmartluminate.com/apps">Walmart Luminate</a>
+            <a href="https://www.walmartluminate.com/apps">Scintilla</a>
             <a href="https://www.walmartluminate.com/shopperbehavior/dh.clientportal.web/web/#/">Shopper Behavior</a>
             <a href="https://www.walmartluminate.com/customerperception">Customer Perception</a>
             <a href="https://www.walmartluminate.com/reportbuilder">Report Builder</a>
@@ -62,7 +62,7 @@
           </div>
         </div>
         <div class="header-text np-hidden-desktop">Learn</div>
-        <div class="header-text np-hidden-mobile">Walmart Luminate Learn</div>
+        <div class="header-text np-hidden-mobile">Learn Scintilla</div>
       </h1>
     {% else %}
       <a href="{% route home %}" class="np-school-name np-header-font-color">
diff --git a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/homepage.html.liquid b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/homepage.html.liquid
index 254ef852..8a6fdd16 100644
--- a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/homepage.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/homepage.html.liquid	
@@ -1,69 +1,3 @@
-<script>
-  function showPopup() {
-    setTimeout(function() {
-      document.querySelector(".popup-trigger").click()
-    }, 500)
-  }
-
-  function showSurveyPopup() {
-    setTimeout(function() {
-      document.querySelector(".survey-popup-trigger").click()
-    }, 500)
-  }
-
-  function formatDate(date) {
-    const month = (date.getMonth() + 1).toString().padStart(2, '0');
-    const day = date.getDate().toString().padStart(2, '0');
-    const year = date.getFullYear();
-
-    return `${month}/${day}/${year}`;
-  }
-
-  function RerunWorkato() {
-    const today = new Date();
-    const formattedDate = formatDate(today);
-    const data = { person_uuid: '{{current_person.id}}', date: formattedDate }
-
-    let webhookUrl
-    if (schoolID == "804edb32-c300-42f3-82b7-e5d55fcbc2a6") {
-      webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup"
-    } else if (schoolID == "10183441-2254-4b1e-a9f7-9549ca773257") { // live school
-
-    }
-
-    if (webhookUrl) {
-      fetch(webhookUrl, {
-        method: 'post',
-        body: JSON.stringify(data)
-      }).then(function(response) {
-        return response.json();
-      }).then(function(data) {
-        console.log(res)
-      }).catch(error => {
-        console.log(error)
-      });
-    }
-  }
-</script>
-
-{% assign catalog_courses = courses.in_catalog %}
-
-{% assign survey_courses = "" %}
-{% assign survey_course_completed = false %}
-{% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %} 
-  {% comment %} LIVE SCHOOL  {% endcomment %}
-  {% assign survey_course = catalog_courses | where: "id", "b3225a47-448d-4988-962a-18d37d6616d0" %}
-{% elsif current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %}
-  {% comment %} SANDBOX SCHOOL  {% endcomment %}
-  {% assign survey_course = catalog_courses | where: "id", "fdc8acdc-0b7c-4064-a52b-1955379d411b" %}
-{% endif %}
-
-{% for course in survey_course %}
-  {% if course.progress == 100 %}
-    {% assign survey_course_completed = true %}
-  {% endif %}
-{% endfor %}
-
 {% include "header" %}
 <main class="np-main np-homepage">
   <div class="np-homepage-hero">
@@ -86,329 +20,97 @@
     </div>
   </div>
   {% include "sub_navigation" %}
-  
-  {% include "homepage_featured", items: catalog_courses %}
+   <div class="np-homepage-featured np-max-width">
 
-  <div class="np-max-width np-homepage-row-wrapper">
-    <div class="row">
-      <div class="col-xs-12 col-sm-12 col-md-12" style="display:flex; flex-direction:column;">
-        <div class="np-section-header">Progress Tracker</div>
-        <div class="learning-path-progress-container">
-          <div class="row">
-            {% assign lps_in_progress = 0 %}
-            {% assign enrolled_learning_paths = learning_paths.enrolled | sort: "progress" | reverse %}
-            {% for learning_path in enrolled_learning_paths %}
-              {% if learning_path.progress > 0 %}
-                {% assign lps_in_progress = lps_in_progress | plus: 1 %}
-
-                {% if lps_in_progress < 4 %}
-                  <div class="col-xs-12 col-md-4">
-                    {% include "cards_learning_path_progress" %}
-                  </div>
-                  
-                {% endif %}
-              {% endif %}
+    <div class="row np-flex-center">
+      <div class="col-xs-12 col-sm-8">
+        <div class="np-homepage-featured-text">
+          <div class="np-homepage-headline">
+            {{ homepage.featured_courses_headline }}
+          </div>
+          <div class="np-homepage-subheadline">
+            {{ homepage.featured_courses_subheadline }}
+          </div>
+        </div>
+        {% if courses.featured.any? %}
+          <div class="np-homepage-featured-courses row">
+            {% for course in courses.featured %}
+              <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+                {% include "cards_course" with course %}
+              </div>
             {% endfor %}
-            
-            {% if lps_in_progress > 0 %}
-              <div class="see-more-wrapper">
-                <a href="/app/dashboard" style="margin-top:24px;">See more</a>
-              </div>
-            {% endif %}
-            {% if lps_in_progress == 0 %}
-              <div class="col-xs-12">
-                <div class="np-learning-paths-resources-container">
-                  <div class="np-zero-state-text">
-                    Yikes! You don't have any learning Paths in progress.
-                  </div>
-                  <img class="np-zero-state-learning-paths" alt="" />
-                </div>
-              </div>
-              
-            {% endif %}
           </div>
-          
-        </div>
-      </div>
-      {% comment %} {% if features.training_events? %}
-        <div class="col-xs-12 col-sm-5 col-md-4">
-          <div class="homepage-events">
-            <div class="np-section-header">Upcoming Courses</div>
-            <div class="upcoming events">
-              {% if training_events.available.any? %}
-                {% for training_event in training_events.available limit:1 %}
-                  {% include "cards_training_event" with training_event %}
-                {% endfor %}
-                <div class="see-more-wrapper">
-                  <a href="/app/training_events" style="margin-top:24px;">See more</a>
-                </div>
-              {% else %}
-                {% include "training_events_zero_state" %}
-              {% endif %}
+        {% else %}
+          <div class="np-homepage-featured-empty">
+            <div class="np-zero-state-text">
+              {% t .empty, key: current_school.course_vocabulary %}
             </div>
+            <img
+              class="np-zero-state-courses"
+              alt="{% t .empty, key: current_school.course_vocabulary %}"
+            />
           </div>
-        </div>
-      {% endif %} {% endcomment %}
+        {% endif %}
+      </div>
+      <div class="col-xs-12 col-sm-3">
+        <div id="divContentbyProduct" class="content-by-product">
+          <div class="left-content-title">
+            Content By Product
+          </div>
+            {% include "content_by_cards" %}
+        </div> 
+         <div  style="display: flex;flex-direction: row-reverse;">
+          <a id="seemore" >See more..</a>
+         </div> 
+         <div id="divCalender" class="upcomongevents">
+          <div class="left-content-title">
+            Upcoming Events
+          </div>
+          {% include "calendar" %}
+         </div>
+         <div id="divGetCertified" class="content-by-product">
+          <div class="left-content-title">
+            Get Certified
+          </div>
+            {% include "content_by_cards" %}
+        </div> 
+         <div  style="display: flex;flex-direction: row-reverse;">
+          <a id="seemore1" >See more..</a>
+         </div> 
+
+      </div>
+   
     </div>
+
+
+    
   </div>
-
-  {% include "homepage_ongoing_training", items: catalog_courses %}
-  
-  {% include "homepage_topics" %}
-    <button
-      type="button"
-      class="popup-trigger"
-      data-toggle-class-on-target
-      data-toggle-target="#firstTimeUsers"
-      data-toggle-escape
-      data-toggle-modal>
-      Click
-    </button>
-
-    <button
-      type="button"
-      class="survey-popup-trigger"
-      data-toggle-class-on-target
-      data-toggle-target="#surveyPopup"
-      data-toggle-escape
-      data-toggle-modal>
-      Click
-    </button>
 </main>
 {% include "footer" %}
 
-<div
-	class="first-time-user-popup"
-	id="firstTimeUsers"
-	role="dialog"
-	aria-labelledby="dialogTitle"
-	aria-describedby="dialogContent"
-	aria-hidden="true">
-	<section class="first-time-user-popup-container">
-		<div id="dialogContent" class="first-time-user-popup-content">
-      <div class="modal-headline">Welcome to Luminate Academy, {{ current_person.first_name }}! We noticed it is your first time here. Can we help you get familiar with the academy?</div>
-      <div class="modal-links">
-      	<a href="javascript:setPopupSeenProperty('/app/dashboard')" class="secondary" data-toggle-trigger-off>No thanks! I can figure it out.</a>
 
-        {% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %} 
-          {% comment %} LIVE SCHOOL  {% endcomment %}
-          <a href="javascript:setPopupSeenProperty('/app')" data-redirect="/app">Sure! Show me around.</a>
-        {% elsif current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %}
-          {% comment %} SANDBOX SCHOOL  {% endcomment %}
-          <a href="javascript:setPopupSeenProperty('https://luminatesandbox.northpass.com/c/0e61b8e5ced6f6093816fed850226ac828853eaf')" data-redirect="/app">Sure! Show me around.</a>
-        {% endif %}
-        
-      </div>
-		</div>
-	</section>
-</div>
-
-<div
-	class="survey-popup"
-	id="surveyPopup"
-	role="dialog"
-	aria-labelledby="dialogTitle"
-	aria-describedby="dialogContent"
-	aria-hidden="true">
-	<section class="survey-popup-container">
-		<div id="dialogContent" class="survey-popup-content">
-      <div class="modal-headline">Please take a moment to tell us more about you!</div>
-      <div class="modal-links">
-        {% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %} 
-          {% comment %} LIVE SCHOOL  {% endcomment %}
-          {% comment %} <a href="javascript:setPopupSeenProperty('/app')" data-redirect="/app">Sure! Show me around.</a> {% endcomment %}
-        {% elsif current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %}
-          {% comment %} SANDBOX SCHOOL  {% endcomment %}
-          <a href="javascript:setSurveyPopupSeen('/app/courses/fdc8acdc-0b7c-4064-a52b-1955379d411b')">Go!</a>
-        {% endif %}
-      </div>
-		</div>
-	</section>
-</div>
-
-{% if current_person.signed_in? %}
-  {% unless current_person.email contains "+preview" %}
-    {% if current_person.properties.first_time_user_popup_seen == false %}
-      <script>
-        console.log('property is false, check local storage')
-        if (localStorage.getItem('modal_clicked') != null) {
-          console.log("rerun workflow to set property")
-          RerunWorkato()
-        } else {
-          showPopup()
-        }
-      </script>
-    {% elsif current_person.properties.first_time_user_popup_seen == true %}
-      <script>
-        console.log("property is set, deleting local storage, don't initialize first modal")
-        localStorage.removeItem("modal_clicked")
-      </script>
-    {% else %}
-      <script>
-        console.log('custom prop doesnt yet exist')
-        if (localStorage.getItem('modal_clicked') != null) {
-          console.log("rerun workflow to set property")
-          RerunWorkato()
-        } else {
-          showPopup()
-        }
-      </script>
-    {% endif %}
-  {% endunless %}
-{% endif %}
-
-<script>
-  if (window.location.pathname == "/app") {
-    document.querySelector(".np-sub-navigation").classList.add("homepage-nav")
-    document.querySelector(".np-header").classList.add("homepage-nav")
-  }
-
-  document.querySelector(".np-hidden-desktop .dropdown-arrow").addEventListener("click", function(e) {
-    if (e.target.parentElement.classList.contains("open")) {
-      e.target.parentElement.classList.remove("open")
-    } else {
-      e.target.parentElement.classList.add("open")
-    }
-  })
-
-  window.onload = function () {
-    var stickySubNav = document.querySelector('.np-sub-navigation');
-    var headerOffset = findOffset(stickySubNav);
-
-    window.onscroll = function() {
-      var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-      if (bodyScrollTop > (headerOffset.top  - 24)) {
-        stickySubNav.classList.add('fixed');
-      } else {
-        stickySubNav.classList.remove('fixed');
-      }
-    };
-
-    const firstPopupSeen = {{current_person.properties.first_time_user_popup_seen}}
-
-    if (firstPopupSeen == true) {
-      var popupSeenDate = new Date("{{current_person.properties.first_popup_date}}");
-      var popupSeenSeconds = popupSeenDate.getTime() / 1000;
-
-      var currentDate = new Date();
-      var currentDateSeconds = currentDate.getTime() / 1000;
-
-      if (currentDateSeconds > (popupSeenSeconds + 1209600) && currentDateSeconds) {
-        console.log("more than 2 weeks after first popup")
-        
-        const surveyCourseCompleted = {{survey_course_completed}}
-
-        if (surveyCourseCompleted == false) {
-          if (localStorage.getItem("survey_modal_clicked") == null) {      
-            showSurveyPopup()
-          } else {
-            const lastClickedDateSeconds = new Date(localStorage.getItem("survey_modal_clicked")).getTime() / 1000
-            if (currentDateSeconds > (lastClickedDateSeconds + 1209600) && currentDateSeconds) {
-              showSurveyPopup()
-            } else {
-              console.log(`dont show survey popup again until 2 weeks after ${localStorage.getItem("survey_modal_clicked")} or course completed`)
-            }         
-          }
-        } else  {
-          localStorage.removeItem("survey_modal_clicked");
-        }
-      }
-    }
-  };
-
-  function findOffset(element) {
-    var top = 0, left = 0;
-
-    do {
-      top += element.offsetTop  || 0;
-      left += element.offsetLeft || 0;
-      element = element.offsetParent;
-    } while(element);
-
-    return {
-      top: top,
-      left: left
-    };
-  }
-
-  window.addEventListener("load", function() {
-
-    var progressCards = document.querySelectorAll(".np-card-learning-path-progress");
-
-    for (var i = 0; i < progressCards.length; i++ ) {
-      var lpProgressCard = progressCards[i]
-      var progressRing = lpProgressCard.querySelector(".progress-ring")
-      let circle = progressRing.querySelector(".circle-progress")
-      let total = progressRing.getAttribute("data-total")
-      let numCompleted = lpProgressCard.querySelector(".lp-completed-items span > div").getAttribute("data-completed")
-      var radius = circle.r.baseVal.value;
-      var circumference = radius * 2 * Math.PI;
-
-      circle.style.strokeDasharray = `${circumference} ${circumference}`;
-      circle.style.strokeDashoffset = `${circumference}`;
-
-      const percent = numCompleted / total
-      console.log("percent: ", percent)
-      setProgress(percent, circle)
-    }
-    
-    function setProgress(percent, circle) {
-      const offset = circumference - percent * circumference;
-      circle.style.strokeDashoffset = offset;
-    }
-
-  }) 
-
-  function setPopupSeenProperty(redirectUrl) {
-    localStorage.setItem("modal_clicked", true);
-    const today = new Date();
-    const formattedDate = formatDate(today);
-    const data = { person_uuid: '{{current_person.id}}', date: formattedDate }
-
-    const schoolID = '{{current_school.id}}'
-    let webhookUrl
-    if (schoolID == "804edb32-c300-42f3-82b7-e5d55fcbc2a6") {
-      webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup"
-    } else if (schoolID == "10183441-2254-4b1e-a9f7-9549ca773257") { // live school
-
-    }
-
-    if (webhookUrl) {
-      fetch(webhookUrl, {
-        method: 'post',
-        body: JSON.stringify(data)
-      }).then(function(response) {
-        return response.json();
-      }).then(function(data) {
-        console.log(res)
-        setTimeout(function() {
-          window.location.href = redirectUrl;
-        }, 250)
-       
-      }).catch(error => {
-        console.log(error)
-        setTimeout(function() {
-          window.location.href = redirectUrl;
-        }, 250)
-      });
-    }
-
-
-  }
-
-  function setSurveyPopupSeen(redirectUrl) {
-    const today = new Date();
-    const formattedDate = formatDate(today);
-    localStorage.setItem("survey_modal_clicked", formattedDate);
-
-    setTimeout(function() {
-      window.location.href = redirectUrl;
-    }, 250)
-
-  }
-</script>
 
 <style>
+
+  .left-content-title {
+    font-size: 25px;
+    font-weight: 900;
+    line-height: 15px;
+    margin: 20px 0;
+   
+  }
+  .content-by-product {
+    height: 300px; 
+    overflow: hidden;
+  }
+
+  .upcomongevents {
+    height: 350px; 
+  }
+
+  #seemore:hover {
+        cursor: pointer;
+  }
   .np-homepage-hero {
     background-color:#3C228A;
     padding: 40px 24px 24px;
@@ -537,4 +239,41 @@
       line-height: 58px;
     }
   }
+
+
+  .np-homepage-featured-text {
+    align-items: start;
+    display: flex;
+    flex-direction: column;
+   
+    text-align: left;
+  }
+
+
+  .np-dashboard-resources-title {
+      /* margin-bottom: 8px; */
+      color: #333;
+      text-transform: unset;
+      margin-left: 15px;
+  }
 </style>
+<script>
+  $(document).ready(function(){
+        $("#seemore").click(function () {
+          if ($("#divContentbyProduct").height() == "300")
+          {
+            $("#divContentbyProduct").height("auto");
+            $("#seemore").html("Show less..");
+          }
+          else
+          {
+            $("#divContentbyProduct").height("300");
+            $("#seemore").html("See more..");
+          }
+         
+          $("#divContentbyProduct").overflow("hidden");
+          
+
+      });
+    });
+</script>
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/master.html.liquid b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/master.html.liquid
index 63345068..71c36b9d 100644
--- a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/master.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/master.html.liquid	
@@ -1 +1,2 @@
 {% body %}
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
diff --git a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/styles.css.liquid b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/styles.css.liquid
index 13bc2a19..96f72549 100644
--- a/Custom_Templates/customer_templates/Walmart Luminate Sandbox/styles.css.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Luminate Sandbox/styles.css.liquid	
@@ -66,18 +66,8 @@ html {
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 }
 
-.np-resource-title,
-.np-dashboard-resources-title {
-  color: #333;
-  font-weight: 400;
-  font-size: 24px;
-  line-height: 32px;
-}
 
-.np-dashboard .np-dashboard-resources-title {
-  margin-bottom: 20px;
-  text-transform:capitalize;
-}
+
 
 .np-resource-subtitle {
   color: #333;
@@ -130,10 +120,6 @@ html {
   color: #333;
 }
 
-.np-dashboard-resources-title {
-  margin-bottom: 8px;
-  color: #333;
-}
 
 .np-learning-paths-resources-container,
 .np-dashboard-resources-container {
@@ -234,17 +220,7 @@ html {
   padding-top: 64px;
 }
 
-.np-sub-navigation:not(.homepage-nav):not(.np-page-container) {
-  position: fixed;
-  top: 64px;
-  left: 0;
-  width: 100%;
-  background-color: #fff;
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-  padding-top: 0px;
-  margin-bottom: 0;
-  z-index: 49;
-}
+
 
 .np-sub-navigation.fixed {
   position: fixed;
diff --git a/Custom_Templates/customer_templates/Walmart Spark Prod/courses.html.liquid b/Custom_Templates/customer_templates/Walmart Spark Prod/courses.html.liquid
index 2a1eabe5..17945ed6 100644
--- a/Custom_Templates/customer_templates/Walmart Spark Prod/courses.html.liquid	
+++ b/Custom_Templates/customer_templates/Walmart Spark Prod/courses.html.liquid	
@@ -31,7 +31,7 @@
   fa-arrow-left{% endcapture %}
 {% include "mobile_header", title: "Resource Center", back_icon: icon, back_link: "javascript:sendMessage();" %}
   {% if current_school.properties.banner_toggle == true %}
-	<div class="np-alert" style="height: 70px; margin-top: 50px; padding: 0 0 5px 5px; color:#000000; font-size: 16px; background-color:#FFC220" >
+	<div class="np-alert" style="height: 70px; margin-top: 50px; padding: 5px 5px 5px 15px; color:#000000; font-size: 16px; background-color:#FFC220" >
 	  {{ current_school.properties.banner_text }}
 	</div>
   {% endif %}
diff --git a/Scripts/API_Tests/Apikeys.py b/Scripts/API_Tests/Apikeys.py
index 76a5485f..f05aadf2 100644
--- a/Scripts/API_Tests/Apikeys.py
+++ b/Scripts/API_Tests/Apikeys.py
@@ -31,3 +31,4 @@ KARBON = "peQbnkfUnYLGPfIzyCxfLs634"
 BLOOMERANG = "ewGDqLgsklMnytqzUka2wmgIi"
 GSU = "rUUKNuBZ0rmRNPftB4smYhQ5L"
 EMPLOY = "qcNggCm4SBtC0gTqLGv30vX8l"
+LUMAFINTECH = "oDFA7XSmjEKjEwIDIKLm0rxs1"
diff --git a/Scripts/API_Tests/__pycache__/Apikeys.cpython-310.pyc b/Scripts/API_Tests/__pycache__/Apikeys.cpython-310.pyc
index 51fb43d2e91ca338b75b135966e59ddd7ae882bd..c9fd931f85cd082f5386c1cc353b3e0e1223bfa1 100644
GIT binary patch
delta 145
zcmZ3*bAyLBpO=@50SJl>-O__6^2##yOw{h=h*C^Z3}(<&+PEW@*&s?X-^I<*JR&$Z
z%hfx}wcOLi)7vN4ps1qQ&`(n-iZ$3f)YB!3!`n47IK<!2_10!BmQY5yC^lE$03ZLz
uTiiaOzK(95ej%>T9xEA&n1PlRF;AYr8p7rRWU??!{=jN6iH(DagAo8l9VSfx

delta 93
zcmcb?vx<i|pO=@50SJOu+ox+z<dtRYn5f;!63n2fxN%P`v#6h@Viaqzcc`aJ6o<EK
vWN?VTpKH`+PnJ+d!CP#uz5zb|kt-RBn1BWpF-_jX8p7x_S&+?{iGvXUU|<(Y

diff --git a/Scripts/API_Tests/get_courses_from_groups.py b/Scripts/API_Tests/get_courses_from_groups.py
index 08191b32..d9582120 100644
--- a/Scripts/API_Tests/get_courses_from_groups.py
+++ b/Scripts/API_Tests/get_courses_from_groups.py
@@ -12,20 +12,6 @@ HEADERS = {
 }
 BASEURL = "https://api.northpass.com/v2/"
 GROUPS = [
-    "Academic Economics",
-    "Academy Use/Navigation",
-    "Accreditation",
-    "Anthology 101",
-    "Baseline",
-    "Course Evaluations",
-    "Engage",
-    "Evaluate",
-    "Finance & HCM",
-    "Learn",
-    "Portfolio",
-    "Power BI",
-    "Raise",
-    "Reach",
     "Student",
 ]
 
@@ -34,23 +20,24 @@ def all_groups():
     Get all Group IDs
     """
     gids = []
-    group_count = 0
-    while True:
-        group_count += 1
-        url = f"https://api.northpass.com/v2/groups?page={group_count}"
-        gresponse = requests.get(url, headers=HEADERS)
-        gdata = gresponse.json()
-        gnext = gdata["links"]
+    for group in GROUPS:
+        group_count = 0
+        while True:
+            group_count += 1
+            url = f"https://api.northpass.com/v2/groups?filter[name][cont]={group}&page={group_count}"
+            gresponse = requests.get(url, headers=HEADERS)
+            gdata = gresponse.json()
+            gnext = gdata["links"]
 
-        for response in gdata["data"]:
-            group_id = response["id"]
-            group_name = response["attributes"]["name"]
-            group_tupe = (group_id, group_name)
-            print(group_tupe)
-            gids.append(group_tupe)
+            for response in gdata["data"]:
+                group_id = response["id"]
+                group_name = response["attributes"]["name"]
+                group_tupe = (group_id, group_name)
+                print(group_tupe)
+                gids.append(group_tupe)
 
-        if "next" not in gnext:
-            break
+            if "next" not in gnext:
+                break
 
     get_courses(gids)
 
diff --git a/Scripts/API_Tests/get_sent_webhooks.py b/Scripts/API_Tests/get_sent_webhooks.py
new file mode 100644
index 00000000..7083d868
--- /dev/null
+++ b/Scripts/API_Tests/get_sent_webhooks.py
@@ -0,0 +1,17 @@
+import requests
+import Apikeys
+import pprint
+
+PP = pprint.PrettyPrinter(indent=4)
+APIKEY = Apikeys.LUMAFINTECH
+HEADERS = {"content-type": "application/json", "X-Api-Key": APIKEY }
+BASEURL = "https://api.northpass.com/v2/webhooks"
+FILTURL = f"{BASEURL}?filter[attempt_left][eq]=28"
+# filter[type][in]=course_completed_events
+
+print(FILTURL)
+response = requests.get(FILTURL, headers=HEADERS)
+resp = response.json()
+for i in resp['data']:
+    print(i['attributes']['created_at'] )
+# PP.pprint(resp)