From 4a2829c253d6c5072ffd42da69db7633b80a652d Mon Sep 17 00:00:00 2001
From: Miguel Ribeiro <k.d.mintnick@gmail.com>
Date: Fri, 1 Nov 2024 15:58:09 +0100
Subject: [PATCH] new icons

---
 images/siteicons/svg/mobile-menu/about.php  |  3 ++
 images/siteicons/svg/mobile-menu/admin.php  |  3 ++
 images/siteicons/svg/mobile-menu/logout.php |  3 ++
 includes/header.php                         | 40 +++++++++++++--------
 styles/styles.css                           |  6 ++++
 5 files changed, 41 insertions(+), 14 deletions(-)
 create mode 100644 images/siteicons/svg/mobile-menu/about.php
 create mode 100644 images/siteicons/svg/mobile-menu/admin.php
 create mode 100644 images/siteicons/svg/mobile-menu/logout.php

diff --git a/images/siteicons/svg/mobile-menu/about.php b/images/siteicons/svg/mobile-menu/about.php
new file mode 100644
index 000000000..e28f355dc
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/about.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+    <path fill="currentColor" d="M 9 4 C 6.2504839 4 4 6.2504839 4 9 L 4 41 C 4 43.749516 6.2504839 46 9 46 L 41 46 C 43.749516 46 46 43.749516 46 41 L 46 9 C 46 6.2504839 43.749516 4 41 4 L 9 4 z M 9 6 L 41 6 C 42.668484 6 44 7.3315161 44 9 L 44 41 C 44 42.668484 42.668484 44 41 44 L 9 44 C 7.3315161 44 6 42.668484 6 41 L 6 9 C 6 7.3315161 7.3315161 6 9 6 z M 23.451172 12 C 23.179172 12 23 12.171688 23 12.429688 L 23 15.570312 C 23 15.827312 23.178172 16 23.451172 16 L 23.451172 15.998047 L 26.544922 15.998047 C 26.816922 15.998047 27 15.826359 27 15.568359 L 27 12.429688 C 27 12.172688 26.816922 12 26.544922 12 L 23.451172 12 z M 23.474609 20 C 23.190609 20 23 20.151953 23 20.376953 L 23 37.623047 C 23 37.848047 23.188609 37.998047 23.474609 37.998047 L 23.474609 38 L 26.523438 38 C 26.809437 38 27 37.848047 27 37.623047 L 27 20.376953 C 27 20.151953 26.810437 20 26.523438 20 L 23.474609 20 z"></path>
+</svg>
\ No newline at end of file
diff --git a/images/siteicons/svg/mobile-menu/admin.php b/images/siteicons/svg/mobile-menu/admin.php
new file mode 100644
index 000000000..fc52121ec
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/admin.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+<path fill="currentColor" d="M 27 4 C 22.042969 4 18.449219 5.945313 16.5625 8.8125 C 14.789063 11.507813 14.617188 14.933594 15.8125 18.09375 C 15.371094 18.640625 15 19.351563 15.09375 20.46875 C 15.09375 20.488281 15.09375 20.511719 15.09375 20.53125 C 15.261719 21.75 15.628906 22.609375 16.09375 23.21875 C 16.320313 23.515625 16.65625 23.523438 16.9375 23.6875 C 17.105469 24.769531 17.425781 25.867188 17.875 26.75 C 18.128906 27.25 18.382813 27.691406 18.65625 28.0625 C 18.78125 28.234375 18.960938 28.328125 19.09375 28.46875 C 19.105469 29.761719 19.15625 30.78125 19 32.09375 C 18.691406 32.910156 17.949219 33.53125 16.75 34.15625 C 15.5 34.804688 13.855469 35.398438 12.1875 36.125 C 10.519531 36.851563 8.828125 37.734375 7.46875 39.125 C 6.109375 40.515625 5.136719 42.421875 5 44.9375 C 4.984375 45.214844 5.082031 45.484375 5.269531 45.683594 C 5.460938 45.886719 5.722656 46 6 46 L 44 46 C 44.277344 46 44.539063 45.886719 44.730469 45.683594 C 44.917969 45.484375 45.015625 45.214844 45 44.9375 C 44.863281 42.421875 43.914063 40.515625 42.5625 39.125 C 41.210938 37.734375 39.511719 36.847656 37.84375 36.125 C 36.175781 35.402344 34.523438 34.859375 33.25 34.21875 C 32.738281 33.960938 32.324219 33.683594 31.96875 33.40625 C 31.949219 33.382813 31.929688 33.363281 31.90625 33.34375 C 31.820313 33.238281 31.714844 33.15625 31.59375 33.09375 C 31.289063 32.800781 31.050781 32.496094 30.90625 32.15625 C 30.828125 30.816406 30.8125 29.722656 30.8125 28.53125 C 30.933594 28.390625 31.105469 28.289063 31.21875 28.125 C 31.484375 27.746094 31.757813 27.28125 32 26.78125 C 32.429688 25.898438 32.765625 24.859375 32.96875 23.84375 C 33.289063 23.679688 33.65625 23.667969 33.90625 23.34375 C 34.386719 22.714844 34.667969 21.820313 34.78125 20.59375 C 34.84375 19.867188 34.792969 19.210938 34.5625 18.65625 C 34.488281 18.480469 34.363281 18.316406 34.25 18.15625 C 34.574219 17.457031 34.78125 16.65625 34.875 15.75 C 35.011719 14.453125 34.957031 13.007813 34.59375 11.59375 C 34.230469 10.179688 33.554688 8.804688 32.46875 7.75 C 31.53125 6.839844 30.214844 6.28125 28.6875 6.125 L 27.90625 4.5625 C 27.738281 4.214844 27.386719 3.996094 27 4 Z M 26.40625 6.0625 L 27.09375 7.4375 C 27.261719 7.785156 27.613281 8.003906 28 8 C 29.390625 8 30.351563 8.464844 31.09375 9.1875 C 31.835938 9.910156 32.359375 10.945313 32.65625 12.09375 C 32.953125 13.242188 33.015625 14.472656 32.90625 15.53125 C 32.796875 16.589844 32.464844 17.46875 32.21875 17.78125 C 32.019531 18.035156 31.957031 18.375 32.050781 18.683594 C 32.144531 18.992188 32.378906 19.238281 32.6875 19.34375 C 32.683594 19.351563 32.667969 19.363281 32.6875 19.40625 C 32.757813 19.578125 32.851563 19.933594 32.8125 20.40625 C 32.722656 21.378906 32.480469 21.90625 32.3125 22.125 C 32.144531 22.34375 32.058594 22.3125 32.09375 22.3125 C 31.609375 22.320313 31.199219 22.675781 31.125 23.15625 C 30.996094 24.007813 30.601563 25.058594 30.1875 25.90625 C 29.980469 26.332031 29.777344 26.703125 29.59375 26.96875 C 29.410156 27.234375 29.214844 27.398438 29.3125 27.34375 C 29.011719 27.519531 28.820313 27.839844 28.8125 28.1875 C 28.8125 29.585938 28.804688 30.835938 28.90625 32.46875 C 28.914063 32.566406 28.933594 32.660156 28.96875 32.75 C 29.078125 33.039063 29.21875 33.3125 29.375 33.5625 L 25.875 35 L 24.125 35 L 20.53125 33.53125 C 20.699219 33.253906 20.832031 32.949219 20.9375 32.625 C 20.964844 32.566406 20.984375 32.5 21 32.4375 C 21.210938 30.742188 21.09375 29.550781 21.09375 28.09375 C 21.097656 27.734375 20.90625 27.398438 20.59375 27.21875 C 20.667969 27.261719 20.472656 27.132813 20.28125 26.875 C 20.089844 26.617188 19.863281 26.257813 19.65625 25.84375 C 19.238281 25.019531 18.863281 23.960938 18.78125 23.09375 C 18.738281 22.613281 18.355469 22.230469 17.875 22.1875 C 17.910156 22.195313 17.886719 22.1875 17.8125 22.1875 C 17.773438 22.164063 17.71875 22.117188 17.65625 22.03125 C 17.480469 21.800781 17.230469 21.234375 17.09375 20.3125 C 17.09375 20.292969 17.09375 20.300781 17.09375 20.28125 C 17.089844 20.265625 17.097656 20.265625 17.09375 20.25 C 17.078125 19.492188 17.546875 19.070313 17.46875 19.125 C 17.859375 18.851563 18.003906 18.34375 17.8125 17.90625 C 16.585938 15.132813 16.761719 12.164063 18.25 9.90625 C 19.664063 7.757813 22.332031 6.214844 26.40625 6.0625 Z M 19 35.09375 L 23.09375 36.75 L 24 39 L 22.34375 44 L 7.25 44 C 7.523438 42.550781 8.023438 41.402344 8.875 40.53125 C 9.9375 39.441406 11.429688 38.65625 13 37.96875 C 14.570313 37.28125 16.207031 36.691406 17.65625 35.9375 C 18.128906 35.691406 18.578125 35.398438 19 35.09375 Z M 30.875 35.125 C 31.328125 35.457031 31.828125 35.742188 32.34375 36 C 33.804688 36.734375 35.460938 37.289063 37.03125 37.96875 C 38.601563 38.648438 40.066406 39.445313 41.125 40.53125 C 41.96875 41.398438 42.476563 42.550781 42.75 44 L 27.65625 44 L 26 39 L 26.90625 36.75 Z"></path>
+</svg>
\ No newline at end of file
diff --git a/images/siteicons/svg/mobile-menu/logout.php b/images/siteicons/svg/mobile-menu/logout.php
new file mode 100644
index 000000000..fbdf9a94a
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/logout.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+    <path fill="currentColor" d="M 9.0175781 0 A 1.0001 1.0001 0 0 0 8 1 L 8 44 A 1.0001 1.0001 0 0 0 9.40625 44.914062 L 18.265625 40.976562 A 1.0001 1.0001 0 0 0 19 40 L 19 6 L 39 6 L 39 40 A 1.0001 1.0001 0 1 0 41 40 L 41 5 A 1.0001 1.0001 0 0 0 40 4 L 18.212891 4 L 9.40625 0.0859375 A 1.0001 1.0001 0 0 0 9.0175781 0 z M 10 2.5390625 L 17 5.6503906 L 17 39.349609 L 10 42.460938 L 10 2.5390625 z M 29.023438 8 C 26.83483 8 25.048828 9.8070917 25.048828 12 C 25.048828 14.192908 26.834831 16 29.023438 16 C 31.212044 16 33 14.192908 33 12 C 33 9.8070917 31.212044 8 29.023438 8 z M 29.023438 10 C 30.122831 10 31 10.878908 31 12 C 31 13.121092 30.122831 14 29.023438 14 C 27.924043 14 27.048828 13.121092 27.048828 12 C 27.048828 10.878908 27.924044 10 29.023438 10 z M 29 17 C 25.698375 17 23 19.698375 23 23 L 23 28 A 1.0001 1.0001 0 0 0 23.292969 28.707031 L 25.050781 30.464844 L 26.007812 38.125 A 1.0001 1.0001 0 0 0 27 39 L 31 39 A 1.0001 1.0001 0 0 0 31.992188 38.125 L 32.949219 30.464844 L 34.707031 28.707031 A 1.0001 1.0001 0 0 0 35 28 L 35 23 C 35 19.69757 32.301384 17 29 17 z M 29 19 C 31.220616 19 33 20.77843 33 23 L 33 27.585938 L 31.292969 29.292969 A 1.0001 1.0001 0 0 0 31.007812 29.875 L 30.117188 37 L 27.882812 37 L 26.992188 29.875 A 1.0001 1.0001 0 0 0 26.707031 29.292969 L 25 27.585938 L 25 23 C 25 20.779625 26.779625 19 29 19 z M 12 21 C 11.448 21 11 21.672 11 22.5 C 11 23.328 11.448 24 12 24 C 12.552 24 13 23.328 13 22.5 C 13 21.672 12.552 21 12 21 z M 22 42 A 1.0001 1.0001 0 0 0 21.050781 42.683594 L 19.050781 48.683594 A 1.0001 1.0001 0 0 0 20 50 L 38 50 A 1.0001 1.0001 0 0 0 38.949219 48.683594 L 36.949219 42.683594 A 1.0001 1.0001 0 0 0 36 42 L 22 42 z M 22.720703 44 L 35.279297 44 L 36.611328 48 L 21.388672 48 L 22.720703 44 z"></path>
+</svg>
\ No newline at end of file
diff --git a/includes/header.php b/includes/header.php
index 9adfdbc2a..2f5ac20e7 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -165,25 +165,37 @@ function hex2rgb($hex)
             <span id="user" class="mobileNavigationHideOnMobile"><?= $username ?></span>
           </button>
           <div class="dropdown-content">
