sjnormalboss · angelatsai1214 · Jun 24, 2021 · Jun 24, 2021 · Jun 24, 2021 · Jun 24, 2021
diff --git a/__pycache__/app.cpython-39.pyc b/__pycache__/app.cpython-39.pyc
diff --git a/angela.jpg b/angela.jpg
diff --git a/app.py b/app.py
@@ -0,0 +1,41 @@
+from flask import Flask, render_template, request
+import logging
+
+app = Flask(__name__)
+app.logger.disabled = True
+log = logging.getLogger('werkzeug')
+log.disabled = True
+
+
+@app.route("/", methods=["GET", "POST"])
+def trouble():
+    if request.method == "POST":
+        name = request.form.get("name")
+        email = request.form.get("email")
+        subject = request.form.get("subject")
+        message = request.form.get("message")
+        print(
+            f"\n===============\nNEW INQUIRY!\n\nNAME: {name}\nEMAIL: {email}\nSUBJECT: {subject}\nINQUIRY:\n{message}\n===============\n")
+        return render_template("sent.html")
+    else:
+        return render_template("troubleshoot.html")
+
+
+@app.route("/")
+def indexpage():
+    return render_template("index.html")
+
+
+@app.route("/")
+def commandpage():
+    return render_template("command.html")
+
+
+@app.route("/")
+def faqpage():
+    return render_template("faq.html")
+
+
+@app.route("/")
+def teampage():
+    return render_template("team.html")
diff --git a/command.html b/command.html
@@ -4,56 +4,62 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>InterHackBot</title>
-    <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet">
-    <link href="style.css" rel="stylesheet" type="text/css">
+    <link rel="icon" type="image/png" href="/image/logo.svg"/>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet">    
 
+    <style>
+        body {
+            font-family: "Dosis";
+          }
+    </style>
 </head>
 
-<body class="bg-dark text-white">
-    <nav>
-        <div class="container">
-            <div>
-                <img src="logo.svg" alt="logo" id="logo">
-            </div>
-            <a href="#" class="hamburger">
-                <span class="bar"></span>
-                <span class="bar"></span>
-                <span class="bar"></span>
-            </a>
-            <div class="nav">
-                <ul>
-                    <li><a href="home.html">Home</a></li>
-                    <li><a class="selected" href="">Command</a></li>
-                    <li><a href="faq.html">FAQ</a></li>
-                    <li><a href="troubleshoot.html">Troubleshoot</a></li>
-                    <li><a href="team.html">Team</a></li>
-                    <li><a href="https://discord.com/oauth2/authorize?client_id=780788190063624212&permissions=8&scope=bot">Add to Discord</a></li>
-                </ul>
-            </div>
+<body style="background-image: linear-gradient(rgb(87, 86, 86),rgb(56, 56, 56));">
+
+    <header id="header">
+        <div class="text-justify" style="background-color:#55d6aa">
+            <nav class="navbar navbar-expand-lg navbar-light" style="text-align: right;">
+                <h1 class="mx-4 font-weight-bold" style="font-size:24px;">InterHackBot</h1>
+                <img src="/image/logo.svg" alt="logo" id="logo">                
+                <button class="navbar-toggler me-4 border border-info" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon color-dark"></span>
+                </button>
+                  <div class="collapse navbar-collapse" id="navbarNavDropdown">
+                    <ul class="navbar-nav">
+                        <li class="nav-item"><a class="nav-link" href="index.html"><span class="navbar-text text-end text-dark" style="font-size: 24px; margin-left:17rem;">Home</span></a></li>
+                        <li class="nav-item"><a class="nav-link" href=""><span class="navbar-text text-end text-dark font-weight-bold" style="font-size: 24px;">Commands</span></a></li>
+                        <li class="nav-item"><a class="nav-link" href="faq.html"><span class="navbar-text text-end text-dark" style="font-size: 24px;">FAQ</span></a></li>
+                        <li class="nav-item"><a class="nav-link" href="team.html"><span class="navbar-text text-end text-dark" style="font-size: 24px;">Meet the Team</span></a></li>
+                        <li class="nav-item"><a class="nav-link" href="https://discord.com/oauth2/authorize?client_id=780788190063624212&permissions=8&scope=bot" target="_blank"><span class="navbar-text text-end text-dark" style="font-size: 24px;">Login with Discord</span></a></li>
+                    </ul>
+                </div>
+            </nav>
         </div>
-    </nav>
+    </header>
+
+    <div class="container text-center py-5" style="color:white">
+        <h1 style="font-size:50px; font-weight: bold;">Commands</h1>
+    </div>
+
+    <div style="background-image:linear-gradient(#55d6aa,white);">
 
-    <section>
-        <h2 style="text-align: center; color: white; position:relative; top: 50px;">Remember to use <b>.</b> for the prefix to call all the commands! <br>
+    <div class="py-5 px-3 text-center text-dark">
+        <h2>Remember to use <b>.</b> for the prefix to call all the commands! <br>
             Whenever you forget the commands, simply put <b>.help</b> to get a list of all the commands. </h2>
