summaryrefslogtreecommitdiffstats
path: root/src/templates/index.zmpl
diff options
context:
space:
mode:
authorsadbeast <sadbeast@sadbeast.com>2024-07-16 18:16:29 -0700
committersadbeast <sadbeast@sadbeast.com>2024-10-05 16:40:55 -0700
commit6bd24af2ffbea91db1b10a5d5258980ce2068c7f (patch)
tree66634833f2d45260be5fcaf9111400eda12f03cc /src/templates/index.zmpl
downloadteamdraft-6bd24af2ffbea91db1b10a5d5258980ce2068c7f.tar.gz
teamdraft-6bd24af2ffbea91db1b10a5d5258980ce2068c7f.tar.bz2
let's goHEADmain
Diffstat (limited to 'src/templates/index.zmpl')
-rw-r--r--src/templates/index.zmpl39
1 files changed, 39 insertions, 0 deletions
diff --git a/src/templates/index.zmpl b/src/templates/index.zmpl
new file mode 100644
index 0000000..78127d3
--- /dev/null
+++ b/src/templates/index.zmpl
@@ -0,0 +1,39 @@
+<div class="grid">
+ <div>
+ <p>Welcome! Team Draft is a 2-person fantasy sports league, where you draft entire sports teams - not players - and score points throughout the season based on wins and playoff appearances. The idea was taken from the <a href="https://www.espn.com/radio/play/_/id/32078500">Mina Kimes Show's yearly NFL Team Draft</a>.</p>
+ <ul>
+ <li>Create a live draft to pick your teams!</li>
+ <li>Manage players' teams manually to support trades</li>
+ <li>Keeps track of <a hx-boost="false" href="/leagues/2?season=2023">game scores</a> automatically</li>
+ </ul>
+ <p>Create a league now, and schedule a live draft!</p>
+ </div>
+ <div>
+ <article>
+ <header>2024 NFL Season</header>
+ <form method="post" action="/drafts">
+ <fieldset class="grid">
+ <label>
+ Your name
+ <input name="player1" placeholder="Kim" autocomplete="given-name" required />
+ </label>
+ <label>
+ Opponent's name
+ <input name="player2" placeholder="Pat" />
+ </label>
+ </fieldset>
+ <fieldset class="grid">
+ @zig {
+ <label>
+ <input id="draft" type="checkbox" name="draft" role="switch" hx-on:change="document.getElementById('draft-label').style.visibility = document.getElementById('draft').checked ? 'inherit' : 'hidden'" checked/> Schedule a draft
+ </label>
+ <label id="draft-label">
+ <input type="datetime-local" name="draft_time" aria-label="Draft start time" value="{{.draft_time}}" />
+ </label>
+ }
+ </fieldset>
+ <input type="submit" value="Create league" />
+ </form>
+ </article>
+ </div>
+</div>