TOEIC-Hard/index.html at main · HugoSvy/TOEIC-Hard · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TOEIC Hard</title>
    <link rel="stylesheet" href="styles.css">
    <script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
    <div class="container">
        <h1>TOEIC Hard</h1>
        <h3 id="slogan">The website that makes toiec simple</h3>
        <div id="known-words-counter" class="hidden">Known words: 0</div>
        <div class="list-selector" >
            <label id="liste" for="vocabulary-list"> <!--Choose a vocabulary list:--></label>
            <select id="vocabulary-list">
                <option value="toeicWords1">TOEIC Words 1</option>
                <option value="toeicWords2">TOEIC Words 2</option>
                <option value="reviewCard">Review Card</option>
                <option value="falseFriends1">False Friends 1</option>
                <option value="falseFriends2">False Friends 2</option>
                <option value="falseFriends3">False Friends 3</option>
                <option value="falseFriends4">False Friends 4</option>
            </select>
            <button id="start-btn">Start</button>
             <button id="view-list-btn" class="hidden">View List</button>
        </div>
        <div id="flashcard-container" class="hidden">
            <div id="flashcard">
                <div class="card-content" id="card-content"></div>
            </div>
            <div class="buttons">
                <button id="know-btn">Know</button>
                <button id="dont-know-btn">Don't Know</button>
            </div>
        </div>

        <div id="vocabulary-list-container" class="hidden">
            <ul id="vocabulary-list-display"></ul>
        </div>
        <a class="github-button" href="https://github.com/HugoSvy/TOEIC-Hard" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="HugoSvy/TOEIC-Hard on GitHub">Star</a>
    </div>
    <script src="scripts.js"></script>
</body>
</html>