Merge pull request #108 from Moros1138/add-help-to-navbar-and-mobile-menu

Moros1138 · web-flow · commit 849f99570179 · 2024-06-25T09:11:18.000-04:00
Add help to navbar and mobile menu
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ It is a summary of changes that would be pertinent to the end user of the PGEtin
 ## 2024-06-25
 
 - Fixed light theme persistence
+- Add link icon to links menu item
+- Add help to menu
+- Add patreon icon to supporters menu item
+- Add styles to account for space used by help menu item
 
 ## 2024-06-19
 
diff --git a/resources/css/app/navbar.scss b/resources/css/app/navbar.scss
@@ -108,7 +108,21 @@
     }
 }
 
-@media screen and (max-width: 750px) {
+@media screen and (min-width: 761px) and (max-width: 900px) {
+    #header {
+        nav {
+            .menu {
+                &.left-menu {
+                    .item > a span {
+                        display: none;
+                    }
+                }
+            }
+        }
+    }
+}
+
+@media screen and (max-width: 760px) {
     #header {
         nav {
             .menu {
diff --git a/resources/images/patreon.svg b/resources/images/patreon.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 1080 1080"
+   style="enable-background:new 0 0 1080 1080;"
+   xml:space="preserve"
+   sodipodi:docname="patreon.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs1" /><sodipodi:namedview
+   id="namedview1"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="0.52247334"
+   inkscape:cx="555.05224"
+   inkscape:cy="639.26707"
+   inkscape:window-width="1920"
+   inkscape:window-height="1002"
+   inkscape:window-x="1920"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+
+<rect
+   style="fill:#ffffff;fill-opacity:1;stroke-width:5.93275"
+   id="rect2"
+   width="192.44098"
+   height="963.00232"
+   x="45.960854"
+   y="58.49884" /><circle
+   style="fill:#ffffff;fill-opacity:1;stroke-width:12.5672"
+   id="path3"
+   cx="694.31726"
+   cy="424.37286"
+   r="357.3031" /></svg>
diff --git a/resources/js/lib/lucide.js b/resources/js/lib/lucide.js
@@ -3,6 +3,7 @@ import {
     BadgePlus,
     Bug,
     CircleDollarSign,
+    CircleHelp,
     CirclePlay,
     CircleStop,
     Download,
@@ -15,18 +16,22 @@ import {
     SquareChevronRight,
     SunMoon,
     UndoDot,
-    Youtube } from 'lucide';
+    Youtube,
+    Link, 
+} from 'lucide';
 
 createIcons({
     icons: {
         BadgePlus,
         Bug,
+        CircleDollarSign,
+        CircleHelp,
         CirclePlay,
         CircleStop,
-        CircleDollarSign,
         Download,
         ExternalLink,
         Github,
+        Link,
         Menu,
         Newspaper,
         PencilRuler,
diff --git a/resources/js/lib/mobileMenuDialog.js b/resources/js/lib/mobileMenuDialog.js
@@ -23,6 +23,11 @@ export default function mobileMenuDialog(state)
                                 <li class="subitem">
                                     <a id="settings-menu" tabindex="0">Settings</a>
                                 </li>
+                                <li class="subitem">
+                                    <a target="_blank" href="/wiki/">
+                                        <span>Help</span>
+                                    </a>
+                                </li>
                                 <li class="subitem">
                                     <a id="news-and-updates">
                                         <span>What's New</span>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
@@ -65,9 +65,15 @@
                     <li class="separator"></li>
                 </ul>
                 <ul class="menu right-menu">
+                    <li class="item">
+                        <a target="_blank" href="/wiki/" title="Help Wiki">
+                            <i data-lucide="circle-help"></i>
+                            <span>Help</span>
+                        </a>
+                    </li>
                     <li class="item">
                         <a id="supporters">
-                            <!-- ICON? -->
+                            <svg class="lucide" fill="currentColor" stroke="none" width="24" height="24" xmlns="http://www.w3.org/2000/svg"viewBox="0 0 1080 1080"><rect width="192.44098" height="963.00232" x="45.960854" y="58.49884" /><circle cx="694.31726" cy="424.37286" r="357.3031" /></svg>
                             <span>Supporters</span>
                         </a>
                     </li>
@@ -92,7 +98,10 @@
                         </ul>
                     </li>
                     <li class="item has-submenu">
-                        <a tabindex="0">Links</a>
+                        <a tabindex="0">
+                            <i data-lucide="link"></i>
+                            <span>Links</span>
+                        </a>
                         <ul class="submenu">
                             <li class="subitem">
                                 <a href="#" id="news-and-updates">
