Editor-Mapa-CodeBo-Unplugged/index.html at main · LuisAraujo/Editor-Mapa-CodeBo-Unplugged · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TCC</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <div id="modal-alert" style="display: none;">
        <div class="titulo"> Alerta! </div>
        <div id="modal-texto"> teste teste teste </div>
        <button onclick="ocultaModal()" id="botao-fechar-modal" class="botao botao-mini">Fechar</button>
    </div>

    <center>
    <div>
        <div><img src="images/logo.png" id="logo" alt="Logo" width="450px"></div>
        <div><input type="text" id="name" placeholder="Digite seu titulo"></div>
        <p></p>
        <input type="text" id="height" placeholder="Altura">
        <input type="text" id="width" placeholder="Largura">
        <p></p>
        <div>
            <select type="text" id="tipo">
                <option value="1">Público</option>
                <option value="2">Privado</option>
            </select>
        </div>
        <button onclick="gerarMapa()" id="botao-gerar" class="botao">Gerar Mapa</button>
        <button onclick="salvarMapa()" id="botao-salvar" class="botao">Salvar Mapa</button>
        <button onclick="exportarMapa()" id="botao-exportar" class="botao">Exportar Mapa</button>
        <p></p>

    </div>
    </center>

    <center>
        <canvas id="canvas" height="300" width="500" style="border: 1px solid #000;"></canvas>
    </center>
    <div class="label" id="terreno">Terreno</div>
    <!-- Botões com imagens -->
    <div id="container-btnn">
        <div class="btnn"><img id="img-inicio" src="btns/btn1.jpg" alt="Botão 1" value="inicio"></div>
        <div class="btnn"><img id="img-mato" src="btns/btn3.jpg" alt="Botão 3" value="mato"></div>
        <div class="btnn"><img id="img-bandeira" src="btns/btn4.jpg" alt="Botão 4" value="bandeira"></div>
        <div class="btnn"><img id="img-mato2" src="btns/btn5.jpg" alt="Botão 5" value="mato2"></div>
        <div class="btnn"><img id="img-mar" src="btns/btn2.jpg" alt="Botão 2" value="mar"></div>
        <div class="btnn"><img id="img-praia" src="btns/btn6.jpg" alt="Botão 6" value="praia"></div>
        <div class="btnn"><img id="img-praia2" src="btns/btn7.png" alt="Botão 6" value="praia2"></div>
        <div class="btnn"><img id="img-praia3" src="btns/btn8.png" alt="Botão 6" value="praia3"></div>
        <div class="btnn"><img id="img-praia4" src="btns/btn9.png" alt="Botão 6" value="praia4"></div>
        <div class="btnn"><img id="img-praia5" src="btns/btn10.png" alt="Botão 6" value="praia5"></div>
        <div class="btnn"><img id="img-praia6" src="btns/btn11.png" alt="Botão 6" value="praia6"></div>
        <div class="btnn"><img id="img-vazio" src="btns/borracha.png" alt="Botão 7" value="vazio"></div>
    </div>
    <div class="label" id="nivel">Nível</div>
    <div id="container2-btnn">
        <div class="btnn"><img id="img-n1" src="btns/n0.png" alt="Nível 0" value="vazio"></div>
        <div class="btnn"><img id="img-n1" src="btns/n1.png" alt="Nível 1" value="1"></div>
        <div class="btnn"><img id="img-n2" src="btns/n2.png" alt="Nível 3" value="2"></div>
        <div class="btnn"><img id="img-n3" src="btns/n3.png" alt="Nível 4" value="3"></div>
        <div class="btnn"><img id="img-n4" src="btns/n4.png" alt="Nível 5" value="4"></div>
    </div>
    <div id="container-sair">
        <button id="botao-sair" onclick="window.location.href='logout.php'">Sair</button>
    </div>

    <script src="script.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
</body>
</html>