-            <a href="profile.php" class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-user"></i><?= translate('profile', $i18n) ?></a>
-            <a href="." class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-list"></i><?= translate('subscriptions', $i18n) ?></a>
-            <a href="calendar.php" class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-calendar"></i><?= translate('calendar', $i18n) ?></a>
-            <a href="stats.php" class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-chart-simple"></i><?= translate('stats', $i18n) ?></a>
-            <a href="settings.php" class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-gear"></i><?= translate('settings', $i18n) ?></a>
+            <a href="profile.php" class="mobileNavigationHideOnMobile">
+              <?php include "images/siteicons/svg/mobile-menu/profile.php"; ?>
+              <?= translate('profile', $i18n) ?></a>
+            <a href="." class="mobileNavigationHideOnMobile">
+              <?php include "images/siteicons/svg/mobile-menu/home.php"; ?>
+              <?= translate('subscriptions', $i18n) ?></a>
+            <a href="calendar.php" class="mobileNavigationHideOnMobile">
+                <?php include "images/siteicons/svg/mobile-menu/calendar.php"; ?>
+                <?= translate('calendar', $i18n) ?></a>
+            <a href="stats.php" class="mobileNavigationHideOnMobile">
+              <?php include "images/siteicons/svg/mobile-menu/statistics.php"; ?>
+              <?= translate('stats', $i18n) ?></a>
+            <a href="settings.php" class="mobileNavigationHideOnMobile">
+              <?php include "images/siteicons/svg/mobile-menu/settings.php"; ?>
+              <?= translate('settings', $i18n) ?></a>
             <?php if ($isAdmin): ?>
