code-kata-timer/index.html at main · codecon-dev/code-kata-timer · GitHub

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="pt">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./asset/style/timer.css" />
    <link rel="shortcut icon" href="./asset/images/favicon.ico" type="image/x-icon">
    <title>Timer <Codecon></title>
</head>

<body class="js-body">
    <img
        src="./asset/images/logo.svg"
        alt="Logo"
        class="timer-logo"
    />

    <div class="input-stopwatch-container">
        <input type="number" min="00" disabled class="js-hour-input" />
        :
        <input type="number" min="00" disabled class="js-minute-input" />
        :
        <input type="number" min="00" disabled class="js-seconds-input" />
    </div>

    <div class="js-theme-menu-container theme-menu-container">
        <button class="theme-menu-button js-theme-menu-button as-icon">
            ⋮
        </button>

        <div class="theme-dropdown js-theme-dropdown hide">
            <button class="js-default-theme-button">
                Standard Theme
            </button>

            <button class="js-versus-theme-button">
                Versus Theme
            </button>
        </div>
    </div>

    <div class="action-button-container js-stopwatch-action-buttons">
        <button class="as-icon js-enter-fullscreen-button">
            <img src="./asset/images/full-screen.svg" alt="Colocar em tela cheia" />
        </button>
        <button class="as-icon js-exit-fullscreen-button hide">
            <img src="./asset/images/exit-full-screen.svg" alt="Colocar em tela cheia" />
        </button>
        <button class="as-icon js-edit-button">
            <img src="./asset/images/edit.svg" alt="Editar" />
        </button>
        <button class="as-icon js-stop-button hide">
            <img src="./asset/images/reset.svg" alt="Resetar" />
        </button>
        <button class="as-icon js-start-button">
            <img src="./asset/images/play.svg" alt="Iniciar" />
        </button>
        <button class="as-icon js-pause-button hide">
            <img src="./asset/images/pause.svg" alt="Pausar" />
        </button>
    </div>

    <div class="action-button-container js-edit-container-stopwatch hide">
        <button class="as-icon js-cancel-edit-button">
            <img src="./asset/images/cancel.svg" alt="Cancelar" />
        </button>
        <button class="as-icon js-finish-edit-button">
            <img src="./asset/images/ok.svg" alt="Finalizar" />
        </button>
    </div>

    <div class="js-countdown-container countdown-container hide">
        <span class="js-countdown-number countdown-number"></span>
        <div class="action-button-container">
            <button class="as-icon js-close-countdown-button">
                <img src="./asset/images/cancel.svg" alt="Reiniciar" />
            </button>
        </div>
    </div>

    <script type="module" src="./asset/javascript/TimeController.js"></script>
</body>
</html>