From 6eaa53cf5598e052e23422da1de227a7086e3a79 Mon Sep 17 00:00:00 2001
From: Bruno Rocha <rochacbruno@gmail.com>
Date: Fri, 18 May 2018 19:49:20 -0300
Subject: [PATCH] Added header placeholder and loader spinner (in case page
 takes long time to load)

---
 httpbin/templates/flasgger/index.html | 31 ++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/httpbin/templates/flasgger/index.html b/httpbin/templates/flasgger/index.html
index 3dd700f..7829cb6 100644
--- a/httpbin/templates/flasgger/index.html
+++ b/httpbin/templates/flasgger/index.html
@@ -70,7 +70,36 @@
   </defs>
 </svg>
 
-<div id="swagger-ui"></div>
+
+<div id="swagger-ui">
+    <div data-reactroot="" class="swagger-ui">
+        <div>
+        <div class="information-container wrapper">
+            <section class="block col-12">
+                <div class="info">
+                <hgroup class="main">
+                    <h2 class="title">httpbin.org<small><pre class="version">0.9.0</pre></small></h2>
+                    <pre class="base-url">[ Base URL: httpbin.org/ ]</pre>
+                </hgroup>
+                <div class="description">
+                    <div class="markdown">
+                    <p>A simple HTTP Request &amp; Response Service.
+                    <br> <br> <b>Run locally: </b> <code>$ docker run -p 80:80 kennethreitz/httpbin</code></p>
+                    </div>
+                </div>
+                <div>
+                  <div><a href="https://kennethreitz.org" target="_blank">the developer - Website</a></div>
+                  <a href="mailto:me@kennethreitz.org">Send email to the developer</a>
+                </div>
+                </div>
+                <!-- ADDS THE LOADER SPINNER -->
+                <div class="loading-container"><div class="loading"></div></div>
+
+            </section>
+        </div>
+    </div>
+    </div>
+</div>
 
 
 <div class='swagger-ui'>