Updates

realazthat · Feb 13, 2024 · 25b5b5b · 25b5b5b
1 parent f8f8668
commit 25b5b5b
Show file tree

Hide file tree

Showing 40 changed files with 3 additions and 7,264 deletions.
diff --git a/.nojekyll b/.nojekyll
diff --git a/SampleServerPFP.1e272548.png b/SampleServerPFP.1e272548.png
diff --git a/SampleServerPFP.5fadbf66.png b/SampleServerPFP.5fadbf66.png
diff --git a/SampleServerPFP.e18e8e27.png b/SampleServerPFP.e18e8e27.png
diff --git a/SampleServerPFPOverlay.b54031a0.png b/SampleServerPFPOverlay.b54031a0.png
diff --git a/SampleServerPFPOverlay.f9c8227c.png b/SampleServerPFPOverlay.f9c8227c.png
diff --git a/SampleServerPFPOverlay.fdb37798.png b/SampleServerPFPOverlay.fdb37798.png
diff --git a/badger-badger-demo.678b4276.webm b/badger-badger-demo.678b4276.webm
diff --git a/badger-badger-demo.81e844d6.webp b/badger-badger-demo.81e844d6.webp
diff --git a/badger-badger-demo.86fe65cc.webp b/badger-badger-demo.86fe65cc.webp
diff --git a/badger-badger-demo.cfef3631.webm b/badger-badger-demo.cfef3631.webm
diff --git a/badger-badger.3464ddca.js b/badger-badger.3464ddca.js
diff --git a/badger-badger.3464ddca.js.map b/badger-badger.3464ddca.js.map
diff --git a/index.0641b553.js b/index.0641b553.js
diff --git a/index.0641b553.js.map b/index.0641b553.js.map
diff --git a/index.0d7f6ffc.js b/index.0d7f6ffc.js
diff --git a/index.0d7f6ffc.js.map b/index.0d7f6ffc.js.map
diff --git a/index.947fe43a.js → index.1da5c2f3.js b/index.947fe43a.js → index.1da5c2f3.js
diff --git a/index.947fe43a.js.map → index.1da5c2f3.js.map b/index.947fe43a.js.map → index.1da5c2f3.js.map
diff --git a/index.39bac298.js b/index.39bac298.js
diff --git a/index.39bac298.js.map b/index.39bac298.js.map
diff --git a/index.5baa4167.js b/index.5baa4167.js
diff --git a/index.5baa4167.js.map b/index.5baa4167.js.map
diff --git a/index.644f3917.js b/index.644f3917.js
diff --git a/index.644f3917.js.map b/index.644f3917.js.map
diff --git a/index.7c0ccee6.js b/index.7c0ccee6.js
diff --git a/index.7c0ccee6.js.map b/index.7c0ccee6.js.map
diff --git a/index.80907375.js b/index.80907375.js
diff --git a/index.80907375.js.map b/index.80907375.js.map
diff --git a/index.9ecc6e05.js b/index.9ecc6e05.js
diff --git a/index.9ecc6e05.js.map b/index.9ecc6e05.js.map
diff --git a/index.ce81509e.js b/index.ce81509e.js
diff --git a/index.ce81509e.js.map b/index.ce81509e.js.map
diff --git a/index.cf25ef76.js b/index.cf25ef76.js
diff --git a/index.cf25ef76.js.map b/index.cf25ef76.js.map
diff --git a/index.eb952d2d.js b/index.eb952d2d.js
diff --git a/index.eb952d2d.js.map b/index.eb952d2d.js.map
diff --git a/index.f0ffe438.js b/index.f0ffe438.js
diff --git a/index.f0ffe438.js.map b/index.f0ffe438.js.map
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Add Notification Badge</title><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"><style>#canvas-container{background-color:#36393f;display:inline-block;position:relative}#canvas-container canvas{background-color:#0000;width:256px;height:256px;position:absolute;top:0;left:0}#canvas-container #bg{background-color:#36393f;width:256px;height:256px}#svg-container{background-color:#36393f;display:inline-block;position:relative}#svg-container svg{width:256px;height:256px;position:absolute;top:0;left:0}#svg-container #bg{background-color:#36393f;width:256px;height:256px}</style></head><body> <h1 style="float:left"> <a href="https://github.com/realazthat/badger-badger" target="_blank"><i class="fa-github fab"></i></a> Add a discord notification badge to your PFP or server PFP <a href="https://github.com/realazthat/badger-badger" target="_blank"><i class="fa-github fab"></i></a> </h1> <div style="float:right"> <table> <tr> <td>Monero address:</td> <td><span style="font-size:6px">45VMqhActfp7W2i6N2FomKEuHrum2UK8CEQAaQThkdnUBAy3HXQvHQ76MmarZQkwcZ5DPdmrortBw6YUiwgjLtwoN1cuNWS</span></td> </tr> <tr> <td>github:</td> <td> <a href="https://github.com/realazthat/badger-badger" target="_blank">github.com/realazthat/badger-badger</a> </td> </tr> </table> </div> <div style="clear:both"></div> <fieldset> <legend>Upload</legend> <table> <tr> <td> PFP </td> <td> <input type="file" id="upload-image" accept="image/*"> <img id="sample-pfp-image" src="/badger-badger/SampleServerPFP.e18e8e27.png" style="display:none"> </td> <td> <button id="sample-pfp" style="width:100%">Sample PFP</button> </td> <td> <button id="clear-pfp" style="width:100%">Clear PFP</button> </td> </tr> <tr> <td> Optional: Image Overlay (for matching up) </td> <td> <input type="file" id="upload-image-overlay" accept="image/*"> <img id="sample-pfp-overlay-image" src="/badger-badger/SampleServerPFPOverlay.f9c8227c.png" style="display:none"> </td> <td> <button id="sample-pfp-overlay" style="width:100%">Sample Image Overlay</button> </td> <td> <button id="clear-pfp-overlay" style="width:100%">Clear Image Overlay</button> </td> <td> </td> <td> Image Overlay Alpha </td> <td> <input type="number" id="image-overlay-alpha" value="0" step="0.01" min="0" max="1"> </td> </tr> <tr> <td>Optional: Outline Overlay roundness</td> <td><input type="number" id="outline-overlay-roundness" value="0" step="0.01" min="0" max="1"></td> <td><button id="outline-overlay-roundness-server-default" style="width:100%">Default Server Roundness</button></td> <td><button id="outline-overlay-roundness-user-default" style="width:100%">Default User Roundness</button></td> <td><button id="outline-overlay-roundness-clear" style="width:100%">Clear Roundness</button></td> <td> Outline Overlay Alpha </td> <td> <input type="number" id="outline-overlay-alpha" value="0" step="0.01" min="0" max="1"> </td> </tr> </table> </fieldset> <fieldset style="float:right"> <legend>Demo video</legend> <video autoplay loop muted playsinline controls src="/badger-badger/badger-badger-demo.cfef3631.webm" type="video/webp" style="width:256px"></video> </fieldset> <fieldset> <legend>Badge</legend> <table> <tr> <td> <div id="canvas-container"> <div id="bg"></div> <canvas id="canvas" style="display:block"></canvas> <canvas id="canvas-overlay" style="display:block"></canvas> </div> </td> <td> <div id="svg-container"> <div id="bg"></div> <svg id="svg" style="display:block"/> <svg id="svg-overlay" style="display:block"/> </div> </td> </tr> <tr> <td> <div style="text-align:center"> <button id="download-image" style="width:100%">Download Image</button> </div> </td> <td> <div style="text-align:center"> <button id="download-svg" style="width:100%">Download SVG</button> <button id="download-svg-as-png" style="width:100%">Download SVG as PNG</button> </div> </td> </tr> </table> </fieldset> <fieldset> <fieldset> <legend>Position</legend> <table> <tr><td>x</td><td><input type="number" id="x" value="0" step="0.5" disabled></td></tr> <tr><td>y</td><td><input type="number" id="y" value="0" step="0.5" disabled></td></tr> <tr><td>u</td><td><input type="number" id="u" value="0" step="0.01"></td></tr> <tr><td>v</td><td><input type="number" id="v" value="0" step="0.01"></td></tr> </table> <table> <tr> <td><button id="upper-left" style="width:100%">Upper left</button></td> <td><button id="lower-left" style="width:100%">Lower left</button></td> <td><button id="upper-right" style="width:100%">Upper right</button></td> <td><button id="lower-right" style="width:100%">Lower right (default)</button></td> </tr> <tr> <td><button id="upper-left-inner" style="width:100%">Upper left, inner</button></td> <td><button id="lower-left-inner" style="width:100%">Lower left, inner</button></td> <td><button id="upper-right-inner" style="width:100%">Upper right, inner</button></td> <td><button id="lower-right-inner" style="width:100%">Lower right, inner</button></td> </tr> </table> </fieldset> <fieldset> <legend>Radius</legend> <table> <tr><td>Pixel radius: </td><td><input type="number" id="pixel-radius" value="0" step="0.5" disabled></td></tr> <tr><td>Pixel border: </td><td><input type="number" id="pixel-border" value="0" step="0.5" disabled></td></tr> <tr><td>Normalized radius ([0,1]): </td><td><input type="number" id="normalized-radius" step="0.01" value="0"></td></tr> <tr><td>Normalized border ([0,1]): </td><td><input type="number" id="normalized-border" value="0" step="0.01"></td></tr> </table> <button id="default-radius">Default radius</button> </fieldset> <fieldset> <legend>Contents</legend> <table> <tr> <td>Badge Text:</td> <td><input type="text" id="badge-text" value="1" maxlength="1"></td> </tr> <tr> <td>Font Size (Pixels):</td> <td><input type="number" id="pixel-font-size" value="0" step="0.5"></td> <td>Font Size (Normalized):</td> <td><input type="number" id="normalized-font-size" value="0" step="0.01"></td> </tr> <tr> <td>X Offset from center (Pixels):</td> <td><input type="number" id="pixel-offset-x" value="0" step="0.5"></td> <td>Y Offset from center (Pixels):</td> <td><input type="number" id="pixel-offset-y" value="0" step="0.5"></td> </tr> <tr> <td>U Offset from center (Normalized):</td> <td><input type="number" id="normalized-offset-u" value="0" step="0.01"></td> <td>V Offset from center (Normalized):</td> <td><input type="number" id="normalized-offset-v" value="0" step="0.01"></td> </tr> </table> <button id="default-contents">Default contents</button> </fieldset> </fieldset> <script src="/badger-badger/index.947fe43a.js" type="module"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-NXGG4JQM73"></script> <script>function a(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],a("js",new Date),a("config","G-NXGG4JQM73");</script> </body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Add Notification Badge</title><link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"><style>#canvas-container{background-color:#36393f;display:inline-block;position:relative}#canvas-container canvas{background-color:#0000;width:256px;height:256px;position:absolute;top:0;left:0}#canvas-container #bg{background-color:#36393f;width:256px;height:256px}#svg-container{background-color:#36393f;display:inline-block;position:relative}#svg-container svg{width:256px;height:256px;position:absolute;top:0;left:0}#svg-container #bg{background-color:#36393f;width:256px;height:256px}.links-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}</style><script></script></head><body> <div style="width:100%"> <h1 style="float:left"> <a href="https://github.com/realazthat/badger-badger" target="_blank"><i class="la-github lab"></i></a> Add a discord notification badge to your PFP or server PFP <a href="https://github.com/realazthat/badger-badger" target="_blank"><i class="la-github lab"></i></a> </h1> <div style="float:right;width:512px"> <div class="links-grid"> <div> <span style="font-weight:700"><i class="la-github lab"></i>github:</span> <span> <a onclick="CopyToClipboard('https://github.com/realazthat/badger-badger', 'github-copy-icon')"> <i id="github-copy-icon" class="la-copy las"></i> </a> </span> <span> <a href="https://github.com/realazthat/badger-badger" target="_blank">github.com/realazthat/badger-badger</a> </span> </div> <div> <span><i class="la-monero lab"></i>Monero:</span> <span> <a onclick="CopyToClipboard('85XbgR2CYK6f6B24niBkzihupbogorzRJNw8YwyHDupXEkwN5hEDHK7K3GmLti1X5hHfz1QzQJvU6QAJwzULNi5RMTYpcc8', 'monero-copy-icon')"> <i id="monero-copy-icon" class="la-copy las"></i> </a> </span> <span style="font-size:4px"> <a href="monero:85XbgR2CYK6f6B24niBkzihupbogorzRJNw8YwyHDupXEkwN5hEDHK7K3GmLti1X5hHfz1QzQJvU6QAJwzULNi5RMTYpcc8"> monero:85XbgR2CYK6f6B24niBkzihupbogorzRJNw8YwyHDupXEkwN5hEDHK7K3GmLti1X5hHfz1QzQJvU6QAJwzULNi5RMTYpcc8 </a> </span> </div> </div> </div> <div style="clear:both"></div> <fieldset> <legend>Upload</legend> <table> <tr> <td> PFP </td> <td> <input type="file" id="upload-image" accept="image/*"> <img id="sample-pfp-image" src="/badger-badger/SampleServerPFP.e18e8e27.png" style="display:none"> </td> <td> <button id="sample-pfp" style="width:100%">Sample PFP</button> </td> <td> <button id="clear-pfp" style="width:100%">Clear PFP</button> </td> </tr> <tr> <td> Optional: Image Overlay (for matching up) </td> <td> <input type="file" id="upload-image-overlay" accept="image/*"> <img id="sample-pfp-overlay-image" src="/badger-badger/SampleServerPFPOverlay.f9c8227c.png" style="display:none"> </td> <td> <button id="sample-pfp-overlay" style="width:100%">Sample Image Overlay</button> </td> <td> <button id="clear-pfp-overlay" style="width:100%">Clear Image Overlay</button> </td> <td> </td> <td> Image Overlay Alpha </td> <td> <input type="number" id="image-overlay-alpha" value="0" step="0.01" min="0" max="1"> </td> </tr> <tr> <td>Optional: Outline Overlay roundness</td> <td><input type="number" id="outline-overlay-roundness" value="0" step="0.01" min="0" max="1"></td> <td><button id="outline-overlay-roundness-server-default" style="width:100%">Default Server Roundness</button></td> <td><button id="outline-overlay-roundness-user-default" style="width:100%">Default User Roundness</button></td> <td><button id="outline-overlay-roundness-clear" style="width:100%">Clear Roundness</button></td> <td> Outline Overlay Alpha </td> <td> <input type="number" id="outline-overlay-alpha" value="0" step="0.01" min="0" max="1"> </td> </tr> </table> </fieldset> <fieldset style="float:right"> <legend>Demo video</legend> <video autoplay loop muted playsinline controls src="/badger-badger/badger-badger-demo.cfef3631.webm" type="video/webp" style="width:256px"></video> </fieldset> <fieldset> <legend>Badge</legend> <table> <tr> <td> <div id="canvas-container"> <div id="bg"></div> <canvas id="canvas" style="display:block"></canvas> <canvas id="canvas-overlay" style="display:block"></canvas> </div> </td> <td> <div id="svg-container"> <div id="bg"></div> <svg id="svg" style="display:block"/> <svg id="svg-overlay" style="display:block"/> </div> </td> </tr> <tr> <td> <div style="text-align:center"> <button id="download-image" style="width:100%">Download Image</button> </div> </td> <td> <div style="text-align:center"> <button id="download-svg" style="width:100%">Download SVG</button> <button id="download-svg-as-png" style="width:100%">Download SVG as PNG</button> </div> </td> </tr> </table> </fieldset> <fieldset> <fieldset> <legend>Position</legend> <table> <tr><td>x</td><td><input type="number" id="x" value="0" step="0.5" disabled></td></tr> <tr><td>y</td><td><input type="number" id="y" value="0" step="0.5" disabled></td></tr> <tr><td>u</td><td><input type="number" id="u" value="0" step="0.01"></td></tr> <tr><td>v</td><td><input type="number" id="v" value="0" step="0.01"></td></tr> </table> <table> <tr> <td><button id="upper-left" style="width:100%">Upper left</button></td> <td><button id="lower-left" style="width:100%">Lower left</button></td> <td><button id="upper-right" style="width:100%">Upper right</button></td> <td><button id="lower-right" style="width:100%">Lower right (default)</button></td> </tr> <tr> <td><button id="upper-left-inner" style="width:100%">Upper left, inner</button></td> <td><button id="lower-left-inner" style="width:100%">Lower left, inner</button></td> <td><button id="upper-right-inner" style="width:100%">Upper right, inner</button></td> <td><button id="lower-right-inner" style="width:100%">Lower right, inner</button></td> </tr> </table> </fieldset> <fieldset> <legend>Radius</legend> <table> <tr><td>Pixel radius: </td><td><input type="number" id="pixel-radius" value="0" step="0.5" disabled></td></tr> <tr><td>Pixel border: </td><td><input type="number" id="pixel-border" value="0" step="0.5" disabled></td></tr> <tr><td>Normalized radius ([0,1]): </td><td><input type="number" id="normalized-radius" step="0.01" value="0"></td></tr> <tr><td>Normalized border ([0,1]): </td><td><input type="number" id="normalized-border" value="0" step="0.01"></td></tr> </table> <button id="default-radius">Default radius</button> </fieldset> <fieldset> <legend>Contents</legend> <table> <tr> <td>Badge Text:</td> <td><input type="text" id="badge-text" value="1" maxlength="1"></td> </tr> <tr> <td>Font Size (Pixels):</td> <td><input type="number" id="pixel-font-size" value="0" step="0.5"></td> <td>Font Size (Normalized):</td> <td><input type="number" id="normalized-font-size" value="0" step="0.01"></td> </tr> <tr> <td>X Offset from center (Pixels):</td> <td><input type="number" id="pixel-offset-x" value="0" step="0.5"></td> <td>Y Offset from center (Pixels):</td> <td><input type="number" id="pixel-offset-y" value="0" step="0.5"></td> </tr> <tr> <td>U Offset from center (Normalized):</td> <td><input type="number" id="normalized-offset-u" value="0" step="0.01"></td> <td>V Offset from center (Normalized):</td> <td><input type="number" id="normalized-offset-v" value="0" step="0.01"></td> </tr> </table> <button id="default-contents">Default contents</button> </fieldset> </fieldset> <script src="/badger-badger/index.1da5c2f3.js" type="module"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-NXGG4JQM73"></script> <script>function a(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],a("js",new Date),a("config","G-NXGG4JQM73");</script> </div> </body></html>