feat: swipe subscription for actions on the experimental mobile navig…

…ation feat: new menu icons
ellite · Nov 1, 2024 · 28444ab · 28444ab
1 parent af49098
commit 28444ab
Show file tree

Hide file tree

Showing 15 changed files with 291 additions and 106 deletions.
diff --git a/endpoints/subscriptions/get.php b/endpoints/subscriptions/get.php
@@ -193,7 +193,7 @@
   }
 
   if (isset($print)) {
-    printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme, "../../", $settings['disabledToBottom']);
+    printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme, "../../", $settings['disabledToBottom'], $settings['mobileNavigation']);
   }
 
   if (count($subscriptions) == 0) {

diff --git a/images/siteicons/svg/mobile-menu/about.php 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>
diff --git a/images/siteicons/svg/mobile-menu/admin.php 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>
diff --git a/images/siteicons/svg/mobile-menu/clone.php b/images/siteicons/svg/mobile-menu/clone.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 10 0 C 6.699219 0 4 2.699219 4 6 C 4 9.300781 6.699219 12 10 12 C 13.300781 12 16 9.300781 16 6 C 16 2.699219 13.300781 0 10 0 Z M 40 0 C 36.699219 0 34 2.699219 34 6 C 34 9.300781 36.699219 12 40 12 C 43.300781 12 46 9.300781 46 6 C 46 2.699219 43.300781 0 40 0 Z M 10 2 C 12.222656 2 14 3.777344 14 6 C 14 8.222656 12.222656 10 10 10 C 7.777344 10 6 8.222656 6 6 C 6 3.777344 7.777344 2 10 2 Z M 40 2 C 42.222656 2 44 3.777344 44 6 C 44 8.222656 42.222656 10 40 10 C 37.777344 10 36 8.222656 36 6 C 36 3.777344 37.777344 2 40 2 Z M 6.09375 13 C 2.746094 13 0 15.746094 0 19.09375 L 0 32.8125 C 0 34.078125 1.042969 35 2.3125 35 L 4 35 L 4 47.6875 C 4 48.957031 5.042969 50 6.3125 50 L 13.8125 50 C 15.082031 50 16.09375 48.957031 16.09375 47.6875 L 16.09375 35 L 17.8125 35 C 19.082031 35 20.09375 33.957031 20.09375 32.6875 L 20.09375 29 C 20.097656 28.640625 19.910156 28.304688 19.597656 28.121094 C 19.285156 27.941406 18.902344 27.941406 18.589844 28.121094 C 18.277344 28.304688 18.089844 28.640625 18.09375 29 L 18.09375 32.6875 C 18.09375 32.816406 17.941406 33 17.8125 33 L 15.09375 33 C 14.542969 33 14.09375 33.449219 14.09375 34 L 14.09375 47.6875 C 14.09375 47.816406 13.941406 48 13.8125 48 L 6.3125 48 C 6.183594 48 6 47.816406 6 47.6875 L 6 34 C 6 33.449219 5.550781 33 5 33 L 2.3125 33 C 2.183594 33 2 32.746094 2 32.8125 L 2 19.09375 C 2 16.839844 3.839844 15 6.09375 15 L 13.90625 15 C 16.160156 15 18 16.839844 18 19.09375 L 18 21 C 17.996094 21.359375 18.183594 21.695313 18.496094 21.878906 C 18.808594 22.058594 19.191406 22.058594 19.503906 21.878906 C 19.816406 21.695313 20.003906 21.359375 20 21 L 20 19.09375 C 20 15.746094 17.253906 13 13.90625 13 Z M 36.09375 13 C 34.671875 13 33.347656 13.484375 32.28125 14.3125 C 31.945313 14.507813 31.75 14.882813 31.789063 15.269531 C 31.824219 15.660156 32.082031 15.992188 32.449219 16.121094 C 32.816406 16.25 33.226563 16.15625 33.5 15.875 C 34.234375 15.304688 35.117188 15 36.09375 15 L 44 15 C 46.253906 15 48.09375 16.839844 48.09375 19.09375 L 48.09375 32.6875 C 48.09375 32.816406 47.941406 33 47.8125 33 L 45.09375 33 C 44.542969 33 44.09375 33.449219 44.09375 34 L 44.09375 47.6875 C 44.09375 47.816406 43.941406 48 43.8125 48 L 36.3125 48 C 36.183594 48 36 47.816406 36 47.6875 L 36 34 C 36 33.449219 35.550781 33 35 33 L 32.3125 33 C 31.953125 32.996094 31.617188 33.183594 31.433594 33.496094 C 31.253906 33.808594 31.253906 34.191406 31.433594 34.503906 C 31.617188 34.816406 31.953125 35.003906 32.3125 35 L 34 35 L 34 47.6875 C 34 48.957031 35.042969 50 36.3125 50 L 43.8125 50 C 45.082031 50 46.09375 48.957031 46.09375 47.6875 L 46.09375 35 L 47.8125 35 C 49.082031 35 50.09375 33.957031 50.09375 32.6875 L 50.09375 19.09375 C 50.09375 15.746094 47.347656 13 44 13 Z M 27.90625 17.96875 C 27.863281 17.976563 27.820313 17.988281 27.78125 18 C 27.40625 18.066406 27.105469 18.339844 27 18.703125 C 26.894531 19.070313 27.003906 19.460938 27.28125 19.71875 L 31.5625 24 L 14 24 C 13.96875 24 13.9375 24 13.90625 24 C 13.355469 24.027344 12.925781 24.496094 12.953125 25.046875 C 12.980469 25.597656 13.449219 26.027344 14 26 L 31.5625 26 L 27.28125 30.28125 C 26.882813 30.679688 26.882813 31.320313 27.28125 31.71875 C 27.679688 32.117188 28.320313 32.117188 28.71875 31.71875 L 34.5625 25.84375 C 34.617188 25.808594 34.671875 25.765625 34.71875 25.71875 L 34.78125 25.625 C 34.804688 25.605469 34.824219 25.585938 34.84375 25.5625 L 35.40625 25 L 34.84375 24.4375 C 34.808594 24.382813 34.765625 24.328125 34.71875 24.28125 L 34.6875 24.28125 C 34.667969 24.257813 34.648438 24.238281 34.625 24.21875 L 28.71875 18.28125 C 28.511719 18.058594 28.210938 17.945313 27.90625 17.96875 Z"></path>
+</svg>
diff --git a/images/siteicons/svg/mobile-menu/delete.php b/images/siteicons/svg/mobile-menu/delete.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 21 2 C 19.354545 2 18 3.3545455 18 5 L 18 7 L 10 7 L 8 7 A 1.0001 1.0001 0 1 0 8 9 L 9 9 L 9 45 C 9 46.654 10.346 48 12 48 L 31.074219 48 C 30.523219 47.386 30.033187 46.718 29.617188 46 L 12 46 C 11.448 46 11 45.551 11 45 L 11 9 L 18.832031 9 A 1.0001 1.0001 0 0 0 19.158203 9 L 30.832031 9 A 1.0001 1.0001 0 0 0 31.158203 9 L 39 9 L 39 28.050781 C 39.331 28.023781 39.662 28 40 28 C 40.338 28 40.669 28.023781 41 28.050781 L 41 9 L 42 9 A 1.0001 1.0001 0 1 0 42 7 L 40 7 L 32 7 L 32 5 C 32 3.3545455 30.645455 2 29 2 L 21 2 z M 21 4 L 29 4 C 29.554545 4 30 4.4454545 30 5 L 30 7 L 20 7 L 20 5 C 20 4.4454545 20.445455 4 21 4 z M 18.984375 13.986328 A 1.0001 1.0001 0 0 0 18 15 L 18 40 A 1.0001 1.0001 0 1 0 20 40 L 20 15 A 1.0001 1.0001 0 0 0 18.984375 13.986328 z M 24.984375 13.986328 A 1.0001 1.0001 0 0 0 24 15 L 24 40 A 1.0001 1.0001 0 1 0 26 40 L 26 15 A 1.0001 1.0001 0 0 0 24.984375 13.986328 z M 31 14 C 30.447 14 30 14.448 30 15 L 30 33.371094 C 30.565 32.520094 31.242 31.753219 32 31.074219 L 32 15 C 32 14.448 31.553 14 31 14 z M 40 30 C 34.5 30 30 34.5 30 40 C 30 45.5 34.5 50 40 50 C 45.5 50 50 45.5 50 40 C 50 34.5 45.5 30 40 30 z M 40 32 C 44.4 32 48 35.6 48 40 C 48 44.4 44.4 48 40 48 C 35.6 48 32 44.4 32 40 C 32 35.6 35.6 32 40 32 z M 36.5 35.5 C 36.25 35.5 36.000781 35.600781 35.800781 35.800781 C 35.400781 36.200781 35.400781 36.799219 35.800781 37.199219 L 38.599609 40 L 35.800781 42.800781 C 35.400781 43.200781 35.400781 43.799219 35.800781 44.199219 C 36.200781 44.599219 36.799219 44.599219 37.199219 44.199219 L 40 41.400391 L 42.800781 44.199219 C 43.200781 44.599219 43.799219 44.599219 44.199219 44.199219 C 44.399219 43.999219 44.5 43.7 44.5 43.5 C 44.5 43.3 44.399219 43.000781 44.199219 42.800781 L 41.400391 40 L 44.199219 37.199219 C 44.399219 36.999219 44.5 36.7 44.5 36.5 C 44.5 36.3 44.399219 36.000781 44.199219 35.800781 C 43.799219 35.400781 43.200781 35.400781 42.800781 35.800781 L 40 38.599609 L 37.199219 35.800781 C 36.999219 35.600781 36.75 35.5 36.5 35.5 z"></path>
+</svg>
diff --git a/images/siteicons/svg/mobile-menu/edit.php b/images/siteicons/svg/mobile-menu/edit.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 44.34375 2 C 43.402344 2 42.433594 2.347656 41.71875 3.0625 L 40.375 4.4375 L 45.5625 9.625 C 45.558594 9.628906 46.9375 8.28125 46.9375 8.28125 C 48.371094 6.847656 48.371094 4.496094 46.9375 3.0625 C 46.21875 2.34375 45.285156 2 44.34375 2 Z M 38.75 5.9375 L 16.03125 28.65625 L 15.96875 28.96875 L 15.03125 33.8125 L 14.71875 35.28125 L 16.1875 34.96875 L 21.03125 34.03125 L 21.34375 33.96875 L 44.0625 11.25 L 42.625 9.84375 L 20.375 32.0625 L 17.9375 29.625 L 40.15625 7.375 Z M 3 10 C 2.445313 10 2 10.449219 2 11 L 2 47 C 2 47.550781 2.445313 48 3 48 L 39 48 C 39.554688 48 40 47.550781 40 47 L 40 18 L 38 20 L 38 46 L 4 46 L 4 12 L 30 12 L 32 10 Z"></path>
+</svg>
diff --git a/images/siteicons/svg/mobile-menu/logout.php 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>
diff --git a/includes/getsettings.php b/includes/getsettings.php
@@ -27,6 +27,7 @@
     $settings['hideDisabledSubscriptions'] = $settings['hide_disabled'] ? 'true': 'false';
     $settings['disabledToBottom'] = $settings['disabled_to_bottom'] ? 'true': 'false';
     $settings['showOriginalPrice'] = $settings['show_original_price'] ? 'true': 'false';
+    $settings['mobileNavigation'] = $settings['mobile_nav'] ? 'true': 'false';
 }
 
 $query = "SELECT * FROM custom_colors WHERE user_id = :userId";

diff --git a/includes/header.php b/includes/header.php
@@ -106,6 +106,7 @@ function hex2rgb($hex)
     window.update_theme_settings = "<?= $updateThemeSettings ?>";
     window.lang = "<?= $lang ?>";
     window.colorTheme = "<?= $colorTheme ?>";
+    window.mobileNavigation = "<?= $mobileNavigation !== "" ?>";
   </script>
   <style>
     <?= htmlspecialchars($customCss, ENT_QUOTES, 'UTF-8') ?>
@@ -165,25 +166,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
             }
             ?>