add modal window

PincessWoona · May 8, 2024 · 0d0e029 · 0d0e029
1 parent bf59ee7
commit 0d0e029
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 8 deletions.
diff --git a/app.py b/app.py
@@ -16,10 +16,6 @@ def index():
         return render_template("index.html", images=images)
     return render_template("index.html")
 
-@app.route("/about", methods=["GET", "POST"])
-def about():
-    return render_template("about.html")
-
 def search_images(search_query, num_images):
     images = []
     # Derpibooru API

diff --git a/templates/index.html b/templates/index.html
@@ -50,13 +50,32 @@ <h3>Tags:</h3>
     <footer class="footer">
         <div class="container">
             <p class="text-muted">
-                &copy; 2024 PonyFurryFinder by Woona |
-                <a href="https://github.com/PincessWoona/PonyFurryFinder" target="_blank">
-                    <i class="fab fa-github"></i> View on GitHub
-                </a>
+                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#developerModal">
+                    About the developer
+                  </button>
             </p>
         </div>
     </footer>
+    <div class="modal fade" id="developerModal" tabindex="-1" role="dialog" aria-labelledby="developerModalLabel" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h5 class="modal-title" id="developerModalLabel">Developer Information</h5>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </div>
+            <div class="modal-body">
+              <p><i class="fa fa-user-circle" aria-hidden="true"></i> Dev: PincessWoona</p>
+              <p><i class="fa fa-envelope" aria-hidden="true"></i> Email: woona@ponysocial.ru</p>
+              <p><i class="fab fa-github"></i> GitHub: <a href="https://github.com/PincessWoona/PonyFurryFinder" target="_blank"> GitHub source</a></p>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+            </div>
+          </div>
+        </div>
+      </div>
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
     <script>