From f19026eb228b24dd4400c13b483dfde359e247ed Mon Sep 17 00:00:00 2001
From: Ralf Stockmann <rstockm@gmail.com>
Date: Thu, 18 May 2023 09:49:12 +0200
Subject: [PATCH] Update index.html

- Custom server field
---
 index.html | 57 +++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 37 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index 6e80bc9..244eeeb 100644
--- a/index.html
+++ b/index.html
@@ -14,32 +14,49 @@
     </nav>
 
     <div id="zero-state" class="d-none">
-        <div class="container py-5">
-            <h2>Welcome to the Bibliocon Social Wall</h2>
-            <p>Please enter up to three hashtags to load posts:</p>
-            <form id="hashtag-form">
-              <div class="form-group">
-                  <label for="hashtag1">Hashtag 1:</label>
-                  <input type="text" class="form-control" id="hashtag1" placeholder="Enter a hashtag">
+      <div class="container py-5 text-center"> <!-- add the text-center class here -->
+          <div class="row justify-content-center">
+              <div class="col-sm-6"> <!-- Increase the number of columns here -->
+                  <h2>Welcome to the Mastowall</h2>
+                  <p>Please enter up to three hashtags to load posts:</p>
+                  <form id="hashtag-form">
+                    <div class="form-group">
+                        <label for="hashtag1">Hashtag 1:</label>
+                        <input type="text" class="form-control" id="hashtag1" placeholder="Enter a hashtag">
+                    </div>
+                    <div class="form-group">
+                        <label for="hashtag2">Hashtag 2:</label>
+                        <input type="text" class="form-control" id="hashtag2" placeholder="Enter a hashtag">
+                    </div>
+                    <div class="form-group">
+                        <label for="hashtag3">Hashtag 3:</label>
+                        <input type="text" class="form-control" id="hashtag3" placeholder="Enter a hashtag">
+                    </div>
+                    <div class="form-group">
+                        <label for="serverUrl">Server:</label>
+                        <input type="text" class="form-control" id="serverUrl" placeholder="Enter server URL" value="https://mastodon.social">
+                    </div>
+                  
+                    <button type="submit" class="btn btn-primary">Reload</button>
+                  </form>
               </div>
-              <div class="form-group">
-                  <label for="hashtag2">Hashtag 2:</label>
-                  <input type="text" class="form-control" id="hashtag2" placeholder="Enter a hashtag">
-              </div>
-              <div class="form-group">
-                  <label for="hashtag3">Hashtag 3:</label>
-                  <input type="text" class="form-control" id="hashtag3" placeholder="Enter a hashtag">
-              </div>
-              <button type="submit" class="btn btn-primary">Reload</button>
-            </form>
-          
-        </div>
-    </div>
+          </div>
+      </div>
+  </div>
+  
+  
 
     <div id="app-content" class="container">
         <div class="row masonry-grid" id="wall"></div>
     </div>
 
+    <footer class="footer text-center py-4 mt-5">
+      <div class="container">
+          <span class="text-muted">Host your own Mastowall - check the source code on </span>
+          <a href="https://github.com/rstockm/mastowall" target="_blank">GitHub</a>
+      </div>
+  </footer>
+
     <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
     <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
     <script src="script.js"></script>