Merge branch 'main' of https://github.com/MacRimi/ProxMenux

README.md

@@ -1,30 +1,30 @@
 <div align="center">
     <img src="https://github.com/MacRimi/ProxMenux/blob/main/images/main.png" 
          alt="ProxMenu Logo" 
-         style="max-width: 100%; height: auto;" 
-         width="600" >
+         style="max-width: 100%; height: auto;" >
+        
 </div>
 
 <br />
 
 <div align="center" style="margin-top: 20px;">
     <a href="https://macrimi.github.io/ProxMenux/" target="_blank">
-        <img src="https://img.shields.io/badge/Website-proxmenux-blue?style=for-the-badge&logo=internet-explorer" alt="Website" />
+        <img src="https://img.shields.io/badge/Website-%23E64804?style=for-the-badge&logo=World-Wide-Web&logoColor=white" alt="Website" />
     </a>
     <a href="https://macrimi.github.io/ProxMenux/docs/introduction" target="_blank">
-        <img src="https://img.shields.io/badge/Docs-Documentation-blue?style=for-the-badge&logo=read-the-docs" alt="Documentation" />
+        <img src="https://img.shields.io/badge/Docs-%232A3A5D?style=for-the-badge&logo=read-the-docs&logoColor=white" alt="Docs" />
     </a>
     <a href="https://macrimi.github.io/ProxMenux/changelog" target="_blank">
-        <img src="https://img.shields.io/badge/Changelog-View%20Changes-blue?style=for-the-badge&logo=clockify" alt="Changelog" />
+        <img src="https://img.shields.io/badge/Changelog-%232A3A5D?style=for-the-badge&logo=git&logoColor=white" alt="Changelog" />
     </a>
     <a href="https://macrimi.github.io/ProxMenux/guides" target="_blank">
-        <img src="https://img.shields.io/badge/Guides-Guides-blue?style=for-the-badge&logo=bookstack" alt="Guides" />
+        <img src="https://img.shields.io/badge/Guides-%232A3A5D?style=for-the-badge&logo=bookstack&logoColor=white" alt="Guides" />
     </a>
 </div>
 
+
 <br />
 
-# ProxMenux An Interactive Menu for Proxmox VE Management
 
 **ProxMenux** is a management tool for **Proxmox VE** that simplifies system administration through an interactive menu, allowing you to execute commands and scripts with ease.
 

web/app/docs/post-install/basic-settings/page.tsx

@@ -240,7 +240,7 @@ export default function BasicSettingsPage() {
       </li>
 
       </ul>
-      <p className="text-lg mt-12 mb-2">All these utilities are installed automatically when you run this command:</p>
+      <p className="text-lg mt-12 mb-2">This option automatically installs these utilities by running this command:</p>
       <CopyableCode
         code={`
 # Update package lists

web/components/resources.tsx

@@ -7,25 +7,25 @@ const resources = [
   {
     icon: <Book className="h-6 w-6" />,
     title: "Documentation",
-    description: "Comprehensive guides to get you started",
+    description: "System description and user guides",
     link: "/docs/introduction",
   },
   {
     icon: <FileText className="h-6 w-6" />,
     title: "Changelog",
-    description: "Stay up to date with the latest changes",
+    description: "Information on the latest updates",
     link: "/changelog",
   },
   {
     icon: <GitBranch className="h-6 w-6" />,
     title: "Guides",
-    description: "Step-by-step tutorials for common tasks",
+    description: "Step-by-step tutorials and guides for common tasks",
     link: "/guides",
   },
   {
     icon: <Github className="h-6 w-6" />,
     title: "GitHub Repository",
-    description: "Explore the source code and contribute",
+    description: "Explore the source code.",
     link: "https://github.com/MacRimi/ProxMenux",
   },
 ]
@@ -36,13 +36,13 @@ export default function Resources() {
       <div className="container mx-auto px-4">
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
           {resources.map((resource, index) => (
-            <Link key={index} href={resource.link} className="block">
-              <div className="bg-gray-800 p-6 rounded-lg shadow-lg hover:bg-gray-700 transition-colors duration-200">
+            <Link key={index} href={resource.link} className="block h-full">
+              <div className="bg-gray-800 p-6 rounded-lg shadow-lg hover:bg-gray-700 transition-colors duration-200 h-full flex flex-col justify-between">
                 <div className="flex items-center mb-4">
                   {resource.icon}
                   <h3 className="text-xl font-semibold ml-2">{resource.title}</h3>
                 </div>
-                <p className="text-gray-400">{resource.description}</p>
+                <p className="text-gray-400 min-h-[48px]">{resource.description}</p>
               </div>
             </Link>
           ))}
@@ -51,4 +51,3 @@ export default function Resources() {
     </section>
   )
 }
-