CornellNLP · joannazhang7 · Mar 28, 2023 · Mar 28, 2023 · Mar 28, 2023 · Mar 28, 2023
diff --git a/backend/app.py b/backend/app.py
@@ -12,7 +12,7 @@
 # Don't worry about the deployment credentials, those are fixed
 # You can use a different DB name if you want to
 MYSQL_USER = "root"
-MYSQL_USER_PASSWORD = "MayankRao16Cornell.edu"
+MYSQL_USER_PASSWORD = "peachybums"
 MYSQL_PORT = 3306
 MYSQL_DATABASE = "kardashiandb"
 
@@ -42,4 +42,8 @@ def episodes_search():
     text = request.args.get("title")
     return sql_search(text)
 
-# app.run(debug=True)
+@app.route('/main')
+def main():
+    return render_template('main.html')
+
+app.run(debug=True)
diff --git a/backend/static/images/minimalistfood.jpeg b/backend/static/images/minimalistfood.jpeg
diff --git a/backend/static/mainpg.css b/backend/static/mainpg.css
@@ -0,0 +1,120 @@
+.full-body-container{
+    position: absolute;
+    top:0;
+    left:0;
+    right:0;
+    bottom:0;
+    width:100%;
+    height:100%;
+    display: flex;
+    justify-content: start;
+    align-items: center;
+    flex-direction: column;
+    background-color: #EADDCA;
+}
+
+#title {
+    /* color: #E8DED1 */
+    color: #6F4E37;
+}
+
+.website-title{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 48px;
+    font-family: 'Open Sans', sans-serif;
+    margin-bottom: 5vh;
+}
+
+.website-title h1{
+    margin-bottom: 0;
+    margin-right: 3px;
+}
+
+
+/* MULTISELECT DROPDOWN BOX - START */ 
+.restaurant-item {
+    display: none;
+  }
+
+.searchAndDisplayContainer{
+    display: flex;
+    justify-content: space-between;
+}
+
+.multiselect{
+    margin: 30px 30px 30px 30px;
+    width: 50%;
+    float: left;
+}
+
+.restaurantResults {
+    width: 50%;
+    float: left;
+    border: none;
+    outline:none;
+}
+
+.label{
+    /* display: block; */
+    font-size: 18px;
+    font-weight: 700;
+    color: #fff;
+    margin-bottom: 5px;
+}
+
+#multipleSelect{
+    max-width: 100%;
+    width: 350px;
+}
+
+.vscomp-toggle-button{
+    padding: 10px 30px 10px 10px;
+    border-radius: 5px;
+}
+/* MULTISELECT DROPDOWN BOX END */
+
+/* MAPS DROPDOWN BOX START */
+.wrap{
+    width: 1200px;
+    /* margin:30px auto; */
+    margin-top: 200px;
+    display: grid;
+    grid-gap: 50px;
+    grid-template-columns: 300px auto;
+}
+
+.form input{
+    width: 100%;
+    border: none;
+    padding: 20px;
+    font-size: 1em;
+    outline: none;
+    margin-bottom: 5px;
+    background: #ddd;
+    border-radius: 10px;
+    box-sizing: border-box;
+    text-transform: capitalize;
+    -webkit-transition: all 0.5s ;
+	-moz-transition: all 0.5s ;
+	-ms-transition: all 0.5s ;
+	-o-transition: all 0.5s ;
+	transition: all 0.5s ;
+}
+.form input:focus{
+    background: #aaa;
+}
+.form .form__btn{
+    color: #fff;
+    background: rgb(63, 192, 46);
+}
+
+#map{
+    width: 100%;
+    height: 500px;
+    border-radius: 10px;
+}
+/* MAPS DROPDOWN BOX END */
+
+
diff --git a/backend/static/style.css b/backend/static/style.css
@@ -1,91 +1,74 @@
-.full-body-container{
-    position: absolute;
-    top:0;
-    left:0;
-    right:0;
-    bottom:0;
-    width:100%;
-    height:100%;
-    display: flex;
-    justify-content: start;
-    align-items: center;
-    flex-direction: column;
+body{
+    margin:0;
+    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+    font-size: 17px;
+    color:black;
+    line-height: 1.6;
 }
 
-#google-c{
-    color:#4285F4;
-}
-
-#google-s{
-    color:#DB4437;
-}
-
-#google-4{
-    color:	#F4B400;
-}
-
-#google-3{
-    color:	#4285F4;
-}
-
-#google-0-1{
-    color:	#0F9D58;
-}
-
-#google-0-2{
-    color:#DB4437;
-}
-
-.google-colors{
-    display: flex;
-    align-items: center;
-    font-size: 48px;
-    font-family: 'Open Sans', sans-serif;
-}
-
-.google-colors h1{
-    margin-bottom: 0;
-    margin-right: 3px;
-}
-
-.input-box{
-    border-radius: 50px;
-    border:1px solid black;
-    display: flex;
-    align-items: center;
-    margin-top: 10px;
-    padding:12px;
-    width: 600px;
-}
-
-.input-box img{
-    height: 20px;
-    width:20px;
-}
-
-.top-text{
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.input-box input{
-    width: 100%;
-    margin-left: 10px;
-    font-size: 16px;
-    border: none;
-    outline: 0;
-}
-
-#answer-box{
-    width: 700px;
-    margin-top:50px; 
-}
-
-.episode-title{
-    font-family: 'Kanit', sans-serif;
-}
-
-.episode-desc{
-    font-family: 'Montserrat', sans-serif;
-}
+#showcase{
+    background-image:url('images/minimalistfood.jpeg');
+    background-size:cover;
+    background-position:center;
+    height:100vh;
+    display:flex;
+    flex-direction:column;
+    justify-content:center;
+    align-items:center;
+    text-align:center;
+    padding:0 20px;
+  }
+
+  #showcase h1{
+    font-size:50px;
+    line-height:1.2;
+  }
+
+  #showcase p{
+    font-size:20px;
+  }
+
+  #showcase .button{
+    font-size:18px;
+    text-decoration:none;
+    color:#926239;
+    border:#926239 1px solid;
+    padding:10px 20px;
+    border-radius:10px;
+    margin-top:20px;
+  }
+
+  #showcase .button:hover{
+    background:#926239;
+    color:#fff;
+  }
+
+  #section-a{
+    padding:20px;
+    background:#926239;
+    color:#fff;
+    text-align:center;
+  }
+
+  #section-b{
+    padding:20px;
+    background:#f4f4f4;
+    text-align:center;
+  }
+
+  #section-c{
+    display:flex;
+  }
+
+  #section-c div{
+    padding:20px;
+  }
+
+  #section-c .box-1, #section-c .box-3{
+    background:#926239;
+    color:#fff;
+  }
+
+  #section-c .box-2{
+    background:#f9f9f9;
+  }