add more ways to support the project

src/kiri/init.js

@@ -846,6 +846,7 @@ gapp.register("kiri.init", (root, exports) => {
             },
             acct: {
                 help:           $('app-help'),
+                don8:           $('app-don8'),
                 mesh:           $('app-mesh'),
                 export:         $('app-export')
             },
@@ -892,6 +893,7 @@ gapp.register("kiri.init", (root, exports) => {
                 xsla:               $('mod-x-sla'),
                 xlaser:             $('mod-x-laser'),
                 local:              $('mod-local'),
+                don8:               $('mod-don8'),
                 any:                $('mod-any'),
             },
 
@@ -1946,7 +1948,7 @@ gapp.register("kiri.init", (root, exports) => {
         $('curtain').style.display = 'none';
 
         // bind interface action elements
-        $('app-name').onclick = api.help.show;
+        // $('app-name').onclick = api.help.show;
         $('mode-device').onclick = api.show.devices;
         $('mode-profile').onclick = settingsLoad;
         $('mode-fdm').onclick = () => api.mode.set('FDM');
@@ -1961,6 +1963,7 @@ gapp.register("kiri.init", (root, exports) => {
         $('set-tools').onclick = (ev) => { ev.stopPropagation(); api.show.tools() };
         $('set-prefs').onclick = (ev) => { ev.stopPropagation(); api.modal.show('prefs') };
         ui.acct.help.onclick = (ev) => { ev.stopPropagation(); api.help.show() };
+        ui.acct.don8.onclick = (ev) => { ev.stopPropagation(); api.modal.show('don8') };
         ui.acct.mesh.onclick = (ev) => { ev.stopPropagation(); WIN.location = "/mesh" };
         ui.acct.export.onclick = (ev) => { ev.stopPropagation(); profileExport() };
         ui.acct.export.title = LANG.acct_xpo;

web/kiri/index.css

@@ -1632,6 +1632,9 @@ details[open] > summary::after {
     align-items: center;
     justify-content: flex-start;
 }
+.dark #mod-help a:hover {
+    color: #333;
+}
 #mod-help a:hover {
     background-color: #eee;
 }

web/kiri/index.html

@@ -67,6 +67,10 @@
                         <div id="app-help">
                             <label lk="help">help</label>
                         </div>
+                        <hr width="100%">
+                        <div id="app-don8">
+                            <label lk="donate">donate</label>
+                        </div>
                         <div>
                             <label id="app-mesh">mesh edit</label>
                         </div>
@@ -445,6 +449,20 @@
         <!-- title bar and closer -->
         <div class="mod-top f-row"><div id="mod-x" class="mod-x"><i class="fas fa-times"></i></div></div>
 
+        <!-- donate menu -->
+        <div id="mod-don8" class="mdialog f-col">
+            <div class="f-col gap4" style="gap:5px">
+                <div class="t-pad2"></div>
+                <div style="padding:20px;font-size:larger;font-weight:bold">Your contribution is appreciated!</div>
+                <div style="padding:5px 0 5px 0;justify-content:center">And supports ongoing development,</div>
+                <div style="padding:5px 0 20px 0;justify-content:center">servers, forums, and related costs</div>
+                <button id="don8pt" class="yellow" style="justify-content:center;padding:25px;font-size:larger"><a target="_paypal" href="https://paypal.me/gridspace3d?locale.x=en_US">Become a Patreon Patron</a></button>
+                <button id="don8gh" class="yellow" style="justify-content:center;padding:25px;font-size:larger"><a target="_github" href="https://github.com/sponsors/GridSpace">Sponsor on GitHub</a></button>
+                <button id="don8pp" class="yellow" style="justify-content:center;padding:25px;font-size:larger"><a target="_paypal" href="https://paypal.me/gridspace3d?locale.x=en_US">Donate with PayPal</a></button>
+                <div class="t-pad2"></div>
+            </div>
+        </div>
+
         <!-- help menu -->
         <div id="mod-help" class="mdialog f-col">
             <div class="f-row j-center title">
@@ -457,7 +475,7 @@
                 <a target="_rsc" href="https://discord.gg/suyCCgr"><i class="fab fa-discord"></i> Discord Server</a>
                 <a target="_rsc" href="https://github.com/gridspace/grid-apps/issues"><i class="fas fa-bug"></i> Bug Reports</a>
                 <a target="_rsc" href="https://github.com/gridspace/grid-apps/releases"><i class="fab fa-github"></i> Releases & Binaries</a>
-                <a target="_rsc" href="https://paypal.me/gridspace3d?locale.x=en_US"><i class="fab fa-paypal"></i> Support Development</a>
+                <a target="_rsc" onclick="kiri.api.modal.show('don8')"><i class="fa-solid fa-sack-dollar"></i> Support Development</a>
                 <a href="https://youtu.be/08795Sj22QE" target="youtube"><i class="fab fa-youtube"></i>Video Guide (from v2.5)</a>
             </div>
             <hr width="100%">

web/kiri/lang/en.js

@@ -16,6 +16,7 @@ self.kiri.lang['en-us'] = {
     edit:           "edit",
     enable:         "enable",
     disable:        "disable",
+    donate:         "donate",
     export:         "export",
     files:          "files",
     filter:         "filter",