small script changes. Updates to G2's modal popup.

Custom_Templates/customer_templates/G2/_modal_popup.html.liquid

@@ -1,9 +1,13 @@
 <script>
   function showPopup() {
+    var dialogShown = localStorage.getItem('dialogShown')
+    if (!dialogShown) {
     setTimeout(function() {
       document.querySelector(".popup-trigger").click()
       console.log("showing popup")
+      localStorage.setItem('dialogShown', 1)
     }, 500)}
+  }
 </script>
 
 
@@ -30,9 +34,9 @@
       <div class="modal-headline">Welcome to G2 University, {{ current_person.first_name }}! Have you become
 	#G2Certified yet?</div>
       <div class="modal-links">
-      	<a href="javascript:setPopupSeenProperty('/app')" class="secondary" data-toggle-trigger-off>
+      	<a class="secondary" data-toggle-trigger-off>
 	  I'm just looking around.</a>
-        <a href="javascript:setPopupSeenProperty('/app/learning_paths')" data-redirect="/app">Let's get
+        <a href="/app/learning_paths" data-redirect="/app">Let's get
 	  #G2Certified!</a>
       </div>
 		</div>
@@ -62,6 +66,10 @@
 </script>
 <style>
 /* MODAL POPUP  */
+.popup-trigger {
+  visibility: hidden;
+  opacity: 0;
+}
 .first-time-user-popup {
   position: fixed;
   top: 0;
@@ -103,6 +111,7 @@
   font-weight: 500;
   margin-bottom: 32px;
   text-align: center;
+  color: #F7492D;
 }
 
 .modal-links {
@@ -111,7 +120,7 @@
 
 .modal-links a {
   border: 2px solid #3c228a;
-  background: #3c228a;
+  background: #F7492D;
   padding: 8px 16px;
   text-align: center;
   width: calc(50% - 8px);

Custom_Templates/customer_templates/G2/homepage.html.liquid

@@ -20,7 +20,7 @@
   </div>
   {% include "sub_navigation" %}
   {% include 'courses_catalog' %}
-</main>
+  {% include 'modal_popup' %}
 {% include "footer" %}
 
 <style>