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 lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <script src="main.ts" type="module"></script>
7 </head>
8 <body>
9 <dialog class="polyplus-modal" style="width: 95%; height: 95%; border: 1px solid #484848; background-color: #181818; border-radius: 20px; overflow: hidden;">
10 <div class="row text-muted mb-2" style="font-size: 0.8rem;">
11 <div class="col">
12 <h5 class="mb-0" style="color: #fff;" id="modal-title"></h5>
13 <span id="modal-desc"></span>
14 </div>
15 <div class="col-auto">
16 <button id="modal-close" class="btn btn-info mx-auto">X</button>
17 </div>
18 </div>
19 <div class="modal-body" style="overflow-y: auto; height: calc(100% - 50px); padding-right: 10px; word-wrap: break-word; word-break: break-word;"></div>
20 </dialog>
21
22 <div class="container text-center mt-5">
23 <button id="view-preferences" class="btn btn-primary btn-sm w-100 mb-2">View Preferences</button>
24 <button id="view-cache" class="btn btn-warning btn-sm w-100 mb-2">View Cache</button>
25 <button id="expose-config" class="btn btn-secondary btn-sm w-100 mb-2">Expose Config</button>
26 </div>
27 </body>
28</html>