From f89577a10042a8dc57331eb763e704a201b89957 Mon Sep 17 00:00:00 2001
From: Nate Taylor <taylonr@gmail.com>
Date: Sat, 26 Oct 2019 11:59:26 -0500
Subject: [PATCH] Loading circle

---
 consuming.html |  3 +++
 src/site.css   | 11 +++++++++++
 2 files changed, 14 insertions(+)
diff --git a/consuming.html b/consuming.html
index 23f9975..be8f727 100644
--- a/consuming.html
+++ b/consuming.html
@@ -12,6 +12,9 @@
     <body>
         <h1 class="green ml4">Consuming Promises</h1>
         <a class="green ml4 pb4" href="./home">Back to home</a>
+        <div class="waiting hidden ml4 pa4">
+            <h2>Waiting...</h2>
+        </div>
         <div class="flex w-50 pa4">
             <button class="bg-green mr2" onclick="get()">Success GET</button>
             <button class="bg-green mr2" onclick="getCatch()">Failed GET</button>
diff --git a/src/site.css b/src/site.css
index 2a83d9a..6835fd6 100644
--- a/src/site.css
+++ b/src/site.css
@@ -57,4 +57,15 @@ div.results {
 
 .purple {
     color: #675BA7
+}
+
+.hidden {
+    display: none;
+}
+
+.waiting {
+    background: #9BC850;
+    position: absolute;
+    top: 47%;
+    width: 50%;
 }
\ No newline at end of file
