From 3b397ef81f3b130c7aab4e40d2733a81492f860f Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Tue, 3 Jun 2025 21:44:36 +0200
Subject: [PATCH] Replace old link component with the new shortcode

---
 _config/shortcodes/link.js                       | 4 ++--
 src/_includes/partials/components/card.liquid    | 2 +-
 src/_includes/partials/components/socials.liquid | 4 ++--
 src/css/components/projects.css                  | 3 +++
 src/css/footer.css                               | 3 +++
 5 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/_config/shortcodes/link.js b/_config/shortcodes/link.js
index 589e66f..68d8682 100644
--- a/_config/shortcodes/link.js
+++ b/_config/shortcodes/link.js
@@ -1,3 +1,3 @@
-export default (content, url, target = "_blank", attr = "", title = "") => {
-  return `<a href="${url}" target="${target}" ${attr} title="${title}" class="button">${content}</a>`
+export default (content, url, target = "_blank", attr = "") => {
+  return `<a href="${url}" target="${target}" ${attr} class="button">${content}</a>`
 }
\ No newline at end of file
diff --git a/src/_includes/partials/components/card.liquid b/src/_includes/partials/components/card.liquid
index 5877b36..a9a4db2 100644
--- a/src/_includes/partials/components/card.liquid
+++ b/src/_includes/partials/components/card.liquid
@@ -4,7 +4,7 @@
       <span></span>
       <div class="links">
         {%- for link in links -%}
-          {% render 'partials/components/link', icon: link.icon, showLabel: false, label: link.title, href: link.link, class: classes, target: "_blank" %}
+          {% link link.link, "_blank", "data-ghost-button" %}{% icon link.icon %} <span class="sr-only">{{ social.title }}</span>{% endlink %}
         {%- endfor -%}
       </div>
     </div>
diff --git a/src/_includes/partials/components/socials.liquid b/src/_includes/partials/components/socials.liquid
index 6809534..16c33b7 100644
--- a/src/_includes/partials/components/socials.liquid
+++ b/src/_includes/partials/components/socials.liquid
@@ -2,13 +2,13 @@
   {% if socials %}
     {% for social in socials %}
       <li>
-        {% render 'partials/components/link', icon: social.icon, showLabel: showLabel, label: social.title, href: social.link, class: "button", attr: "data-ghost-button", target: "_blank" %}
+        {% link social.link, "_blank", "data-ghost-button" %}{% icon social.icon %} <span class="sr-only">{{social.title}}</span>{% endlink %}
       </li>
     {% endfor %}
     {% if mail %}
       <li>
         {% capture href %}mailto:{{ mail }}{% endcapture %}
-        {% render 'partials/components/link', icon: "mail", showLabel: showLabel, label: "Contactez moi", href: href, class: "button", attr: "data-ghost-button", target: "_blank" %}
+        {% link href, "_blank", "data-ghost-button" %}{% icon "mail" %} <span class="sr-only">Me contacter</span>{% endlink %}
       </li>
     {% endif %}
   {% endif %}
diff --git a/src/css/components/projects.css b/src/css/components/projects.css
index 4954ba2..bee9b16 100644
--- a/src/css/components/projects.css
+++ b/src/css/components/projects.css
@@ -7,6 +7,9 @@
   border-radius: var(--border-radius);
   overflow: hidden;
 }
+.project-grid .button {
+  --button-padding: .2em;
+}
 .card {
   --background: linear-gradient(45deg, var(--color-neutral-100) 30%, var(--color-neutral-300) 100%);
   z-index: 1;
diff --git a/src/css/footer.css b/src/css/footer.css
index dc9d48e..203943d 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -16,4 +16,7 @@ footer .socials-list {
   --item-gap: 0.2ch;
   --item-separator: "";
   margin: 0;
+}
+footer .button.button {
+  --button-padding: .2em;
 }
\ No newline at end of file