summaryrefslogtreecommitdiff
path: root/app
diff options
context:
space:
mode:
Diffstat (limited to 'app')
-rw-r--r--app/static/android-chrome-192x192.pngbin0 -> 6286 bytes
-rw-r--r--app/static/android-chrome-512x512.pngbin0 -> 19377 bytes
-rw-r--r--app/static/apple-touch-icon.pngbin0 -> 5746 bytes
-rw-r--r--app/static/css/style.css (renamed from app/static/style.css)0
-rw-r--r--app/static/favicon-16x16.pngbin0 -> 400 bytes
-rw-r--r--app/static/favicon-32x32.pngbin0 -> 797 bytes
-rw-r--r--app/static/favicon.icobin0 -> 15406 bytes
-rw-r--r--app/static/site.webmanifest1
-rw-r--r--app/templates/base/layout.html12
-rw-r--r--app/templates/home.html175
10 files changed, 186 insertions, 2 deletions
diff --git a/app/static/android-chrome-192x192.png b/app/static/android-chrome-192x192.png
new file mode 100644
index 0000000..a1d7b7e
--- /dev/null
+++ b/app/static/android-chrome-192x192.png
Binary files differ
diff --git a/app/static/android-chrome-512x512.png b/app/static/android-chrome-512x512.png
new file mode 100644
index 0000000..5496114
--- /dev/null
+++ b/app/static/android-chrome-512x512.png
Binary files differ
diff --git a/app/static/apple-touch-icon.png b/app/static/apple-touch-icon.png
new file mode 100644
index 0000000..43c15d0
--- /dev/null
+++ b/app/static/apple-touch-icon.png
Binary files differ
diff --git a/app/static/style.css b/app/static/css/style.css
index e69de29..e69de29 100644
--- a/app/static/style.css
+++ b/app/static/css/style.css
diff --git a/app/static/favicon-16x16.png b/app/static/favicon-16x16.png
new file mode 100644
index 0000000..8cf83fa
--- /dev/null
+++ b/app/static/favicon-16x16.png
Binary files differ
diff --git a/app/static/favicon-32x32.png b/app/static/favicon-32x32.png
new file mode 100644
index 0000000..521b31e
--- /dev/null
+++ b/app/static/favicon-32x32.png
Binary files differ
diff --git a/app/static/favicon.ico b/app/static/favicon.ico
new file mode 100644
index 0000000..4adfedd
--- /dev/null
+++ b/app/static/favicon.ico
Binary files differ
diff --git a/app/static/site.webmanifest b/app/static/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/app/static/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file
diff --git a/app/templates/base/layout.html b/app/templates/base/layout.html
index 4393146..40ca911 100644
--- a/app/templates/base/layout.html
+++ b/app/templates/base/layout.html
@@ -8,12 +8,22 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<script src="https://friconix.com/cdn/friconix.js"> </script>
+ <!-- favicon.io template -->
+ <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
+ <link rel="manifest" href="/static/site.webmanifest">
+
<title>Strenghty 💪</title>
</head>
<body>
<!-- navbar -->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
+ <a class="navbar-item">
+ <img src="/static/apple-touch-icon.png">
+ </a>
+ </div>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
@@ -22,7 +32,7 @@
</a>
</div>
- <div id="navbarBasicExample" class="navbar-menu">
+ <div class="navbar-menu">
<div class="navbar-start">
<a href="workout/create" class="navbar-item">
Start a Workout
diff --git a/app/templates/home.html b/app/templates/home.html
index e640325..dd74d29 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -1,5 +1,178 @@
{% extends 'base/layout.html' %}
{% block content %}
- User Homepage
+
+<div class="container">
+ <div class="columns">
+ <div class="column is-3 ">
+ <aside class="menu is-hidden-mobile">
+ <p class="menu-label">
+ General
+ </p>
+ <ul class="menu-list">
+ <li><a class="is-active">Dashboard</a></li>
+ </ul>
+ <p class="menu-label">
+ Workouts
+ </p>
+ <ul class="menu-list">
+ <li><a>Add a Workout</a></li>
+ <li>
+ <a>Manage Your Workouts</a>
+ <ul>
+ <!-- TODO: list workouts -->
+ <li><a>Pull Day</a></li>
+ <li><a>Push Day</a></li>
+ <li><a>Leg Day</a></li>
+ </ul>
+ </li>
+ </ul>
+ <!--
+ <p class="menu-label">
+ Transactions
+ </p>
+ <ul class="menu-list">
+ <li><a>Payments</a></li>
+ <li><a>Transfers</a></li>
+ <li><a>Balance</a></li>
+ <li><a>Reports</a></li>
+ </ul>
+ -->
+ </aside>
+ </div>
+ <div class="column is-9">
+ <section class="hero is-info welcome is-small">
+ <div class="hero-body">
+ <div class="container">
+ <h1 class="title">
+ Hello, {{ current_user.username }}.
+ </h1>
+ <h2 class="subtitle">
+ %subtitle%
+ </h2>
+ </div>
+ </div>
+ </section>
+ <section class="info-tiles">
+ <div class="tile is-ancestor has-text-centered">
+ <div class="tile is-parent">
+ <article class="tile is-child box">
+ <p class="title">%sets%</p>
+ <p class="subtitle">Sets Completed</p>
+ </article>
+ </div>
+ <div class="tile is-parent">
+ <article class="tile is-child box">
+ <p class="title">%workouts_completed%</p>
+ <p class="subtitle">Workouts Completed</p>
+ </article>
+ </div>
+ <div class="tile is-parent">
+ <article class="tile is-child box">
+ <p class="title">%workouts%</p>
+ <p class="subtitle">Workouts</p>
+ </article>
+ </div>
+ <!-- Something else?
+ <div class="tile is-parent">
+ <article class="tile is-child box">
+ <p class="title">19</p>
+ <p class="subtitle">Exceptions</p>
+ </article>
+ </div> -->
+ </div>
+ </section>
+ <div class="columns">
+ <div class="column is-6">
+ <div class="card events-card">
+ <header class="card-header">
+ <p class="card-header-title">
+ Recent Workouts
+ </p>
+ </header>
+ <div class="card-table">
+ <div class="content">
+ <table class="table is-fullwidth is-striped">
+ <tbody>
+ <tr>
+ <td>Push Day</td>
+ <td>04/04/22 4:30 PM</td>
+ <td class="level-right"><a class="button is-small is-primary" href="#">View</a></td>
+ </tr>
+ <tr>
+ <td>Leg Day</td>
+ <td>04/02/22 2:13 PM</td>
+ <td class="level-right"><a class="button is-small is-primary" href="#">View</a></td>
+ </tr>
+ <tr>
+ <td>Pull Day</td>
+ <td>04/01/22 1:30 PM</td>
+ <td class="level-right"><a class="button is-small is-primary" href="#">View</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ <footer class="card-footer">
+ <a href="#" class="card-footer-item">View All</a>
+ </footer>
+ </div>
+ </div>
+ <div class="column is-6">
+ <div class="card">
+ <header class="card-header">
+ <p class="card-header-title">
+ Inventory Search
+ </p>
+ <a href="#" class="card-header-icon" aria-label="more options">
+ <span class="icon">
+ <i class="fa fa-angle-down" aria-hidden="true"></i>
+ </span>
+ </a>
+ </header>
+ <div class="card-content">
+ <div class="content">
+ <div class="control has-icons-left has-icons-right">
+ <input class="input is-large" type="text" placeholder="">
+ <span class="icon is-medium is-left">
+ <i class="fa fa-search"></i>
+ </span>
+ <span class="icon is-medium is-right">
+ <i class="fa fa-check"></i>
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="card">
+ <header class="card-header">
+ <p class="card-header-title">
+ User Search
+ </p>
+ <a href="#" class="card-header-icon" aria-label="more options">
+ <span class="icon">
+ <i class="fa fa-angle-down" aria-hidden="true"></i>
+ </span>
+ </a>
+ </header>
+ <div class="card-content">
+ <div class="content">
+ <div class="control has-icons-left has-icons-right">
+ <input class="input is-large" type="text" placeholder="">
+ <span class="icon is-medium is-left">
+ <i class="fa fa-search"></i>
+ </span>
+ <span class="icon is-medium is-right">
+ <i class="fa fa-check"></i>
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
{% endblock %}