From 77910d00ac58ae1884d71ecdd7b08e665f6c688d Mon Sep 17 00:00:00 2001
From: Basem Dahroug <basemdahroug@Basems-Mac-mini.local>
Date: Sun, 30 Jul 2023 09:53:46 -0700
Subject: [PATCH 1/3] init

---
 index.html | 120 +----------------------------------------------------
 1 file changed, 1 insertion(+), 119 deletions(-)
diff --git a/index.html b/index.html
index 3e1aeee42..ffa773105 100644
--- a/index.html
+++ b/index.html
@@ -7,127 +7,9 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>#000000</title>
     <link type="image/x-icon" rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2NkYGD4z0ABYBw1gGE0DBhGw4BhWIQBAE5OEAELnjVHAAAAAElFTkSuQmCC">
-    <style>
-        :root {
-            --color: #000000;
-            --color-transparent: #00000022;
-        }
-
-        ::selection {
-            background: var(--color-transparent);
-        }
-
-        html,
-        body {
-            background: var(--color);
-            height: 100%;
-            margin: 0;
-        }
-
-        body {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-        }
-
-        #color {
-            background: white;
-            color: var(--color);
-            font-size: 2.5rem;
-            font-weight: 300;
-            padding: 2.25rem 3rem;
-            font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
-            cursor: text;
-        }
-    </style>
 </head>
-
 <body>
-    <p id="color">#000000</p>
-    <script>
-        function randomInt(min, max) {
-            return Math.floor(Math.random() * (max - min + 1) + min);
-        }
-
-        function hslToHex(h, s, l) {
-            h /= 360;
-            s /= 100;
-            l /= 100;
-            var r = void 0,
-                g = void 0,
-                b = void 0;
-            if (s === 0) {
-                r = g = b = l; // achromatic
-            } else {
-                var hue2rgb = function hue2rgb(p, q, t) {
-                    if (t < 0) t += 1;
-                    if (t > 1) t -= 1;
-                    if (t < 1 / 6) return p + (q - p) * 6 * t;
-                    if (t < 1 / 2) return q;
-                    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
-                    return p;
-                };
-                var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-                var p = 2 * l - q;
-                r = hue2rgb(p, q, h + 1 / 3);
-                g = hue2rgb(p, q, h);
-                b = hue2rgb(p, q, h - 1 / 3);
-            }
-            var toHex = function toHex(x) {
-                var hex = Math.round(x * 255).toString(16);
-                return hex.length === 1 ? '0' + hex : hex;
-            };
-            return '#' + toHex(r) + toHex(g) + toHex(b);
-        }
-
-        window.onload = function () {
-            let stopProp = function (ev) {
-                ev.stopPropagation();
-            }
-
-            var colorElement = document.getElementById("color");
-            colorElement.addEventListener("click", stopProp, false);
-            colorElement.addEventListener("mousedown", stopProp, false);
-
-            var setFavicon = function (hex) {
-                var canvas = document.createElement('canvas');
-                canvas.width = 16;
-                canvas.height = 16;
-                var ctx = canvas.getContext('2d');
-                ctx.fillStyle = hex;
-                ctx.fillRect(0, 0, 16, 16);
-                document.getElementsByTagName('link')[0].href = canvas.toDataURL("image/x-icon");
-            }
-
-            var setRandomColor = function setRandomColor() {
-                var h = void 0,
-                    s = void 0,
-                    l = void 0;
-
-                h = randomInt(0, 359);
-                s = randomInt(55, 75);
-                l = randomInt(40, 60);
-
-                document.documentElement.style.setProperty('--color', 'hsl(' + h + ', ' + s + '%, ' + l + '%)');
-                var hex = hslToHex(h, s, l);
-                document.title = hex;
-                colorElement.innerHTML = hex;
-                document.documentElement.style.setProperty('--color-transparent', hex + '22');
-
-                setFavicon(hex);
-            };
-            setRandomColor();
-
-            var body = document.getElementsByTagName("body")[0];
-            body.addEventListener("mousedown", function (ev) {
-                ev.preventDefault();
-            });
-            body.addEventListener("click", function () {
-                setRandomColor();
-            }, false);
-        };
-    </script>
+comming soon!    
 </body>
 
 </html>
