From e104fb2b6cc71fc5d5c67c4a7ca897dec5d6c20b Mon Sep 17 00:00:00 2001
From: Sang <leesanxi@gmail.com>
Date: Tue, 5 Jun 2018 19:12:11 -0400
Subject: [PATCH 1/2] added modal to check if chrome browser

---
 create.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/create.html b/create.html
index eecce2a..db946b8 100644
--- a/create.html
+++ b/create.html
@@ -576,6 +576,18 @@ <h4 class="modal-body text-danger" :style="{display: !getID() ? 'block' : 'none'
           </div>
         </div>
       </div>
+
+      <div id="chromeModal" class="modal fade" tabindex="-1" role="dialog">
+        <div class="modal-dialog" role="document">
+          <div class="modal-content">
+            <div class="modal-header">
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+              <h4 class="modal-title"><span class="glyphicon glyphicon-share-alt"></span> Chrome Browser Not Detected!</h4>
+            </div>
+            <h4 class="modal-body text-danger" :style="{display: !getID() ? 'block' : 'none'}">The Chrome Browser is recommended. You may experience technical difficulties with other browsers.</h4>
+          </div>
+        </div>
+      </div>
     
       <div id="docsbar" v-show="docsbar" @click="docsbar= !docsbar" :style="{display: 'flex'}">
         <span class="rotate" style="font-size: 1.65em">Documentation</span>
@@ -1690,6 +1702,16 @@ <h4 class="modal-body text-danger" :style="{display: !getID() ? 'block' : 'none'
     // helper function to prevent runCode from running too often
     var debouncedRunCode = debounce(runCode, 1000, false)
 
+      function checkChrome() {
+        
+        var str = window.navigator.userAgent;
+        if (!(str.indexOf("Edge") == -1 && str.indexOf("OPR") == -1 && str.indexOf("Firefox") == -1 && str.indexOf("Trident") == -1)) {
+          $("#chromeModal").modal("show");
+        }
+        
+      };
+      checkChrome();
+
   </script>
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

From 1513a4fb10526f35911282a2213083ec3cf6dfce Mon Sep 17 00:00:00 2001
From: Sang <leesanxi@gmail.com>
Date: Fri, 8 Jun 2018 16:44:05 -0400
Subject: [PATCH 2/2] changes to modal, added cookie feature

---
 create.html | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/create.html b/create.html
index db946b8..5dc6f66 100644
--- a/create.html
+++ b/create.html
@@ -582,9 +582,9 @@ <h4 class="modal-body text-danger" :style="{display: !getID() ? 'block' : 'none'
           <div class="modal-content">
             <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-              <h4 class="modal-title"><span class="glyphicon glyphicon-share-alt"></span> Chrome Browser Not Detected!</h4>
+              <h4 class="modal-title">WoofJS is Optimized for Chrome!</h4>
             </div>
-            <h4 class="modal-body text-danger" :style="{display: !getID() ? 'block' : 'none'}">The Chrome Browser is recommended. You may experience technical difficulties with other browsers.</h4>
+            <h4 class="modal-body text-danger">WoofJS.com works best with the Chrome web browser. We're a small team, so we can't test new features on all browsers. If you are having difficulties with WoofJS.com, consider<a href="https://www.google.com/chrome/"> downloading Chrome here</a>.</h4>
           </div>
         </div>
       </div>
@@ -1702,15 +1702,20 @@ <h4 class="modal-body text-danger" :style="{display: !getID() ? 'block' : 'none'
     // helper function to prevent runCode from running too often
     var debouncedRunCode = debounce(runCode, 1000, false)
 
-      function checkChrome() {
-        
-        var str = window.navigator.userAgent;
-        if (!(str.indexOf("Edge") == -1 && str.indexOf("OPR") == -1 && str.indexOf("Firefox") == -1 && str.indexOf("Trident") == -1)) {
-          $("#chromeModal").modal("show");
+      function isChromeBrowser() {
+        const userAgent = window.navigator.userAgent;
+        if (userAgent.indexOf("Edge") == -1 && userAgent.indexOf("OPR") == -1 && userAgent.indexOf("Firefox") == -1 && userAgent.indexOf("Trident") == -1) {
+          return true;
+        }
+        else{
+          return false;
         }
         
       };
-      checkChrome();
+    if (!(isChromeBrowser())&&((document.cookie).indexOf("notChrome")==-1)) {
+      document.cookie="notChrome"
+      $("#chromeModal").modal("show");
+    };
 
   </script>
   <script>