settings, readme, icon stuff

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "[markdown]": {
+        "editor.formatOnSave": false,
+    }
+}

README.md

@@ -19,7 +19,7 @@ Once this script is more finished, I might add a menu to toggle these more easil
 <br><br>
 
 ## Installation:
-**Requires a userscript manager extension:**
+**Requires a userscript manager browser extension:**
 > Firefox: [GreaseMonkey](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/)  
 > Chrome: [TamperMonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en)  
 > Edge: [TamperMonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd)

dev/GM_config.js

@@ -1,30 +0,0 @@
-/* eslint-disable no-undef */
-
-
-// ==UserScript==
-// @require       https://openuserjs.org/src/libs/sizzle/GM_config.js
-// @grant         GM_getValue
-// @grant         GM_setValue
-// ==/UserScript==
-
-
-GM_config.init(
-{
-    "id": "MyConfig", // The id used for this instance of GM_config
-    "title": "ayo",
-    "fields": // Fields object
-    {
-        "name": // This is the id of the field
-        {
-            "label": "Name", // Appears next to field
-            "type": "text", // Makes this setting a text field
-            "default": "Sizzle McTwizzle" // Default value if user doesn"t change it
-        }
-    }
-});
-
-
-GM_config.open();
-
-
-GM_config.get("name");

dev/domrect_visualizer.js

@@ -1,91 +0,0 @@
-/**
- * @author mlewand
- * @see https://gist.github.com/mlewand/56237c19050d27f61b807ed384dff2db
- * 
- * A helper function to visualize DOMRect or set of DOMRect instances.
- * 
- * Subsequent calls will remove previously marked elements.
- * 
- *     Debug a element currently focused in your devtools inspector.
- *     window.markRect( $0.getBoundingClientRect() );
- *     // Debug a selection.
- *     window.markRect( document.getSelection().getRangeAt( 0 ).getClientRects() );
- * 
- * 
- * Original source: https://gist.github.com/mlewand/56237c19050d27f61b807ed384dff2db
- * Updated by [Sv443](https://github.com/Sv443)
- * 
- * Styling example:
- * ```js
- * const [ mark ] = window.markRect(new DOMRect());
- * markElem.style.backgroundColor = "red";
- * ```
- */
-( () => {
-    const drawnRect = [];
-
-    const createRectDraw = () => {
-        const ret = document.createElement( 'div' );
-        ret.style.position = 'absolute';
-        ret.style.outline = '2px solid red';
-        ret.classList.add('debug-rect-marker');
-        document.body.appendChild( ret );
-
-        return ret;
-    };
-
-    /**
-     * Creates an element that marks the passed DOMRectangle(s)  
-     * These elements get the class `debug-rect-marker`
-     * @param {DOMRect|DOMRect[]} rectangles Accepts a DOMRectangle or an array of them
-     * @returns {HTMLElement[]} Returns array of marker elements
-     */
-    const markRect = ( rectangles ) => {
-        const marks = [];
-
-        // Cleanup.
-        drawnRect.forEach( ( oldRect ) => oldRect.remove() );
-
-        // Unify format.
-        if ( !Array.isArray(rectangles) ) {
-            rectangles = [ rectangles ];
-        }
-
-        rectangles.forEach( ( rect ) => {
-            const curDrawing = createRectDraw(),
-                dims = [ 'top', 'left', 'width', 'height' ];
-
-            dims.forEach( ( property ) => {
-                curDrawing.style[ property ] = `${rect[ property ]}px`;
-            } );
-
-            console.info( 'created debug rect:', curDrawing );
-
-            drawnRect.push( curDrawing );
-            marks.push( curDrawing );
-        } );
-
-        return marks;
-    };
-
-    /**
-     * Deletes all rectangles that have been previously created
-     * @returns {void}
-     * @author Sv443
-     */
-    const deleteRects = () => {
-        const markers = document.querySelectorAll(".debug-rect-marker");
-
-        markers.forEach(elem => {
-            elem.innerHTML = "";
-            elem.outerHTML = "";
-        });
-
-        console.warn(`Deleted ${markers.length} markers`);
-    };
-
-
-    window.markRect = markRect;
-
-    window.deleteRects = deleteRects;
-} )();

dev/theme_feature.js

@@ -1,41 +0,0 @@
-//# SECTION theme
-
-// /**
-//  * Applies the set theme color
-//  */
-// function applyTheme()
-// {
-//     const formatRegex = /^(\d{3}){1,2}$/;
-
-//     const color = features.themeColor.match(formatRegex) ? `#${color}` : color;
-
-//     /**
-//      * A list of changes to be made to the page to apply the theme color
-//      */
-//     const themeChanges = [
-//         {
-//             elem: document.querySelector("#progressContainer > #primaryProgress"),
-//             prop: "background",
-//             important: false,
-//         },
-//         {
-//             elem: document.querySelector(),
-//             prop: "",
-//             important: false,
-//         },
-//         {
-//             elem: document.querySelector(),
-//             prop: "",
-//             important: false,
-//         },
-//     ];
-
-//     themeChanges.forEach(change => {
-//         if(change.elem)
-//         {
-//             const value = change.important === true ? `${color} !important` : color;
-
-//             change.elem.style[change.prop] = value;
-//         }
-//     });
-// }