-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
56 lines (56 loc) 路 5.19 KB
/
Copy pathindex.html
File metadata and controls
56 lines (56 loc) 路 5.19 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!doctype html>
<title>exchange-calculator</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="style.css">
<script defer src="main.js"></script>
<main>
<table class="js-table table">
<tr>
<td class="table__cell">
<td class="table__cell table__cell--servings-header">
<td class="table__cell">
<td class="table__cell table__cell--nutrient-header" colspan="2"> <label>CHO <span class="table__nutrient"><input class="js-goal-nutrient table__goal-input" name="goal_cho" type="number" value="202"> g</label></span>
<td class="table__cell table__cell--nutrient-header" colspan="2"> <label>PRO <span class="table__nutrient"><input class="js-goal-nutrient table__goal-input" name="goal_pro" type="number" value="91"> g</label></span>
<td class="table__cell table__cell--nutrient-header" colspan="2"> <label>FAT <span class="table__nutrient"><input class="js-goal-nutrient table__goal-input" name="goal_fat" type="number" value="70"> g</label></span>
<tr class="js-last-row">
<td class="table__cell">
<td class="table__cell">
<td class="table__cell">
<td class="table__cell" colspan="2"> CHO: <output class="js-calculated-nutrient table__nutrient">0 g</output>
<td class="table__cell" colspan="2"> PRO: <output class="js-calculated-nutrient table__nutrient">0 g</output>
<td class="table__cell" colspan="2"> FAT: <output class="js-calculated-nutrient table__nutrient">0 g</output>
</table>
<template class="js-slider-group-template">
<tr>
<td class="table__cell"> <input class="js-slider table__servings-slider" type="range" value="0" max="9">
<td class="table__cell"> <label class="js-servings-label"><output class="js-servings">0</output></label>
<td class="table__cell"> <label class="js-name js-name-label table__name"></label>
<td class="js-nutrient-cell table__cell table__cell--nutrient"> <output class="js-nutrient table__nutrient">0 g</output>
<td class="js-rate-cell table__cell table__cell--rate"> (<input class="js-rate table__rate-input" type="number" value="0" tabindex="0"><label class="js-rate-label table__rate-label">g per <wbr> serving</label>)
<td class="js-nutrient-cell table__cell table__cell--nutrient"> <output class="js-nutrient table__nutrient">0 g</output>
<td class="js-rate-cell table__cell table__cell--rate"> (<input class="js-rate table__rate-input" type="number" value="0" tabindex="0"><label class="js-rate-label table__rate-label">g per <wbr> serving</label>)
<td class="js-nutrient-cell table__cell table__cell--nutrient"> <output class="js-nutrient table__nutrient">0 g</output>
<td class="js-rate-cell table__cell table__cell--rate"> (<input class="js-rate table__rate-input" type="number" value="0" tabindex="0"><label class="js-rate-label table__rate-label">g per <wbr> serving</label>)
</template>
<template class="js-fill-group-template">
<tr>
<td class="table__cell">
<td class="table__cell"> <output class="js-servings">0</output>
<td class="table__cell "> <span class="js-name table__name"></span>
<td class="js-nutrient-cell table__cell table__cell--nutrient"> <output class="js-nutrient table__nutrient">0 g</output>
<td class="js-rate-cell table__cell table__cell--rate"> (<input class="js-rate table__rate-input" type="number" value="0" tabindex="0"><label class="js-rate-label table__rate-label">g per <wbr> serving</label>)
<td class="js-nutrient-cell table__cell table__cell--nutrient"> <output class="js-nutrient table__nutrient">0 g</output>
<td class="js-rate-cell table__cell table__cell--rate"> (<input class="js-rate table__rate-input" type="number" value="0" tabindex="0"><label class="js-rate-label table__rate-label">g per <wbr> serving</label>)
<td class="js-nutrient-cell table__cell table__cell--nutrient"> <output class="js-nutrient table__nutrient">0 g</output>
<td class="js-rate-cell table__cell table__cell--rate"> (<input class="js-rate table__rate-input" type="number" value="0" tabindex="0"><label class="js-rate-label table__rate-label">g per <wbr> serving</label>)
</template>
</main>
<footer class="footer">
<a class="footer__link" href="https://github.com/juangutie/exchange-calculator">
<svg width="12" height="12" viewBox="0 0 24 24">
<style>path{fill: light-dark(black, white);}</style>
<path d="M10.226 17.284c-2.965-.36-5.054-2.493-5.054-5.256 0-1.123.404-2.336 1.078-3.144-.292-.741-.247-2.314.09-2.965.898-.112 2.111.36 2.83 1.01.853-.269 1.752-.404 2.853-.404 1.1 0 1.999.135 2.807.382.696-.629 1.932-1.1 2.83-.988.315.606.36 2.179.067 2.942.72.854 1.101 2 1.101 3.167 0 2.763-2.089 4.852-5.098 5.234.763.494 1.28 1.572 1.28 2.807v2.336c0 .674.561 1.056 1.235.786 4.066-1.55 7.255-5.615 7.255-10.646C23.5 6.188 18.334 1 11.978 1 5.62 1 .5 6.188.5 12.545c0 4.986 3.167 9.12 7.435 10.669.606.225 1.19-.18 1.19-.786V20.63a2.9 2.9 0 0 1-1.078.224c-1.483 0-2.359-.808-2.987-2.313-.247-.607-.517-.966-1.034-1.033-.27-.023-.359-.135-.359-.27 0-.27.45-.471.898-.471.652 0 1.213.404 1.797 1.235.45.651.921.943 1.483.943.561 0 .92-.202 1.437-.719.382-.381.674-.718.944-.943"></path>
</svg>
source code
</a>
</footer>