Restructure

app.py

@@ -0,0 +1,8 @@
+from ratemybronco import app
+
+def main():
+  app.run(debug=True)
+
+
+if __name__ == "__main__":
+  main()

main.py → ratemybronco/__init__.py

@@ -1,4 +1,4 @@
-from crypt import methods
+# from crypt import methods
 from flask import Flask, redirect, render_template, request
 import base64
 from io import BytesIO
@@ -9,7 +9,7 @@
 from sklearn.datasets import load_iris
 import pandas as pd
 import matplotlib as plt
-import mysql.connector
+# import mysql.connector
 from flask_debugtoolbar import DebugToolbarExtension
 import os
 
@@ -19,8 +19,8 @@
 
 
 ### MySQL connector and set up
-ratemybroncoDB = mysql.connector.connect(host="localhost", user="root", database="ratemybronco")
-mycursor = ratemybroncoDB.cursor()
+# ratemybroncoDB = mysql.connector.connect(host="localhost", user="root", database="ratemybronco")
+# mycursor = ratemybroncoDB.cursor()
 
 
 ### Landing page routing
@@ -76,7 +76,7 @@ def add_rating():
   mycursor.execute(sql_command)
 
 ### Thank you page or the submitted page
-@app.route("/submitted", method=["GET"])
+@app.route("/submitted", methods=["GET"])
 def submitted():
   return "Thank You" 
 
@@ -109,4 +109,4 @@ def grades():
 
 ### Run if main
 if __name__ == "__main__":
-  app.run(DEBUG=True)
+  app.run(debug=True)

ratemybronco/static/public/css/addRatingStyle.css

@@ -0,0 +1,122 @@
+body {
+  background-color: white;
+  font-family: "Roboto", sans-serif;
+  /* font-size: 14px; */
+}
+
+h1 {
+  font-weight: 20;
+  font-size: 4em;
+  line-height: 1.3em;
+}
+
+.navbar-nav {
+  margin-left: auto;
+}
+/* .right-title {
+    color: #70ba8f;
+    position: absolute;
+    top: 15%;
+    left: 5%;
+    text-align: center;
+} */
+
+/* ul.nav-bar {
+    background-color: #2c583e41;
+    position: fixed;
+    z-index: 3;
+    right: 0;
+    margin-top: -8px;
+    height: 3vh;
+    overflow: hidden;
+    display: inline-block;
+    width: 100%;
+    vertical-align: middle;
+  } */
+
+/* .link {
+  padding-left: 2vh;
+  color: white;
+  font-size: 2vh;
+  text-decoration: none;
+  vertical-align: middle;
+}
+
+.secondary-link {
+  padding-left: 5%;
+}
+
+.pad {
+  padding-left: 60%;
+} */
+
+.legend {
+  font-size: 3rem;
+}
+
+.form-content {
+  padding: 25px 50px 75px;
+}
+
+.form-label {
+  font-size: 1.5rem;
+}
+
+.fieldset {
+  box-shadow: 0 0 10px grey;
+  background-color: #70ba8f;
+  margin-top: 10%;
+  margin-bottom: 10%;
+  margin-left: 10%;
+  margin-right: 10%;
+  border-radius: 30px;
+}
+
+.form-control {
+  border-radius: 20px !important;
+}
+
+/* rating */
+
+.control-label {
+  padding-bottom: 30px;
+}
+.field-label-header {
+  font-size: 1.5rem;
+}
+
+#rating-ability-wrapper {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+
+#comment {
+  margin-top: 0.5em;
+}
+
+.submitRating-button {
+  margin-top: 20px;
+  height: 4rem;
+  box-shadow: 0 0 10px grey;
+}
+
+.footer-copyright {
+  font-size: 1vh;
+  font-weight: bold;
+  /* margin-bottom: 20px; */
+  color: grey;
+}
+
+.about-us {
+  font-size: 2vh;
+  font-weight: 600;
+  font-family: "Roboto", sans-serif;
+  color:grey;
+}
+
+.footer-green {
+  padding-top: 10px;
+  height: 130px;
+  background-color: #70ba8f;
+  /* border-top: 10px solid white; */
+}

ratemybronco/static/public/css/contactUsStyle.css

@@ -0,0 +1,101 @@
+body {
+  background-color:  #70ba8f !important;
+  font-family: "Roboto", sans-serif !important;
+  font-weight: 700 !important;
+  /* font-size: 14px; */
+  }
+
+h1 {
+  font-weight: 20;
+  font-size: 4em !important;
+  line-height: 1.3em;
+  color: white;
+}
+
+p {
+  color: white;
+}
+
+/* navigation bar */
+.navbar {
+  position: fixed;
+}
+.navbar-nav {
+  margin-left: auto;
+}
+
+/* content */
+.col {
+  padding-top: 8vh;
+  margin: 10%;
+}
+
+/* footer */
+.footer-white {
+  padding: 1vh;
+  height: 7vh;
+  background-color: white;
+}
+
+.footer-copyright {
+  font-size: 1vh;
+  font-weight: bold;
+  /* margin-bottom: 20px; */
+  color: grey;
+}
+
+.about-us {
+  font-size: 2vh;
+  font-weight: 600;
+  font-family: "Roboto", sans-serif;
+  color:grey;
+}
+
+/* buttons */
+
+.button{
+  display: inline-block;
+  text-decoration: none !important;
+  color: white;
+  position: relative;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-size: 18px;
+}
+
+a.button:before,
+a.button:after {
+  content: "";
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  transition: all 0.3s ease;
+}
+a.button:before {
+  top: -2.5%;
+  left: -1%;
+  border-top: 2px solid white;
+  border-left: 2px solid white;
+}
+a.button:after {
+  bottom: -2.5%;
+  right: -1%;
+  border-bottom: 2px solid white;
+  border-right: 2px solid white;
+}
+a.button:hover:before,
+a.button:hover:after {
+  width: 102%;
+  height: 100%;
+  transition: all 0.3s ease;
+  text-decoration: none !important;
+}
+
+a:link,
+a:visited,
+a:hover,
+a:active {
+  text-decoration: none !important;
+  color: #fff;
+}
+

ratemybronco/static/public/css/search.css

@@ -0,0 +1,69 @@
+body {
+  background-color: white;
+  font-family: "Roboto", sans-serif !important;
+  font-weight: 700 !important;
+  /* font-size: 14px; */
+}
+
+h1 {
+  font-weight: 20;
+  font-size: 4em !important;
+  line-height: 1.3em;
+}
+
+a {
+  text-decoration: none !important;
+}
+
+.row {
+  min-height: 100vh;
+}
+
+.col-12 {
+  background-color: #70ba8f;
+}
+
+.left-title {
+  display: inline-block;
+  color: white;
+  margin-top: 8%;
+  margin-left: 3%;
+  text-align: center;
+}
+
+.navbar-nav {
+  margin-left: auto;
+}
+
+.title {
+  display: inline-block;
+}
+
+.container {
+  margin: 2em;
+  padding: 1em;
+  height: 20vh;
+  background-color: white;
+  border-radius: 2em;
+  color: gray;
+}
+
+.footer-white {
+  padding: 1vh;
+  height: 7vh;
+  background-color: white;
+}
+
+.footer-copyright {
+  font-size: 1vh;
+  font-weight: bold;
+  /* margin-bottom: 20px; */
+  color: grey;
+}
+
+.about-us {
+  font-size: 2vh;
+  font-weight: 600;
+  font-family: "Roboto", sans-serif;
+  color:grey;
+}