refactor: update card component styles and links, enhance license attribution

public/config/settings.json

@@ -4,20 +4,36 @@
         "link": "https://jose.miarma.net"
     },
     {
-        "title": "mpaste",
-        "link": "https://paste.miarma.net"
+        "title": "MiarmaGit",
+        "link": "https://git.miarma.net"
     },
     {
-        "title": "Docs",
-        "link": "https://docs.miarma.net"
+        "title": "MiarmaPaste",
+        "link": "https://paste.miarma.net"
     },
     {
         "title": "ETSIIMC",
         "link": "https://miarma.net/etsiimc"
     },
     {
-        "title": "MiarmaGit",
-        "link": "https://git.miarma.net"
+        "title": "Status",
+        "link": "https://status.miarma.net"
+    },
+    {
+        "title": "Panel",
+        "link": "https://Panel.miarma.net"
+    },
+    {
+        "title": "MiarmaDrive",
+        "link": "https://drive.miarma.net"
+    },
+    {
+        "title": "Multimedia",
+        "link": "https://cine.miarma.net"
+    },
+    {
+        "title": "Docs",
+        "link": "https://docs.miarma.net"
     },
     {
         "title": "Huertos Bellavista",

src/components/Card.jsx

@@ -19,17 +19,17 @@ export default function Card({ title, link }) {
     return (
         <div className={"col-md-6 col-lg-3"}>
             <div className={"card"}>
-                <div className={"card-body text-center"}>
-                    <img src={image} className={"card-img-top mb-2 border"}></img>
-                    <h5 className={"card-title"}>{title}</h5>
-                    <a
-                        href={link}
-                        className={"btn btn-primary"}
-                    >
+                <div className="card-header text-center bg-light">
+                    <h5 className={"card-title m-0"}>{title}</h5>
+                </div>
+                <div className={"card-body p-0 text-center"}>
+                    <img src={image} className={"card-img-top"} alt={title}></img>
+                </div>
+                <div className="card-footer p-0">
+                    <a href={link} className={"btn btn-primary w-100"}>
                         <FontAwesomeIcon icon={faArrowUpRightFromSquare} className={"me-2"} />
-                        Ir
+                        Link
                     </a>
-
                 </div>
             </div>
         </div>

src/components/License.jsx

@@ -6,7 +6,7 @@ const License = ({ work, workLink }) => {
   return (
     <>
       <a href={workLink} target="_blank" rel="noopener noreferrer">{work}</a> © {currentYear} by{' '}
-      <a href="https://gallardo.dev" target="_blank" rel="noopener noreferrer">Gallardo7761 (Jose)</a> is licensed under{' '}
+      <a href="https://jose.miarma.net" target="_blank" rel="noopener noreferrer">Gallardo7761 (Jose)</a> is licensed under{' '}
       <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" rel="noopener noreferrer">
         CC BY-NC-ND 4.0
       </a>

src/css/Card.css

@@ -17,15 +17,33 @@
 }
 
 .btn-primary {
-    background: #1e1e1e;
+    position: relative;
+    overflow: hidden;
+    background: var(--orange-dark) !important;
     border-radius: 0px;
     padding: 10px 20px;
     color: var(--text-light);
     font-weight: bold;
     border: none;
+    z-index: 1;
+}
+
+.btn-primary::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: var(--blue-dark) !important;
+    transition: left 0.5s ease; /* velocidad */
+    z-index: -1;
+}
+
+.btn-primary:hover::after {
+    left: 0;
 }
 
 .btn-primary:hover {
-    background: #3e3e3e;
-    color: var(--text-light)
-}
+    color: var(--text-light);
+}