-    </section>
-
-    <img src="cmd.svg" alt="commands" id="com">   
-
-
-    <footer id="footer">
-        <div id="bottom">
-            <ul id = 'foot'>
-                <li><a href="">Home</a></li>
-                <li><a class="selected" href="">Command</a></li>
-                <li><a href="faq.html">FAQ</a></li>
-                <li><a href="troubleshoot.html">Troubleshoot</a></li>
-                <li><a href="team.html">Team</a></li>
-                <li><a href="https://discord.com/channels/@me/854085714869616661/855303023000551445">Login with Discord</a></li>
-            </ul>
-            <h3 id = "Inter">&copy; 2021 InterHackBot</h3>
-        </div>
+    </div>
+
+    <div class="container pb-5" style="width:450px;">
+        <img src="cmd.svg" alt="commands">   
+    </div>
+</div>
+    <footer class="text-center my-5">
+        <a href="#header"><h2><span style="font-size:25px;">Back to Top ↑</span></h2></a>
+        <h3><span class="text-light" style="font-size:28px;">&copy; 2021 InterHackBot</span></h3>
     </footer>
 </body>
 

diff --git a/faq.html b/faq.html
@@ -4,76 +4,85 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>InterHackBot</title>
-    <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet">
-    <link href="style.css" rel="stylesheet" type="text/css">
+    <link rel="icon" type="image/png" href="/image/logo.svg"/>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet">    
 
+    <style>
+        body {
+            font-family: "Dosis";
+          }
+    </style>
 </head>
 
-<body class="bg-dark text-white">
-    <nav>
-        <div class="container">
-            <div>
-                <img src="logo.svg" alt="logo" id="logo">
-            </div>
-            <a href="#" class="hamburger">
-                <span class="bar"></span>
-                <span class="bar"></span>
-                <span class="bar"></span>
-            </a>
-            <div class="nav">
-                <ul>
-                    <li><a href="home.html">Home</a></li>
-                    <li><a href="command.html">Command</a></li>
-                    <li><a class="selected" href="">FAQ</a></li>
-                    <li><a href="troubleshoot.html">Troubleshoot</a></li>
-                    <li><a href="team.html">Team</a></li>
-                    <li><a href="https://discord.com/oauth2/authorize?client_id=780788190063624212&permissions=8&scope=bot">Add to Discord</a></li>
-                </ul>
-            </div>
-        </div>
-    </nav>
-
-    <h1 style="padding-top: 50px">FAQ Page</h1>
-
-    <section id="fir">
-        <h2> Why use this Bot?
-    </h2>
-        <p>Our discord bot combines the many features that are highly sought during a hackathon. Computer has begun dominating our world, and the rate of hackathons will only increase. There are many hackthons that leave their organizers and participants in tears due to several issues. We provide free service to make your competition and life much smoother and organized. Our bot does have features that are already in some Discord bots, but what makes our bot unique is that we combine the features together to ensure smooth and happy coding experience! </p>
-</section>
-    </section>
-
-    <section id="sec">
-        <h2>How was InterHackBot made?</h2>
-        <p>InterHackBot was made through the combined effort of our team to go day and night to accomplish all of our ambitious goals. We made it though python and json as we completely fell in love with the end-result.</p>
-
-    </section>
+<body class="text-white" style="background-image: linear-gradient(rgb(66, 66, 66),white,#55d6aa);">
 
-    <section id="thi">
-        <h2>What was the inspiration for InterHackBot?</h2>
-        <p>Our team observes that online hackathon can be complicated sometimes due to various reasons, including organization of information, time zone differences, etc. As a result, we created the InterHackBot <br> with multiple features aiming to solve all the problems we see. </p>
-    </section>
+    <header id="header">
+        <div class="text-justify" style="background-color:#55d6aa">
+            <nav class="navbar navbar-expand-lg navbar-light" style="text-align: right;">
+                <h1 class="mx-4 font-weight-bold text-dark" style="font-size:24px;">InterHackBot</h1>
+                <img src="/image/logo.svg" alt="logo" id="logo">
+                <button class="navbar-toggler me-4 border border-info" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon color-dark"></span>
+                </button>
+                  <div class="collapse navbar-collapse" id="navbarNavDropdown">
+                    <ul class="navbar-nav">
+                        <li class="nav-item"><a class="nav-link" href="index.html"><span class="navbar-text text-end text-dark" style="font-size: 24px; margin-left:17rem;">Home</span></a></li>
+                        <li class="nav-item"><a class="nav-link" href="command.html"><span class="navbar-text text-end text-dark" style="font-size: 24px;">Commands</span></a></li>
+                        <li class="nav-item"><a class="nav-link" href=""><span class="navbar-text text-end text-dark font-weight-bold" style="font-size: 24px;">FAQ</span></a></li>
+                        <li class="nav-item"><a class="nav-link" href="team.html"><span class="navbar-text text-end text-dark" style="font-size: 24px;">Meet the Team</span></a></li>
+                        <li class="nav-item"><a class="nav-link" href="https://discord.com/oauth2/authorize?client_id=780788190063624212&permissions=8&scope=bot" target="_blank"><span class="navbar-text text-end text-dark" style="font-size: 24px;">Login with Discord</span></a></li>
+                    </ul>
+                </div>
+            </nav>
+        </div>
+    </header>
 
