summaryrefslogtreecommitdiff
path: root/app/templates
diff options
context:
space:
mode:
authorstilbruch <stilbruch@protonail.com>2022-04-04 19:11:00 -0500
committerstilbruch <stilbruch@protonail.com>2022-04-04 19:11:00 -0500
commitdb5a2c1eead7350abee4053b8d4ed5308c51e2e9 (patch)
treebfaad04afc142d4968f3eedeb847962adab76d6a /app/templates
parenta981d059304e2cab36cf694b09334245ce855d12 (diff)
downloadStrengthy-db5a2c1eead7350abee4053b8d4ed5308c51e2e9.tar.xz
Strengthy-db5a2c1eead7350abee4053b8d4ed5308c51e2e9.zip
Add favicon files
Diffstat (limited to 'app/templates')
-rw-r--r--app/templates/base/layout.html12
-rw-r--r--app/templates/home.html175
2 files changed, 185 insertions, 2 deletions
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 %}
generated by cgit v1.2.3 (git 2.25.1) at 2026-01-13 12:46:14 +0000