diff options
| author | FivePixels <o5pxels@gmail.com> | 2022-03-21 18:06:38 -0500 |
|---|---|---|
| committer | FivePixels <o5pxels@gmail.com> | 2022-03-21 18:06:38 -0500 |
| commit | 2cd5ffcc0ee2223840446f4f8feb9cd69d81e304 (patch) | |
| tree | 626a8e82cd1739ea290a865ff9c3fc0ee8416bd2 | |
| parent | 04c0846859fa9c18ea4e6bd298fc3388d3da819b (diff) | |
| download | Strengthy-2cd5ffcc0ee2223840446f4f8feb9cd69d81e304.tar.xz Strengthy-2cd5ffcc0ee2223840446f4f8feb9cd69d81e304.zip | |
Add user endpoints, add placeholders for login/register, update
hyperlinks to refer to correct endpoints
| -rw-r--r-- | app/app.py | 8 | ||||
| -rw-r--r-- | app/templates/base.html | 6 | ||||
| -rw-r--r-- | app/templates/base/index.html | 69 | ||||
| -rw-r--r-- | app/templates/user/login.html | 68 | ||||
| -rw-r--r-- | app/templates/user/register.html | 68 |
5 files changed, 212 insertions, 7 deletions
@@ -5,3 +5,11 @@ app = Flask(__name__) @app.route("/", methods=["GET"]) def index(): return render_template('base/index.html') + +@app.route("/login", methods=["GET"]) +def login(): + return render_template('user/login.html') + +@app.route("/register", methods=["GET"]) +def register(): + return render_template('user/register.html') diff --git a/app/templates/base.html b/app/templates/base.html index 6f23b73..3139dcd 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -7,7 +7,7 @@ <!-- Bulma css --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> - <title>Strenghty</title> + <title>Strenghty 💪</title> </head> <body> <!-- navbar --> @@ -51,8 +51,8 @@ <div class="navbar-end"> <div class="navbar-item"> <div class="buttons"> - <a class="button is-primary"><strong>Sign up</strong></a> - <a class="button is-light">Log in</a> + <a class="button is-primary" href="register"><strong>Sign up</strong></a> + <a class="button is-light" href="login">Log in</a> </div> </div> </div> diff --git a/app/templates/base/index.html b/app/templates/base/index.html index 11d266c..70f52e8 100644 --- a/app/templates/base/index.html +++ b/app/templates/base/index.html @@ -1,7 +1,68 @@ -{% extends "base.html" %} +<!doctype HTML> +<html lang="en"> + <head> + <meta charset="utf8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> -{% block content %} + <!-- Bulma css --> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> -<b>Welcome to Strengthy</b> + <title>Strenghty 💪</title> + </head> + <body> + <!-- navbar --> + <nav class="navbar" role="navigation" aria-label="main navigation"> + <div class="navbar-brand"> + <a class="navbar-item" href="/"> + <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> + </a> -{% endblock %} + <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + </a> + </div> + + <div id="navbarBasicExample" class="navbar-menu"> + <div class="navbar-start"> + <a class="navbar-item"> + Start a Workout + </a> + + <a class="navbar-item"> + Progress + </a> + + <div class="navbar-item has-dropdown is-hoverable"> + <a class="navbar-link"> + More + </a> + + <div class="navbar-dropdown"> + <a class="navbar-item"> + TODO + </a> + </div> + </div> + </div> + + <!-- TODO: change based on login state --> + <div class="navbar-end"> + <div class="navbar-item"> + <div class="buttons"> + <a class="button is-primary" href="register"><strong>Sign up</strong></a> + <a class="button is-light" href="login">Log in</a> + </div> + </div> + </div> + </div> + </nav> + + <!-- Actual content --> + {% block content %}{% endblock %} + <p>This is the index page.</html> + +<!-- TODO: footer --> + </body> + </html> diff --git a/app/templates/user/login.html b/app/templates/user/login.html index e69de29..350449a 100644 --- a/app/templates/user/login.html +++ b/app/templates/user/login.html @@ -0,0 +1,68 @@ +<!doctype HTML> +<html lang="en"> + <head> + <meta charset="utf8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <!-- Bulma css --> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> + + <title>Strenghty 💪</title> + </head> + <body> + <!-- navbar --> + <nav class="navbar" role="navigation" aria-label="main navigation"> + <div class="navbar-brand"> + <a class="navbar-item" href="/"> + <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> + </a> + + <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + </a> + </div> + + <div id="navbarBasicExample" class="navbar-menu"> + <div class="navbar-start"> + <a class="navbar-item"> + Start a Workout + </a> + + <a class="navbar-item"> + Progress + </a> + + <div class="navbar-item has-dropdown is-hoverable"> + <a class="navbar-link"> + More + </a> + + <div class="navbar-dropdown"> + <a class="navbar-item"> + TODO + </a> + </div> + </div> + </div> + + <!-- TODO: change based on login state --> + <div class="navbar-end"> + <div class="navbar-item"> + <div class="buttons"> + <a class="button is-primary" href="register"><strong>Sign up</strong></a> + <a class="button is-light" href="login">Log in</a> + </div> + </div> + </div> + </div> + </nav> + + <!-- Actual content --> + {% block content %}{% endblock %} + <p>This is the login page.</p> + + <!-- TODO: footer --> + </body> +</html> diff --git a/app/templates/user/register.html b/app/templates/user/register.html index e69de29..e63ed06 100644 --- a/app/templates/user/register.html +++ b/app/templates/user/register.html @@ -0,0 +1,68 @@ +<!doctype HTML> +<html lang="en"> + <head> + <meta charset="utf8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <!-- Bulma css --> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> + + <title>Strenghty 💪</title> + </head> + <body> + <!-- navbar --> + <nav class="navbar" role="navigation" aria-label="main navigation"> + <div class="navbar-brand"> + <a class="navbar-item" href="/"> + <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> + </a> + + <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + <span aria-hidden="true"></span> + </a> + </div> + + <div id="navbarBasicExample" class="navbar-menu"> + <div class="navbar-start"> + <a class="navbar-item"> + Start a Workout + </a> + + <a class="navbar-item"> + Progress + </a> + + <div class="navbar-item has-dropdown is-hoverable"> + <a class="navbar-link"> + More + </a> + + <div class="navbar-dropdown"> + <a class="navbar-item"> + TODO + </a> + </div> + </div> + </div> + + <!-- TODO: change based on login state --> + <div class="navbar-end"> + <div class="navbar-item"> + <div class="buttons"> + <a class="button is-primary" href="register"><strong>Sign up</strong></a> + <a class="button is-light" href="login">Log in</a> + </div> + </div> + </div> + </div> + </nav> + + <!-- Actual content --> + {% block content %}{% endblock %} + <p>This is the register page.</p> + + <!-- TODO: footer --> + </body> +</html> |