MarketplaceEmoteList/index.html at main · letsgoawaydev/MarketplaceEmoteList · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Marketplace Emote List</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <header>
        <div id="header">
            <p class="antialias" id="title">Marketplace Emote List</p>
            <p class="antialias" id="subtitle">for Minecraft: Bedrock Edition</p>
            <p class="antialias" id="creator">Made by <a href="https://github.com/letsgoawaydev">LetsGoAway</a></p>
        </div>

        <div id="detailed_search">
            <div id="sort_panel">
                <p class="antialias align-center" id="total_emotes">Total Emotes: Loading...</p>

                <label for="sort" class="antialias">Sort by: </label>

                <select name="sort" id="sort">
                    <option value="name">Name</option>
                    <option value="creator">Creator</option>
                    <option value="price">Price</option>
                    <option value="rarity">Rarity</option>
                    <option value="uuid">UUID</option>
                    <option value="search">Search</option>
                </select>

                <input type="checkbox" id="descending"></input>
            </div>
            <div id="filter_panel">
                <p>Filter</p>

                <label for="creator_filter" class="antialias">Creator: </label>

                <select name="creator_filter" id="creator_filter">
                    <option value="@">Anyone</option>
                    <option value="Minecraft">Minecraft</option>
                </select>
                <br>
                <br>
                <label for="rarity_filter" class="antialias">Rarity: </label>

                <select name="rarity_filter" id="rarity_filter">
                    <option value="@">Any</option>
                    <option value="common">Common</option>
                    <option value="uncommon">Uncommon</option>
                    <option value="rare">Rare</option>
                    <option value="epic">Epic</option>
                    <option value="legendary">Legendary</option>

                </select>
            </div>
            <div id="search_panel">
                <input type="text" id="search" style="display:none"></text>
            </div>
        </div>
    </header>

    <main id="emote_list">
    </main>

    <footer>
        <p>You can right-click an emote to open it in game. (If it's still available on the Marketplace.)</p>
    </footer>


    <div class="hidden">
        <!-- SVG for Disabling Font Smoothing -->
        <svg width="0" height="0" xmlns="http://www.w3.org/2000/svg">
            <defs>
                <filter id="crispify">
                    <feComponentTransfer>
                        <feFuncA type="table" tableValues="0 0 0 1" />
                    </feComponentTransfer>
                </filter>
            </defs>
        </svg>

        <div id="template_emote" class="emote">
            <img class="emote_image" />
            <div class="emote_details">
                <div class="antialias emote_name">Emote Name</div>
                <div class="antialias emote_detail emote_creator">&#x1F464; Minecraft</div>
                <div class="price">
                    <div class="antialias emote_detail emote_price">300</div>
                    <img class="detail_coin" src="minecoin.png" />
                </div>
                <div class="emote_subdetail emote_uuid">UUID: id</div>
            </div>
            <div class="emote_overlay">
                <div class="clipboard">&#x1f5d0;</div>
                <div class="copy_text">Copy UUID</div>
            </div>
        </div>
    </div>

    <script src="script.js"></script>
</body>

</html>