diff --git a/app.py b/app.py index 343ef7c..d8532ab 100644 --- a/app.py +++ b/app.py @@ -24,7 +24,21 @@ @app.route("/") def home(): - return render_template('mainScreen.html') + # TODO: redirect to login + # TODO: redirect to sign up + return render_template('start.html') + +@app.route("/login", methods=["GET", "POST"]) +def login(): + # would get form fields + # would check if correct username and password + return render_template('login.html') + +@app.route("/signup", methods=["GET", "POST"]) +def signup(): + #would add user to db + #would redirect to template for login + return render_template('signup.html') @app.route("//decks") def allDecks(username): diff --git a/static/css/style.css b/static/css/style.css index 78e47b6..72fe258 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,31 +1,76 @@ body { - font-family: sans-serif; - background: #5e4d47; - padding: 48px; - } - - h1 { - color: #e1948d; - text-align: center; - font-size: 115px; - } - - h3 { - color: #e1948d; - text-align: center; - font-size: 55px; - } - - .card { - display: flex; - justify-content: center; - align-items: center; - - margin: auto; - width: 90%; - aspect-ratio: 8 / 5; - border-radius: 7rem; - background: #fafafa; - padding: 10px; - } - \ No newline at end of file + font-family: sans-serif; + background: #5e4d47; + padding: 48px; +} + +h1 { + color: #e1948d; + text-align: center; + font-size: 115px; +} + +h3 { + color: #e1948d; + text-align: center; + font-size: 55px; +} + +.card { + display: flex; + justify-content: center; + align-items: center; + margin: auto; + width: 90%; + aspect-ratio: 8 / 5; + border-radius: 7rem; + background: #fafafa; + padding: 10px; + margin-bottom: 10%; +} + +.vertical-align { + display: flex; + justify-content: space-between; + flex-direction: column; + align-items: center; + margin: auto; + width: 90%; + aspect-ratio: 9 / 5; + +} + +.button { + width: 100%; + height: 25%; + padding: 20px; + margin: 10px 0; + background-color: #E1948D; + border: 1px solid #E1948D; + border-radius: 4px; + cursor: pointer; + box-sizing: border-box; + font-weight: bold; + color: #FAFAFA; + font-size: 50px; +} + +.user-input { + width: 100%; + height: 20%; + padding: 20px; + margin: 10px 0; + background-color: #fafafa; + border: 1px solid #fafafa; + border-radius: 4px; + box-sizing: border-box; + color: #FAFAFA; + font-size: 40px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); +} + +.image { + display: flex; + justify-content: center; + align-items: center; +} \ No newline at end of file diff --git a/templates/mainScreen.html b/templates/base.html similarity index 53% rename from templates/mainScreen.html rename to templates/base.html index e7f748c..0ad6668 100644 --- a/templates/mainScreen.html +++ b/templates/base.html @@ -4,7 +4,7 @@ DIVE DEEPER Mobile Web App @@ -13,19 +13,16 @@ -
-
-

build deeper connections with people.

-

-
+
{% block container %} {% endblock %}
+ +
+ otter.gif +
- \ No newline at end of file + diff --git a/templates/login.html b/templates/login.html index b679469..a26d9da 100644 --- a/templates/login.html +++ b/templates/login.html @@ -1,84 +1,13 @@ - - - - - - Login - - - - -

DIVE DEEPER

-
-
- - - -
-
- - \ No newline at end of file +{% endblock %} \ No newline at end of file diff --git a/templates/signin.html b/templates/signin.html deleted file mode 100644 index 3f9a600..0000000 --- a/templates/signin.html +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - Sign In - - - - -

DIVE DEEPER

-
-
- - - - -
-
- - \ No newline at end of file diff --git a/templates/signup.html b/templates/signup.html new file mode 100644 index 0000000..3ed9425 --- /dev/null +++ b/templates/signup.html @@ -0,0 +1,14 @@ +{% extends 'base.html' %} + +{% block container %} + +
+
+ + + + +
+
+ +{% endblock %} \ No newline at end of file diff --git a/templates/start.html b/templates/start.html new file mode 100644 index 0000000..92494f6 --- /dev/null +++ b/templates/start.html @@ -0,0 +1,17 @@ +{% extends 'base.html' %} + +{% block container %} + +
+

build deeper connections with people.

+
+ +
+
+ + + +
+
+ +{% endblock %} \ No newline at end of file