QuizzBuzz/index.html at main · guoconde/QuizzBuzz · 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-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="BuzzQuizz" content="BuzzQuizz">
    <meta name="keywords" content="HTML, CSS, JS">
    <meta name="Gustavo Conde / Kayque Coelho" content="BuzzQuizz">

    <link rel="shortcut icon" href="./assets/buzzquizz-favIcon.png" type="image/x-icon">

    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Righteous&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
        rel="stylesheet">

    <title>BuzzQuizz</title>
</head>

<body>
    <header onclick="window.location.reload()" style="cursor: pointer;">BuzzQuizz</header>
    <main class="main hide">
        <div class="selected-quizz">
            <h1>Você não criou nenhum quizz ainda :(</h1>
            <button class="btn-create-quizz" onclick="createQuizz()" data-identifier="create-quizz">Criar Quizz</button>
        </div>
        <div class="your-quizz hide" data-identifier="user-quizzes">
            <div>
                <h1>Seus Quizzes</h1>
                <button class="btn-plus" onclick="createQuizz()" data-identifier="create-quizz">+</button>
            </div>
            <div class="your-thumbnails">

            </div>
        </div>
        </div>
        <div class="all-quizz" data-identifier="general-quizzes">
            <h1>Todos os Quizzes</h1>
            <div class="thumbnails">

            </div>
        </div>
    </main>
    <div class="opened-quizz hide">

    </div>
    <div class="creating-quizz">
        <div class="screen-one hide">

        </div>
        <div class="screen-two hide">

        </div>
        <div class="screen-three hide">

        </div>
        <div class="screen-four hide">

        </div>
    </div>
    <div class="confirmDelete hide">
        <p>Você realmente deseja apagar o quizz?</p>
        <button class="btn" onclick="confirm()" style="background-color: green;">Confirmar</button>
        <button class="btn" onclick="reject()">Cancelar</button>
    </div>
    <div class="loading hide">
        <img src="./assets/Spinner.gif" alt="">
        <p>Carregando</p>
    </div>

    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="./js/main.js"></script>
</body>

</html>