A rewrite of Poly+, my quality-of-life browser extension for Polytoria. Built entirely fresh using the WXT extension framework, Typescript, and with added better overall code quality.
extension
1<!doctype html>
2<html>
3 <head>
4 <!-- META TAGS -->
5 <meta charset="utf-8" />
6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 </head>
8 <body style="width: 245px;">
9 <div class="p-2 pt-0">
10 <small class="text-muted" style="font-size: 0.7rem;">quick links</small>
11 <br>
12 <a href="/preferences.html" class="btn btn-primary btn-sm w-100 mb-1" id="settings-btn" target="_window">Settings</a>
13 <div class="d-flex" style="gap: 5px;">
14 <a href="https://chromewebstore.google.com/detail/poly+/feafepokhecfmimpepbpccmcnjbcbklg" class="btn btn-dark btn-sm w-100" target="_window">
15 <img src="/svgs/chrome-icon.svg" alt="Chrome Webstore" width="25" height="25">
16 </a>
17 <a href="https://addons.mozilla.org/en-US/firefox/addon/polytoriaplus/" class="btn btn-dark btn-sm w-100" target="_window">
18 <img src="/svgs/firefox-icon.svg" alt="Firefox Add-ons Store" width="25" height="25">
19 </a>
20 </div>
21
22 <hr class="mt-2 mb-3" style="color: #2b2b2b;">
23
24 <small class="text-muted" style="font-size: 0.7rem;">extract texture from item</small>
25 <br>
26 <div class="input-group">
27 <input type="text" class="form-control form-control-sm" placeholder="Item ID..">
28 <button class="btn btn-success btn-sm" id="extract-texture">Extract</button>
29 </div>
30 </div>
31 <script type="module">
32 const css = browser.runtime.getURL('/css/polytoria.css');
33 const link = document.createElement('link');
34 link.rel = 'stylesheet';
35 link.href = css;
36 document.head.appendChild(link);
37 </script>
38 </body>
39</html>