\ No newline at end of file

From 3188724d0fbdc0a60adffc993d9c995c19ee5591 Mon Sep 17 00:00:00 2001
From: Basem Dahroug <x_123@windowlive.com>
Date: Sun, 30 Jul 2023 10:01:39 -0700
Subject: [PATCH 2/3] update

---
 index.html | 97 ++++++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 87 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index ffa773105..2b13c1327 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,92 @@
 <!DOCTYPE html>
-<html lang="en">
-
+<html>
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>#000000</title>
-    <link type="image/x-icon" rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2NkYGD4z0ABYBw1gGE0DBhGw4BhWIQBAE5OEAELnjVHAAAAAElFTkSuQmCC">
+  <title>Coming Soon - North Prairie Medical Group</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background-color: #f2f2f2;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+    }
+
+    .container {
+      text-align: center;
+      padding: 20px;
+      background-color: #ffffff;
+      border-radius: 10px;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    }
+
+    .logo {
+      width: 100px;
+      height: 100px;
+      margin-bottom: 20px;
+    }
+
+    .title {
+      font-size: 24px;
+      font-weight: bold;
+      color: #333333;
+      margin-bottom: 10px;
+    }
+
+    .subtitle {
+      font-size: 18px;
+      color: #666666;
+      margin-bottom: 20px;
+    }
+
+    .countdown {
+      font-size: 28px;
+      color: #ff0000;
+      margin-bottom: 30px;
+    }
+
+    .contact {
+      font-size: 16px;
+      color: #999999;
+    }
+  </style>
 </head>
 <body>
-comming soon!    
-</body>
+  <div class="container">
+    <img class="logo" src="north_prairie_logo.png" alt="North Prairie Medical Group Logo">
+    <div class="title">North Prairie Medical Group</div>
+    <div class="subtitle">Coming Soon</div>
+    <div class="countdown">Launching in:</div>
+    <div id="countdown-timer"></div>
+    <div class="contact">For inquiries, please contact: <a href="mailto:info@northprairiemedical.com">info@northprairiemedical.com</a></div>
+  </div>
+
+  <script>
+    // Set the launch date and time (YYYY-MM-DD HH:MM:SS format)
+    var launchDate = new Date("2023-08-15 09:00:00").getTime();
+
+    // Update the countdown every second
+    var countdown = setInterval(function() {
+      var now = new Date().getTime();
+      var timeRemaining = launchDate - now;
 
-</html>
\ No newline at end of file
+      // Calculate days, hours, minutes, and seconds
+      var days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
+      var hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+      var minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60));
+      var seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000);
+
+      // Display the countdown timer
+      document.getElementById("countdown-timer").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
+
+      // If the countdown is over, display a message
+      if (timeRemaining < 0) {
+        clearInterval(countdown);
+        document.getElementById("countdown-timer").innerHTML = "Now Open!";
+      }
+    }, 1000);
+  </script>
+</body>
+</html>

From eeb6c007fa5638c35fe483de33647c5411645822 Mon Sep 17 00:00:00 2001
From: Basem Dahroug <x_123@windowlive.com>
Date: Sun, 30 Jul 2023 10:03:54 -0700
Subject: [PATCH 3/3] updateII

---
 index.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/index.html b/index.html
index 2b13c1327..5aa5d33eb 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,6 @@
 </head>
 <body>
   <div class="container">
-    <img class="logo" src="north_prairie_logo.png" alt="North Prairie Medical Group Logo">
     <div class="title">North Prairie Medical Group</div>
     <div class="subtitle">Coming Soon</div>
     <div class="countdown">Launching in:</div>
