Rework menu and add about page

ellite · Dec 8, 2023 · 8cc5fe8 · 8cc5fe8
1 parent f4da6b7
commit 8cc5fe8
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 53 deletions.
diff --git a/about.php b/about.php
@@ -0,0 +1,73 @@
+<?php
+    require_once 'includes/header.php';
+?>
+
+<section class="contain">
+
+    <section class="account-section">
+        <header>
+            <h2>About and Credits</h2>
+        </header>
+        <div class="credits-list">
+            <p>Wallos v1.1.0</p>
+            <p>License: 
+                <span>
+                    GPLv3
+                    <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank" title="Visit external url">
+                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                    </a>
+                </span>
+            </p>
+            <p>
+                Issues and Request: 
+                <span>
+                    GitHub
+                    <a href="https://github.com/ellite/Wallos/issues" target="_blank" title="Visit external url">
+                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                    </a>
+                </span>
+            </p>
+            <p>
+                The author: 
+                <span>
+                    https://henrique.pt
+                    <a href="https://henrique.pt/" target="_blank" title="Visit external url">
+                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                    </a>
+                </span>
+            </p>
+            <p>
+                Icons: 
+                <span>
+                    https://www.streamlinehq.com/freebies/plump-flat-free
+                    <a href="https://www.streamlinehq.com/freebies/plump-flat-free" target="_blank" title="Visit external url">
+                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                    </a>
+                </span>
+            </p>
+            <p>
+                Payment Icons: 
+                <span>
+                    https://www.figma.com/file/5IMW8JfoXfB5GRlPNdTyeg/Credit-Cards-and-Payment-Methods-Icons-(Community)
+                    <a href="https://www.figma.com/file/5IMW8JfoXfB5GRlPNdTyeg/Credit-Cards-and-Payment-Methods-Icons-(Community)" target="_blank" title="Visit external url">
+                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                    </a>
+                </span>
+            </p>
+            <p>
+                Chart.js: 
+                <span>
+                    https://www.chartjs.org/
+                    <a href="https://www.chartjs.org/" target="_blank" title="Visit external url">
+                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                    </a>
+                </span>
+            </p>
+        </div>
+    </section>
+
+</section>
+
+<?php
+    require_once 'includes/footer.php';
+?>
diff --git a/includes/header.php b/includes/header.php
@@ -49,8 +49,9 @@
             <span id="user"><?= $username ?></span>
           </button>
           <div class="dropdown-content">
-            <a href="settings.php"><i class="fa-solid fa-gear"></i>Settings</a>
             <a href="stats.php"><i class="fa-solid fa-chart-simple"></i>Stats</a>
+            <a href="settings.php"><i class="fa-solid fa-gear"></i>Settings</a>
+            <a href="about.php"><i class="fa-solid fa-info-circle"></i>About</a>
             <a href="logout.php"><i class="fa-solid fa-arrow-right-from-bracket"></i>Logout</a>
           </div>
         </div>

diff --git a/settings.php b/settings.php
@@ -515,58 +515,6 @@
         </div>
     </section>
 
-    <section class="account-section">
-        <header>
-            <h2>About and Credits</h2>
-        </header>
-        <div class="credits-list">
-            <p>Wallos v1.0</p>
-            <p>License: 
-                <span>
-                    GPLv3
-                    <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank" title="Visit external url">
-                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
-                    </a>
-                </span>
-            <p>
-                The author: 
-                <span>
-                    https://henrique.pt
-                    <a href="https://henrique.pt/" target="_blank" title="Visit external url">
-                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
-                    </a>
-                </span>
-            </p>
-            <p>
-                Icons: 
-                <span>
-                    https://www.streamlinehq.com/freebies/plump-flat-free
-                    <a href="https://www.streamlinehq.com/freebies/plump-flat-free" target="_blank" title="Visit external url">
-                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
-                    </a>
-                </span>
-            </p>
-            <p>
-                Payment Icons: 
-                <span>
-                    https://www.figma.com/file/5IMW8JfoXfB5GRlPNdTyeg/Credit-Cards-and-Payment-Methods-Icons-(Community)
-                    <a href="https://www.figma.com/file/5IMW8JfoXfB5GRlPNdTyeg/Credit-Cards-and-Payment-Methods-Icons-(Community)" target="_blank" title="Visit external url">
-                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
-                    </a>
-                </span>
-            </p>
-            <p>
-                Chart.js: 
-                <span>
-                    https://www.chartjs.org/
-                    <a href="https://www.chartjs.org/" target="_blank" title="Visit external url">
-                        <i class="fa-solid fa-arrow-up-right-from-square"></i>
-                    </a>
-                </span>
-            </p>
-        </div>
-    </section>
-
 </section>
 <script src="scripts/settings.js"></script>