aboutsummaryrefslogtreecommitdiff
path: root/public/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html80
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>