-              <a href="admin.php"><i class="fa-solid fa-user-tie"></i><?= translate('admin', $i18n) ?></a>
+              <a href="admin.php">
+                <?php include "images/siteicons/svg/mobile-menu/admin.php"; ?>
+                <?= translate('admin', $i18n) ?>
+              </a>
             <?php endif; ?>
-            <a href="about.php"><i class="fa-solid fa-info-circle"></i><?= translate('about', $i18n) ?></a>
+            <a href="about.php">
+              <?php include "images/siteicons/svg/mobile-menu/about.php"; ?>
+              <?= translate('about', $i18n) ?>
+            </a>
             <?php
             if ($settings['disableLogin'] == 0) {
               ?>
-              <a href="logout.php"><i
-                  class="fa-solid fa-arrow-right-from-bracket"></i><?= translate('logout', $i18n) ?></a>
+              <a href="logout.php">
+                <?php include "images/siteicons/svg/mobile-menu/logout.php"; ?>
+                <?= translate('logout', $i18n) ?></a>
               <?php
             }
             ?>
diff --git a/styles/styles.css b/styles/styles.css
index db153ade9..74756838c 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -177,6 +177,7 @@ header .logo .logo-image svg {
   display: flex;
   flex-direction: row;
   gap: 12px;
+  align-items: center;
 }
 
 .dropdown-content a:hover {
@@ -187,6 +188,11 @@ header .logo .logo-image svg {
   display: block;
 }
 
+.dropdown-content a>svg {
+  width: 20px;
+  height: 20px;
+}
+
 @media (max-width: 768px) {
   .dropdown:hover .dropdown-content {
     display: none;