tcgmapper/index.html at main · SincerityJayce/tcgmapper · 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<html lang='en'>
    <head>
        <meta charset="UTF-8">
        <title>Sheet Creator</title>
        <link rel='stylesheet' href='css.css'>
        <link rel="preconnect" href="https://fonts.gstatic.com">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

        <script src="https://use.fontawesome.com/0fa5cb38d5.js"></script>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
        <style type='text/css'>

        </style>
    </head>
    <body>
        <section class='wrapper' id='container'>
            <canvas id='canvas'></canvas>
            <canvas id='float over'></canvas>
        </section>

        <nav class='navbar' id='navbar'>
            <ul>
                <!-- <button id='zoom+' class='zoom'>+</button>
                <button id='zoom-' class='zoom'>-</button> -->
                <li>
                    <a href='#' class='local-btn'>Local Images
                        <i class="fa fa-caret-down first"></i>
                    </a>
                    <ul id="storedImages" class='local-show'></ul>
                </li>
                <li>
                    <a href='#' class='box-btn'>Boxes
                        <i class="fa fa-caret-down second"></i>
                    </a>
                    <ul id="boxes" class='box-show'>
                        <li>
                            <a href='#'>Square</a>
                            <a href='#'>Rounded Square</a>
                            <a href='#'>Circle</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href='#' class='input'>Arrow Options</a>
                    <input
                    type='text'
                    name='mapload'
                    id='loadmap'
                    onpaste="onPasteMapLink(event)"
                    placeholder="Paste map info here..."/>
                </li>
                <li>
                    <a href='#' class='ffdecks-btn'>FFDecks
                        <i class="fa fa-caret-down third"></i>
                    </a>
                    <ul id="FFdecks" class='ffdecks-show'>
                        <input
                            type='text'
                            name='ffdeckload'
                            id='ffdeckload'
                            onpaste="onPasteDeckLink(event)"
                            placeholder="Paste link to deck here..."/>
                    </ul>
                </li>


            </ul>
        </nav>
        <i id='bin' class="fa fa-trash bin fa-2x" aria-hidden="true"></i>

        <i id='save-btn' class="fa fa-save save-btn fa-2x" aria-hidden="true"></i>
        <input id='save-infodump' type='text' ></input>

        <script type='text/javascript'>
            $('.local-btn').click(function(){
                $('nav ul .local-show').toggleClass('show');
                $('nav ul .first').toggleClass('rotate');
            });
            $('.box-btn').click(function(){
                $('nav ul .box-show').toggleClass('show1');
                $('nav ul .second').toggleClass('rotate');
            });
            $('.ffdecks-btn').click(function(){
                $('nav ul .ffdecks-show').toggleClass('show2');
                $('nav ul .third').toggleClass('rotate');
            });


        </script>


        <script src='XY Converters.js'></script>
        <script src='Object Definitions.js'></script>
        <script src='SelectTool.js'></script>
        <script src='Draw On Canvas.js'></script>
        <script src='zoom.js'></script>
        <script src='ArrowMath.js'></script>

        <!-- <script src='selectHTMLImages.js'></script> -->
        <script src='arrowObject.js'></script>


        <script src='save.js'></script>
        <script src='DragShapes.js'></script>
        <script src='ffdecksRequest.js'></script>


        <script src='Screenload.js'></script>
    </body>
</html>