summaryrefslogtreecommitdiff
path: root/templates/index.j2
diff options
context:
space:
mode:
authorKaran Jayachandra <mail@karanjayachandra.com>2024-10-16 21:42:22 +0000
committerKaran Jayachandra <mail@karanjayachandra.com>2024-10-16 21:42:22 +0000
commit7643486d7122b322a052bfca8ec83326c48053d0 (patch)
tree096d2b629818f79674d22a14eff124f082449b6e /templates/index.j2
parent9ef7d95c7010351078a929f5144f5098d4142cd0 (diff)
parent36cc7d82a55cbd8167e1f52637dd1938497dd8cc (diff)
Merge branch 'develop' into 'main'
Full functionality available See merge request KaranJayachandra/match_up!3
Diffstat (limited to 'templates/index.j2')
-rw-r--r--templates/index.j248
1 files changed, 48 insertions, 0 deletions
diff --git a/templates/index.j2 b/templates/index.j2
new file mode 100644
index 0000000..fcea4e3
--- /dev/null
+++ b/templates/index.j2
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Match Up!</title>
+ <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}">
+ <link rel="stylesheet" href="{{ url_for('static', filename='bulma.min.css') }}">
+ <link rel="stylesheet" href="{{ url_for('static', filename='custom.css') }}">
+ <script src="{{ url_for('static', filename='htmx.min.js') }}"></script>
+ </head>
+ <body>
+ <section class="section">
+ <nav class="level">
+ <div class="level-left">
+ <div class="level-item">
+ <figure class="image container is-128x128">
+ <img src="{{ url_for('static', filename='logo.png') }}"/>
+ </figure>
+ </div>
+ </div>
+ <div class="level-item">
+ <p class="title">Match Up!</p>
+ </div>
+ <div class="level-right">
+ <div hx-get="/time" hx-swap="outerHTML" hx-trigger="revealed"></div>
+ </div>
+ </nav>
+ </section>
+ <section class="section">
+ <p class="title">Games</p>
+ {% include 'controls.j2' %}
+ </section>
+ <section class="section">
+ <h2 class="title">Courts</h2>
+ <div hx-get="/courts" hx-swap="outerHTML" hx-trigger="revealed"></div>
+ </section>
+ <section class="section">
+ <h2 class="title">Players</h2>
+ <div hx-get="/players" hx-swap="outerHTML" hx-trigger="revealed"></div>
+ </section>
+ <footer class="footer">
+ <div class="content has-text-centered">
+ Made by <a href="https://karanjayachandra.com/">Karan</a> using <a href="https://flask.palletsprojects.com">Flask</a>, <a href="https://htmx.org/">HTMX</a> and <a href="https://bulma.io">Bulma</a>
+ </div>
+ </footer>
+ </body>
+</html>