diff options
| author | Joris | 2020-03-03 10:44:35 +0100 |
|---|---|---|
| committer | Joris | 2020-03-03 10:44:35 +0100 |
| commit | 5c636f11cdfed82634ee572645d765b704941b68 (patch) | |
| tree | 51e11a0cfbbab284985e98fcb558d2975209a9b2 /public/index.html | |
| parent | a2880850a78fc36e2612215c83cbdeac0c980a5b (diff) | |
Initialize views from JavaScript
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 80 |
1 files changed, 0 insertions, 80 deletions
diff --git a/public/index.html b/public/index.html index 5668682..6cf6562 100644 --- a/public/index.html +++ b/public/index.html @@ -11,87 +11,7 @@ <body> - <header class="g-Layout__Header">Tabata timer</header> - <main id="g-Layout__Main"> - - <form id="g-Form"> - - <label class="g-Form__Label"> - prepare - <input id="g-Form__Prepare" class="g-Form__Input" type="number" min="0" /> - </label> - - <label class="g-Form__Label"> - tabatas - <input id="g-Form__Tabatas" class="g-Form__Input" type="number" min="1" /> - </label> - - <label class="g-Form__Label"> - cycles - <input id="g-Form__Cycles" class="g-Form__Input" type="number" min="1" /> - </label> - - <label class="g-Form__Label"> - work - <input id="g-Form__Work" class="g-Form__Input" type="number" min="5" /> - </label> - - <label class="g-Form__Label"> - rest - <input id="g-Form__Rest" class="g-Form__Input" type="number" min="5" /> - </label> - - <div class="g-Form__Duration"> - duration - <div id="g-Form__DurationValue">8</div> - </div> - - <button class="g-Form__Start"> - start - </button> - - </form> - - <section id="g-Timer"> - - <button id="g-Timer__Dial"> - - <svg class="g-Timer__Arc" viewbox="-100 -100 200 200"> - <path class="g-Timer__ArcTotal" d="M -1.745121688784978e-14 -95 A 95 95 0 1 0 5.8170722959499274e-15 -95"></path> - <path id="g-Timer__ArcProgress"></path> - </svg> - - <div id="g-Timer__Step"></div> - - <div id="g-Timer__Duration"></div> - - </button> - - <div class="g-Timer__TabataAndCycle"> - - <div class="g-Timer__Tabata"> - <div>Tabata</div> - <span id="g-Timer__TabataCurrent"></span> - / - <span id="g-Timer__TabataTotal"></span> - </div> - - <div class="g-Timer__Cycle"> - <div>Cycle</div> - <span id="g-Timer__CycleCurrent"></span> - / - <span id="g-Timer__CycleTotal"></span> - </div> - - </div> - - <button id="g-Timer__Stop"> - stop - </button> - - </section> - </main> <script src="main.js"></script> |