-
+    <div class="container text-center py-5" style="color:white">
+        <h1 style="font-size:50px; font-weight: bold;">FAQ</h1>
+    </div>
 
-    <h3 style="color:white; text-align: center">Please go to the <a href="troubleshoot.html" style="color: #55d6aa">Troubleshoot page</a> to report a glitch or problem if you can't revolve it.</h3>
+    <div class="px-5 pb-5 text-dark text-center">
+        <div class="col-12 mx-3 px-5 my-3 py-5" style="background-color: #ffffff; border: solid; border-color:#55d6aa;" >
+            <div><h2 style="font-weight:bold;">Why use this Bot?</h2></div>
+            <div class="px-5 text-light font-weight-bold pt-3" style="font-size: 18px;"><p style="color:#55d6aa;">Our discord bot combines the many features that are highly sought during a hackathon. 
+                Computer has begun dominating our world, and the rate of hackathons will only increase. 
+                There are many hackthons that leave their organizers and participants in tears due to several issues. 
+                We provide free service to make your competition and life much smoother and organized. 
+                Our bot does have features that are already in some Discord bots, but what makes our bot unique is 
+                that we combine the features together to ensure smooth and happy coding experience! </p></div>
+            </div>
 
+        <div class="col-12 mx-3 px-5 my-3 py-5" style="background-color:#55d6aa; border: solid; border-color:grsy;">
+            <h2 style="font-weight:bold;">How was InterHackBot made?</h2>
+            <div class="px-5 text-light font-weight-bold pt-3" style="font-size: 18px;"><p>InterHackBot was made through the combined effort of our team. It is a project that 
+                initiated from a hackathon where our team first met. Afterward, we continue to remove bugs and make InterHackBot available to be 
+                publicly used. We made it though python and json.</p></div>
 
-
+        </div>
 
+        <div class="col-12 mx-3 px-5 my-3 py-5" style="background-color:white; border: solid; border-color:#55d6aa;">
+            <h2 style="font-weight:bold;">What was the inspiration for InterHackBot?</h2>
+            <div class="px-5 text-light font-weight-bold pt-3" style="font-size: 18px;"><p style="color:#55d6aa;">Our team observes that online hackathon can be complicated sometimes due to various 
+                reasons, including organization of information, time zone differences, etc. As a result, we created 
+                the InterHackBot with multiple features aiming to solve all the problems we see. </p></div>
+        </div>
 
-    <footer id="footer">
-        <div id="bottom">
-            <ul id = 'foot'>
-                <li><a href="home.html">Home</a></li>
-                <li><a href="command.html">Command</a></li>
-                <li><a class="selected" href="">FAQ</a></li>
-                <li><a href="troubleshoot.html">Troubleshoot</a></li>
-                <li><a href="team.html">Team</a></li>
-                <li><a href="https://discord.com/channels/@me/854085714869616661/855303023000551445">Login with Discord</a></li>
-            </ul>
-            <h3 id = "Inter">&copy; 2021 InterHackBot</h3>
+        <div class="col-12 mx-3 px-5 py-5" style="background-color:#55d6aa; border: solid; border-color:grsy;">
+            <h2 style="font-weight:bold;">How can I get in touch with the developers?</h2>
+            <div class="px-5 text-light font-weight-bold pt-3" style="font-size: 18px;"><p style="color:white;">To contact Aryan, please email: <a href="mailto:[email protected]">[email protected]</a>; to contact Saaketh, 
+                please emali: <a href="mailto:[email protected]">[email protected]</a>; to contact Cho Jung (Angela), please email: <a href="mailto:[email protected]">[email protected]</a>. To see each of our roles, visit <a href="team.html">Meet the Team</a>.</p></div>
         </div>
+
+    </div>
+
+    <footer class="text-center my-5">
+        <a href="#header"><h2><span style="font-size:25px;">Back to Top ↑</span></h2></a>
+        <h3><span style="font-size:28px; color:rgb(56, 56, 56)">&copy; 2021 InterHackBot</span></h3>
     </footer>
 
 </body>

diff --git a/icons.png b/icons.png
diff --git a/image/favicon.ico b/image/favicon.ico
diff --git a/image/get.svg b/image/get.svg
diff --git a/image/icons.png b/image/icons.png
diff --git a/image/loadID.svg b/image/loadID.svg