bilingual-jekyll-resume-theme 0.6.1 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2c4641a87c37aad6da209b62c6f3cc936f925b2e47ff80ca6c17494e0b9db45c
-  data.tar.gz: fea9464880a308585d899f9a9ff15a044b157376dc8009ddf4dbfc07b1e3c8aa
+  metadata.gz: f2f374813b4f778e031ea8979e3f995f8fd800e511c65418a88fc524ca8db793
+  data.tar.gz: dddb715d231b8795b4dad38fe31c5ee066400460913768bd602440e4a7c5e0ad
 SHA512:
-  metadata.gz: dbca31b2e6d18feb8ea2150969044d4d8aa97abb46db9be501fe4e50bee431521eabfd903adce3c80e23ed93cec7d474524910520011a8f459ec6779434cc463
-  data.tar.gz: ad95ce1f97fff81dc69b73c939ea74dd2df3c6916a98b33141173bc840241c83c6f5d72fb4acd1b8c35f0c6acf8703ebfdd7be8af67678205112cc91ed83034a
+  metadata.gz: b8551515a7d57937c754ec17ec2f5dbc1d44eb2645aa1a449210f4004a17bc3f6a4595abd5a186a483a3e5399a3786cf4c8594ad9260bb4f7084051bcb265dba
+  data.tar.gz: 368308d395c16d9cab00ccfe36a1e2c8c18118d2727b0a7d8d668ed659b3d71a001f1c0da8ec41c83b3cb8701dc19f282275c3f1248949653f67043b003d02db

data/403.html

@@ -0,0 +1,6 @@
+---
+layout: error
+code: "403"
+title: "403 - Access Forbidden / الوصول محظور"
+permalink: /403.html
+---

data/404.html

@@ -0,0 +1,6 @@
+---
+layout: error
+code: "404"
+title: "404 - Page Not Found / الصفحة غير موجودة"
+permalink: /404.html
+---

data/500.html

@@ -0,0 +1,6 @@
+---
+layout: error
+code: "500"
+title: "500 - Internal Server Error / خطأ داخلي في الخادم"
+permalink: /500.html
+---

data/CHANGELOG.md

@@ -4,6 +4,37 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [0.7.0] - 2026-09-12
+
+### Added
+* Add bilingual error suite (404, 403, 500) and reusable layout ([`4eab127`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/4eab127d8cc3a4cedccca89943482fd3a067ee14))
+
+
+### Changed
+* Enhance README and DATA_GUIDE with dark mode, typography, and error page details ([`8284ee7`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/8284ee7c0ffe351b823ad8ea0854b8e6d6afecd5))
+
+* Implement universal dark mode and isolate profile layout styles ([`853a9ac`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/853a9ac1eaf11aadec62f198f6b7e9cdb2d3c209))
+
+* Update analytics configuration to support direct measurement ID for Google Analytics 4 ([`dff8c3d`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/dff8c3d3ce3bfebf2ebb37d3ada348ed1a603f3c))
+
+* Integrate Google Tag Manager analytics snippet into resume layouts ([`54f5c96`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/54f5c9676766c2ee04cd44a9b64b1a3472ca4d70))
+
+* Enhance contact information handling and improve schema markup in resume layouts ([`caf726c`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/caf726c557e8289c991b6cb15acc3cc54504867e))
+
+
+### Fixed
+* Upgrade Arabic font loading and isolate print social links ([`ca6898b`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/ca6898b883a5264dbee9088c849bfd6a00fdf079))
+
+* Scope global svg rules and add WCAG 2.1 AA accessible social links ([`d44dcb1`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/d44dcb15360ddd3c6e5eb42bc973564f882ee177))
+
+* Centralize modern favicon suite and resolve subdirectory 404s ([`943d565`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/943d5653d5cbfa5f6189b4975a74f2e981c6ceb1))
+
+* Add 'dir="ltr"' attribute to URLs for better text direction handling in resume sections ([`73da095`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/73da0959f2de2b7a6585d2c1c03fc59a4fa55f65))
+
+
+### Removed
+* Remove conflicting duplicate canonical tag from shared head ([`8f8b22b`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/8f8b22bfdea4e40371366db47bdddd98d412631a))
+
 ## [0.6.1] - 2026-08-21
 
 ### Changed

data/README.md

@@ -7,11 +7,14 @@ Inspired by and originally forked from [Joel Glovier’s resume template](https:
 
 ## Features
 
-- **Bilingual support**: Separate layouts for English (`resume-en.html`) and Arabic (`resume-ar.html`) with full RTL support
+- **Bilingual support**: Separate layouts for English (`resume-en.html`) and Arabic (`resume-ar.html`) with full RTL support and Cairo typography
+- **Dark mode**: System preference detection (`prefers-color-scheme`) with optional interactive toggle, `localStorage` persistence, and zero-FOUC inline script
 - **Data-driven architecture**: All resume content stored in YAML files, supporting multiple data paths and versioning
 - **12 resume sections**: Experience, Education, Certifications, Courses, Volunteering, Projects, Skills, Recognition, Associations, Languages, Links, Interests
-- **Print-friendly**: Optimized for PDF generation and printing
-- **SEO ready**: Built-in support for multilingual SEO, sitemap, and feed generation
+- **WCAG 2.1 AA Accessible**: Full screen reader and keyboard accessibility with `.sr-only` labels and declarative aria attributes
+- **Modern favicon suite**: High-resolution favicons (Apple touch icon, 32x32, 16x16, webmanifest) with subpath-safe URLs and `_config.yml` override support
+- **Print-friendly**: Optimized for PDF generation and printing with bidirectional text isolation (`dir="ltr"`) for URLs
+- **SEO ready**: Built-in support for multilingual SEO, standardized canonical tags via `jekyll-seo-tag`, sitemaps, and feeds
 - **Arabic month support**: Arabic date formatting included out of the box (`_data/ar/months.yml`)
 
 ## Quick Start

data/_data/error_pages.yml

@@ -0,0 +1,33 @@
+# Bilingual Error Page Definitions
+# bilingual-jekyll-resume-theme
+# Centralized English and Arabic content for HTTP error pages.
+
+labels:
+  home: "Home / الرئيسية"
+  resume_en: "Resume (EN)"
+  resume_ar: "السيرة الذاتية (عربي)"
+  reload: "Reload Page / إعادة تحميل الصفحة"
+
+"404":
+  title_en: "Page Not Found"
+  desc_en: "The page you are looking for might have been removed, had its name changed, or is temporarily unavailable."
+  title_ar: "الصفحة غير موجودة"
+  desc_ar: "ربما تمت إزالة الصفحة التي تبحث عنها، أو تم تغيير اسمها، أو أنها غير متوفرة مؤقتاً."
+
+"403":
+  title_en: "Access Forbidden"
+  desc_en: "You do not have permission to access the requested resource or directory."
+  title_ar: "الوصول محظور"
+  desc_ar: "ليس لديك الصلاحية اللازمة للوصول إلى هذا المورد أو الدليل المطلوب."
+
+"500":
+  title_en: "Internal Server Error"
+  desc_en: "The server encountered an unexpected condition that prevented it from fulfilling the request. Please try again later."
+  title_ar: "خطأ داخلي في الخادم"
+  desc_ar: "واجه الخادم ظرفاً غير متوقع منعه من إكمال الطلب. يرجى المحاولة مرة أخرى لاحقاً."
+
+"503":
+  title_en: "Service Unavailable"
+  desc_en: "The server is currently unable to handle the request due to maintenance or capacity overload."
+  title_ar: "الخدمة غير متوفرة مؤقتاً"
+  desc_ar: "الخادم غير قادر على معالجة الطلب حالياً بسبب الصيانة أو زيادة الحمل."

data/_includes/analytics-body.html

@@ -1,5 +1,4 @@
 {%- if site.analytics.gtm -%}
-
     <!-- Google Tag Manager (noscript) -->
     <noscript>
         <iframe
@@ -10,19 +9,4 @@
         </iframe>
     </noscript>
     <!-- End Google Tag Manager (noscript) -->
-
-{%- else  -%}
-
-    {%- if site.analytics.ga  -%}
-
-        {%- comment -%}
-        No Google Analytics gtag.js exists for body so this section will return a blank.
-        {%- endcomment -%}
-
-    {%- endif -%}
-
-{%- else  -%}
-
-    <!-- No Analytics Added -->
-
 {%- endif -%}

data/_includes/analytics-head.html

@@ -16,15 +16,21 @@
             f.parentNode.insertBefore(j, f);
         })(window, document, 'script', 'dataLayer', '{{ site.analytics.gtm }}');
     </script>
-
     <!-- End Google Tag Manager -->
 
 {%- else -%}
 
-    {%- if site.analytics.ga -%}
+    {%- assign ga_id = nil -%}
+    {%- if site.analytics.gtag and site.analytics.gtag != "" -%}
+        {%- assign ga_id = site.analytics.gtag -%}
+    {%- elsif site.analytics.ga and site.analytics.ga != true and site.analytics.ga != "" -%}
+        {%- assign ga_id = site.analytics.ga -%}
+    {%- endif -%}
+
+    {%- if ga_id -%}
 
         <!-- Global site tag (gtag.js) - Google Analytics -->
-        <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.gtag }}"></script>
+        <script async src="https://www.googletagmanager.com/gtag/js?id={{ ga_id }}"></script>
         <script>
             window.dataLayer = window.dataLayer || [];
 
@@ -33,7 +39,7 @@
             }
 
             gtag('js', new Date());
-            gtag('config', '{{ site.analytics.gtag }}');
+            gtag('config', '{{ ga_id }}');
         </script>
 
     {%- endif -%}

data/_includes/print-social-links.html

@@ -1,75 +1,79 @@
 <!-- and guess where these are defined? Yup, you guessed it: the _config.yml file -->
 {% if site.resume_print_social_links %}
+{% assign is_ar = false %}
+{% if page.layout == "resume-ar" or page.lang == "ar" or page.language == "ar" or layout.lang == "ar" %}
+    {% assign is_ar = true %}
+{% endif %}
 <ul>
 
     {% if site.social_links.github %}
         <!-- GitHub link -->
-        <li><strong>Github</strong>: {{ site.social_links.github }}</li>
+        <li><strong>{% if is_ar %}جيت هاب (GitHub){% else %}GitHub{% endif %}</strong>: <span dir="ltr">{{ site.social_links.github }}</span></li>
     {% endif %}
 
     {% if site.social_links.twitter %}
         <!-- Twitter link -->
-        <li><strong>Twitter</strong>: {{ site.social_links.twitter }}</li>
+        <li><strong>{% if is_ar %}إكس / تويتر (X / Twitter){% else %}X (Twitter){% endif %}</strong>: <span dir="ltr">{{ site.social_links.twitter }}</span></li>
     {% endif %}
 
     {% if site.social_links.medium %}
         <!-- Medium link -->
-        <li><strong>Medium</strong>: {{ site.social_links.medium }}</li>
+        <li><strong>{% if is_ar %}ميديام (Medium){% else %}Medium{% endif %}</strong>: <span dir="ltr">{{ site.social_links.medium }}</span></li>
     {% endif %}
 
     {% if site.social_links.dribbble %}
         <!-- Dribbble link -->
-        <li><strong>Dribbble</strong>: {{ site.social_links.dribbble }}</li>
+        <li><strong>{% if is_ar %}دريبل (Dribbble){% else %}Dribbble{% endif %}</strong>: <span dir="ltr">{{ site.social_links.dribbble }}</span></li>
     {% endif %}
 
     {% if site.social_links.facebook %}
         <!-- Facebook link -->
-        <li><strong>Facebook</strong>: {{ site.social_links.facebook }}</li>
+        <li><strong>{% if is_ar %}فيسبوك (Facebook){% else %}Facebook{% endif %}</strong>: <span dir="ltr">{{ site.social_links.facebook }}</span></li>
     {% endif %}
 
     {% if site.social_links.linkedin %}
         <!-- LinkedIn link -->
-        <li><strong>LinkedIn</strong>: {{ site.social_links.linkedin }}</li>
+        <li><strong>{% if is_ar %}لينكد إن (LinkedIn){% else %}LinkedIn{% endif %}</strong>: <span dir="ltr">{{ site.social_links.linkedin }}</span></li>
     {% endif %}
 
     {% if site.social_links.instagram %}
         <!-- Instagram link -->
-        <li><strong>Instagram</strong>: {{ site.social_links.instagram }}</li>
+        <li><strong>{% if is_ar %}إنستغرام (Instagram){% else %}Instagram{% endif %}</strong>: <span dir="ltr">{{ site.social_links.instagram }}</span></li>
     {% endif %}
 
     {% if site.social_links.website %}
         <!-- Website link -->
-        <li><strong>Website</strong>: {{ site.social_links.website }}</li>
+        <li><strong>{% if is_ar %}الموقع الشخصي (Website){% else %}Website{% endif %}</strong>: <span dir="ltr">{{ site.social_links.website }}</span></li>
     {% endif %}
 
     {% if site.social_links.whatsapp %}
         <!-- Whatsapp link -->
-        <li><strong>Whatsapp</strong>: {{ site.social_links.whatsapp }}</li>
+        <li><strong>{% if is_ar %}واتساب (WhatsApp){% else %}WhatsApp{% endif %}</strong>: <span dir="ltr">{{ site.social_links.whatsapp }}</span></li>
     {% endif %}
 
     {% if site.social_links.devto %}
         <!-- Devto link -->
-        <li><strong>Devto</strong>: {{ site.social_links.devto }}</li>
+        <li><strong>{% if is_ar %}ديف تو (Dev.to){% else %}Dev.to{% endif %}</strong>: <span dir="ltr">{{ site.social_links.devto }}</span></li>
     {% endif %}
 
     {% if site.social_links.flickr %}
         <!-- Flickr link -->
-        <li><strong>Flickr</strong>: {{ site.social_links.flickr }}</li>
+        <li><strong>{% if is_ar %}فليكر (Flickr){% else %}Flickr{% endif %}</strong>: <span dir="ltr">{{ site.social_links.flickr }}</span></li>
     {% endif %}
 
     {% if site.social_links.pinterest %}
         <!-- Pinterest link -->
-        <li><strong>Pinterest</strong>: {{ site.social_links.pinterest }}</li>
+        <li><strong>{% if is_ar %}بينتيريست (Pinterest){% else %}Pinterest{% endif %}</strong>: <span dir="ltr">{{ site.social_links.pinterest }}</span></li>
     {% endif %}
 
     {% if site.social_links.telegram %}
         <!-- Telegram link -->
-        <li><strong>Telegram</strong>: {{ site.social_links.telegram }}</li>
+        <li><strong>{% if is_ar %}تيليجرام (Telegram){% else %}Telegram{% endif %}</strong>: <span dir="ltr">{{ site.social_links.telegram }}</span></li>
     {% endif %}
 
     {% if site.social_links.youtube %}
         <!-- Youtube link -->
-        <li><strong>Youtube</strong>: {{ site.social_links.youtube }}</li>
+        <li><strong>{% if is_ar %}يوتيوب (YouTube){% else %}YouTube{% endif %}</strong>: <span dir="ltr">{{ site.social_links.youtube }}</span></li>
     {% endif %}
 
 </ul>

data/_includes/resume-head-ar.html

@@ -1,14 +1,14 @@
-{% if site.resume_theme == 'default' %}
-    <!-- Arabic-friendly font (Cairo) -->
-    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700;900&display=swap" rel="stylesheet">
+{% if site.font_ar_url %}
+    <!-- Custom Arabic Font Stylesheet -->
+    <link rel="stylesheet" href="{{ site.font_ar_url | relative_url }}">
+{% elsif site.disable_google_fonts != true and site.resume_theme != 'no-custom-fonts' %}
+    <!-- Arabic-friendly font (Cairo) with preconnect for performance -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap" rel="stylesheet">
 {% endif %}
 
 <link rel="stylesheet" type="text/css" href="{{ 'assets/css/cv-ar.css' | relative_url }}">
 
-<!-- favicons generated by favicon.io -->
-<link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/favicon/resume/apple-touch-icon.png' | relative_url }}">
-<link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/favicon/resume/favicon-32x32.png' | relative_url }}">
-<link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/favicon/resume/favicon-16x16.png' | relative_url }}">
-<link rel="manifest" href="{{ 'assets/favicon/resume/site.webmanifest' | relative_url }}">
 
 {% include hreflang.html %}

data/_includes/resume-head-en.html

@@ -4,10 +4,5 @@
 
 <link rel="stylesheet" type="text/css" href="{{ 'assets/css/cv.css' | relative_url }}">
 
-<!-- favicons generated by favicon.io -->
-<link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/favicon/resume/apple-touch-icon.png' | relative_url }}">
-<link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/favicon/resume/favicon-32x32.png' | relative_url }}">
-<link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/favicon/resume/favicon-16x16.png' | relative_url }}">
-<link rel="manifest" href="{{ 'assets/favicon/resume/site.webmanifest' | relative_url }}">
 
 {% include hreflang.html %}

data/_includes/resume-section-ar.html

@@ -99,7 +99,7 @@
                             <span class="resume-item-copy-license-cert-id">معرّف الاعتماد:
                             {% if certification.credential_url %}
                                 <a href="{{ certification.credential_url }}" target="_blank" rel="noopener nofollow noreferrer">{{ certification.credential_id }}</a>
-                                <span class="print-only-inline">&nbsp;({{ certification.credential_url }})</span>
+                                <span class="print-only-inline" dir="ltr">&nbsp;({{ certification.credential_url }})</span>
                             </span>
                             {% else %}
                                 {{ certification.credential_id }}
@@ -136,7 +136,7 @@
                         <p class="resume-item-copy">معرّف الاعتماد:
                             {% if course.credential_url %}
                                 <a href="{{ course.credential_url }}" target="_blank" rel="noopener nofollow noreferrer">{{ course.credential_id }}</a>
-                                <span class="print-only-inline">&nbsp;({{ course.credential_url }})</span>
+                                <span class="print-only-inline" dir="ltr">&nbsp;({{ course.credential_url }})</span>
                             {% else %}
                                 {{ course.credential_id }}
                             {% endif %}
@@ -210,7 +210,7 @@
                     </h3>
 
                     {% if project.url %}
-                        <span class="print-only-inline" style="display: inline;">&nbsp;{{ project.url }}</span>
+                        <span class="print-only-inline" dir="ltr" style="display: inline;">&nbsp;{{ project.url }}</span>
                     {% endif %}
 
                     <h4 class="resume-item-details" itemprop="description">{{ project.role }} &bull; {{ project.duration }}</h4>
@@ -281,7 +281,7 @@
                     </h3>
 
                     {% if association.url %}
-                        <span class="print-only-inline" style="display: inline;">&nbsp;{{ association.url }}</span>
+                        <span class="print-only-inline" dir="ltr" style="display: inline;">&nbsp;{{ association.url }}</span>
                     {% endif %}
 
                     <h4 class="resume-item-details" itemprop="description">{{ association.role }} &bull; {{ association.year }}</h4>
@@ -359,8 +359,8 @@
                 {% for link in resume_data.links %}
                     {% if link.active == true %}
                         <li>
-                            <a href={{ link.url }} target="_blank" rel="noopener nofollow noreferrer" itemprop="url">{{ link.description }}</a>
-                            <span class="print-only-inline">&nbsp;{{ link.url }}</span>
+                            <a href="{{ link.url }}" target="_blank" rel="noopener nofollow noreferrer" itemprop="url">{{ link.description }}</a>
+                            <span class="print-only-inline" dir="ltr">&nbsp;{{ link.url }}</span>
                         </li>
                     {% endif %}
                 {% endfor %}

data/_includes/resume-section-en.html

@@ -358,7 +358,7 @@
                 {% for link in resume_data.links %}
                     {% if link.active == true %}
                         <li>
-                            <a href={{ link.url }} target="_blank" rel="noopener nofollow noreferrer" itemprop="url">{{ link.description }}</a>
+                            <a href="{{ link.url }}" target="_blank" rel="noopener nofollow noreferrer" itemprop="url">{{ link.description }}</a>
                             <span class="print-only-inline">&nbsp;{{ link.url }}</span>
                         </li>
                     {% endif %}

data/_includes/shared-head.html

@@ -20,10 +20,14 @@
   })();
 </script>
 
-<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
-<link rel="icon" href="favicon.ico" type="image/x-icon">
-
-<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+<!-- Favicons -->
+{% assign favicon_path = site.favicon | default: 'assets/favicon/resume/favicon.ico' %}
+<link rel="shortcut icon" href="{{ favicon_path | relative_url }}" type="image/x-icon">
+<link rel="icon" href="{{ favicon_path | relative_url }}" type="image/x-icon">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ site.apple_touch_icon | default: 'assets/favicon/resume/apple-touch-icon.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ site.favicon_32 | default: 'assets/favicon/resume/favicon-32x32.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ site.favicon_16 | default: 'assets/favicon/resume/favicon-16x16.png' | relative_url }}">
+<link rel="manifest" href="{{ 'assets/favicon/resume/site.webmanifest' | relative_url }}">
 
 {% if page.noindex == true -%}
 <meta name="robots" content="noindex noarchive nosnippet noimageindex">

data/_includes/social-links.html

@@ -1,8 +1,9 @@
 {% if site.social_links.github %}
     <!-- GitHub link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.github }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.github }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer" aria-label="GitHub" title="GitHub">
             {% include vendors/lineicons-v5.0/github.svg %}
+            <span class="sr-only">GitHub</span>
         </a>
     </li>
 {% endif %}
@@ -11,8 +12,9 @@
 {% if site.social_links.linkedin %}
     <!-- LinkedIn link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.linkedin }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.linkedin }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer" aria-label="LinkedIn" title="LinkedIn">
             {% include vendors/lineicons-v5.0/linkedin.svg %}
+            <span class="sr-only">LinkedIn</span>
         </a>
     </li>
 {% endif %}
@@ -21,8 +23,9 @@
 {% if site.social_links.telegram %}
     <!-- Telegram link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.telegram }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.telegram }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer" aria-label="Telegram" title="Telegram">
             {% include vendors/lineicons-v5.0/telegram.svg %}
+            <span class="sr-only">Telegram</span>
         </a>
     </li>
 {% endif %}
@@ -31,8 +34,9 @@
 {% if site.social_links.twitter %}
     <!-- Twitter link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.twitter }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.twitter }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer" aria-label="X (Twitter)" title="X (Twitter)">
             {% include vendors/lineicons-v5.0/x.svg %}
+            <span class="sr-only">X (Twitter)</span>
         </a>
     </li>
 {% endif %}
@@ -41,8 +45,9 @@
 {% if site.social_links.medium %}
     <!-- Medium link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.medium }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.medium }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer" aria-label="Medium" title="Medium">
             {% include vendors/lineicons-v5.0/medium-alt.svg %}
+            <span class="sr-only">Medium</span>
         </a>
     </li>
 {% endif %}
@@ -51,8 +56,9 @@
 {% if site.social_links.dribbble %}
     <!-- Dribbble link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.dribbble }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.dribbble }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer" aria-label="Dribbble" title="Dribbble">
             {% include vendors/lineicons-v5.0/dribbble-symbol.svg %}
+            <span class="sr-only">Dribbble</span>
         </a>
     </li>
 {% endif %}
@@ -61,8 +67,9 @@
 {% if site.social_links.facebook %}
     <!-- Facebook link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.facebook }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.facebook }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer" aria-label="Facebook" title="Facebook">
             {% include vendors/lineicons-v5.0/facebook.svg %}
+            <span class="sr-only">Facebook</span>
         </a>
     </li>
 {% endif %}
@@ -71,8 +78,9 @@
 {% if site.social_links.instagram %}
     <!-- Instagram link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.instagram }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.instagram }}" class="icon-link" itemprop="sameAs" target="_blank" rel="noopener nofollow noreferrer" aria-label="Instagram" title="Instagram">
             {% include vendors/lineicons-v5.0/instagram.svg %}
+            <span class="sr-only">Instagram</span>
         </a>
     </li>
 {% endif %}
@@ -81,8 +89,9 @@
 {% if site.social_links.website %}
     <!-- Website link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.website }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.website }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer" aria-label="Website" title="Website">
             {% include vendors/lineicons-v5.0/globe-1.svg %}
+            <span class="sr-only">Website</span>
         </a>
     </li>
 {% endif %}
@@ -91,8 +100,9 @@
 {% if site.social_links.whatsapp %}
     <!-- Whatsapp link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.whatsapp }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.whatsapp }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer" aria-label="WhatsApp" title="WhatsApp">
             {% include vendors/lineicons-v5.0/whatsapp.svg %}
+            <span class="sr-only">WhatsApp</span>
         </a>
     </li>
 {% endif %}
@@ -101,8 +111,9 @@
 {% if site.social_links.devto %}
     <!-- Devto link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.devto }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.devto }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer" aria-label="Dev.to" title="Dev.to">
             {% include vendors/lineicons-v5.0/dev.svg %}
+            <span class="sr-only">Dev.to</span>
         </a>
     </li>
 {% endif %}
@@ -111,8 +122,9 @@
 {% if site.social_links.flickr %}
     <!-- Flickr link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.flickr }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.flickr }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer" aria-label="Flickr" title="Flickr">
             {% include vendors/lineicons-v5.0/flickr.svg %}
+            <span class="sr-only">Flickr</span>
         </a>
     </li>
 {% endif %}
@@ -121,8 +133,9 @@
 {% if site.social_links.pinterest %}
     <!-- Pinterest link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.pinterest }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.pinterest }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer" aria-label="Pinterest" title="Pinterest">
             {% include vendors/lineicons-v5.0/pinterest.svg %}
+            <span class="sr-only">Pinterest</span>
         </a>
     </li>
 {% endif %}
@@ -131,8 +144,9 @@
 {% if site.social_links.youtube %}
     <!-- Youtube link -->
     <li class="icon-link-item">
-        <a href="{{ site.social_links.youtube }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer">
+        <a href="{{ site.social_links.youtube }}" class="icon-link" itemprop="url" target="_blank" rel="noopener nofollow noreferrer" aria-label="YouTube" title="YouTube">
             {% include vendors/lineicons-v5.0/youtube.svg %}
+            <span class="sr-only">YouTube</span>
         </a>
     </li>
 {% endif %}

data/_includes/vendors/lineicons-v5.0/dev.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
 <path d="M7.84839 10.0841C7.67419 9.968 7.52903 9.90994 7.35484 9.90994H6.65806V14.0616H7.35484C7.52903 14.0616 7.67419 14.0325 7.84839 13.8874C8.02258 13.7712 8.05161 13.597 8.05161 13.3648V10.5486C8.05161 10.3745 7.99355 10.2003 7.84839 10.0841ZM19.2 3.0293H4.8C3.8129 3.0293 3 3.8422 3 4.8293V19.2583C3 20.1583 3.8129 20.9712 4.8 20.9712H19.2581C20.2452 20.9712 21 20.1874 21 19.2293V4.8293C20.971 3.8422 20.1871 3.0293 19.2 3.0293ZM9.2129 13.3938C9.2129 14.1777 8.71935 15.3099 7.29677 15.3099H5.43871V8.66155H7.35484C8.77742 8.66155 9.27097 9.79381 9.27097 10.5777L9.2129 13.3938ZM13.1903 9.88091H11.071V11.4196H12.3774V12.6099H11.071V14.1486H13.1903V15.339H10.6935C10.2581 15.339 9.88064 15.0196 9.82258 14.5551V9.50349C9.82258 9.068 10.1419 8.69058 10.6065 8.63252H13.1903V9.88091ZM17.371 14.439C16.8484 15.6583 15.8903 15.4261 15.4548 14.439L13.9161 8.63252H15.2516L16.4419 13.1906L17.6323 8.66155H18.9387L17.371 14.439Z" fill="#323544"/>
 </svg>

data/_includes/vendors/lineicons-v5.0/dribbble-symbol.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
 <path d="M11.9835 2C6.46282 2 2 6.46281 2 11.9835C2 17.5041 6.46282 22 11.9835 22C17.5041 22 22 17.5041 22 11.9835C22 6.46281 17.5041 2 11.9835 2ZM20.4793 12.281C18.5289 12.1488 16.4793 12.3471 14.4628 12.843C14.1653 12.0496 13.8678 11.2893 13.5372 10.5289C15.6198 9.83471 17.5703 8.80992 19.2562 7.58678C20.0496 8.87603 20.4793 10.3967 20.4793 12.0165C20.5124 12.0826 20.4793 12.1818 20.4793 12.281ZM18.3636 6.36364C16.7769 7.55372 14.8926 8.5124 12.876 9.1405C11.8182 7.02479 10.6281 5.23967 9.37191 3.85124C10.1984 3.58678 11.0579 3.45455 11.9835 3.45455C14.5289 3.4876 16.8099 4.61157 18.3636 6.36364ZM7.91736 4.5124C9.17356 5.7686 10.3636 7.4876 11.4215 9.57025C8.80992 10.1983 6.13224 10.2975 3.71901 9.86777C4.34711 7.55372 5.86778 5.63636 7.91736 4.5124ZM3.4876 11.3223C4.57851 11.5537 5.70249 11.6529 6.82645 11.6529C8.54546 11.6529 10.3306 11.4215 12.0827 10.9587C12.4132 11.6859 12.7438 12.4463 13.0083 13.2397C10.0992 14.1653 7.52067 15.6198 5.47108 17.5041C4.24793 15.9835 3.4876 14.0661 3.4876 11.9835C3.4876 11.7521 3.4876 11.5537 3.4876 11.3223ZM6.52893 18.5289C8.41323 16.8099 10.8265 15.4545 13.5041 14.6281C13.6033 14.9587 13.7025 15.2893 13.8017 15.5868C14.2314 17.0744 14.562 18.562 14.7934 19.9835C13.9008 20.281 12.9752 20.4793 11.9835 20.4793C9.90083 20.5124 8.01654 19.7521 6.52893 18.5289ZM16.2149 19.3554C15.9835 18 15.6529 16.5785 15.2562 15.157C15.157 14.8264 15.0579 14.5289 14.9587 14.1983C16.7438 13.7686 18.595 13.6033 20.3141 13.7025C19.8182 16.1488 18.2645 18.1653 16.2149 19.3554Z" fill="#323544"/>
 </svg>

data/_includes/vendors/lineicons-v5.0/facebook.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
 <path d="M12 2.53906C17.5229 2.53906 22 7.01621 22 12.5391C22 17.5304 18.3431 21.6674 13.5625 22.4176V15.4297H15.8926L16.3359 12.5391L13.5625 12.5387V10.6632C13.5625 10.657 13.5625 10.6509 13.5626 10.6447C13.5626 10.6354 13.5628 10.6262 13.5629 10.6169C13.578 9.84259 13.9742 9.10156 15.1921 9.10156H16.4531V6.64062C16.4531 6.64062 15.3087 6.44492 14.2146 6.44492C11.966 6.44492 10.4842 7.78652 10.4386 10.2193C10.4379 10.2578 10.4375 10.2965 10.4375 10.3355V12.5387H7.89844V15.4293L10.4375 15.4297V22.4172C5.65686 21.667 2 17.5304 2 12.5391C2 7.01621 6.47715 2.53906 12 2.53906Z" fill="#323544"/>
 </svg>

data/_includes/vendors/lineicons-v5.0/flickr.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
 <path d="M10.6452 12.0003C10.6452 14.3877 8.70992 16.323 6.32261 16.323C3.9353 16.323 2 14.3877 2 12.0003C2 9.61304 3.9353 7.67773 6.32261 7.67773C8.70992 7.67773 10.6452 9.61304 10.6452 12.0003Z" fill="#323544"/>
 <path d="M22 12.0003C22 14.3877 20.0647 16.323 17.6774 16.323C15.29 16.323 13.3548 14.3877 13.3548 12.0003C13.3548 9.61304 15.29 7.67773 17.6774 7.67773C20.0647 7.67773 22 9.61304 22 12.0003Z" fill="#323544"/>
 </svg>

data/_includes/vendors/lineicons-v5.0/github.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
 <path d="M12 2.24902C6.51613 2.24902 2 6.70064 2 12.249C2 16.6361 4.87097 20.3781 8.87097 21.7329C9.3871 21.8297 9.54839 21.5071 9.54839 21.2813C9.54839 21.0555 9.54839 20.4103 9.51613 19.5393C6.74194 20.1845 6.16129 18.1845 6.16129 18.1845C5.70968 17.0555 5.03226 16.7329 5.03226 16.7329C4.12903 16.0877 5.06452 16.0877 5.06452 16.0877C6.06452 16.12 6.6129 17.12 6.6129 17.12C7.48387 18.6684 8.96774 18.2168 9.51613 17.9264C9.6129 17.2813 9.87097 16.8297 10.1613 16.5716C7.96774 16.3458 5.6129 15.4748 5.6129 11.6684C5.6129 10.5716 6.03226 9.70064 6.64516 9.02322C6.54839 8.79741 6.19355 7.76515 6.74194 6.37806C6.74194 6.37806 7.6129 6.11999 9.51613 7.41031C10.3226 7.18451 11.1613 7.05548 12.0323 7.05548C12.9032 7.05548 13.7742 7.15225 14.5484 7.41031C16.4516 6.15225 17.2903 6.37806 17.2903 6.37806C17.8387 7.73289 17.5161 8.79741 17.3871 9.02322C18.0323 9.70064 18.4194 10.6039 18.4194 11.6684C18.4194 15.4748 16.0645 16.3458 13.871 16.5716C14.2258 16.8942 14.5484 17.5393 14.5484 18.4426C14.5484 19.7974 14.5161 20.8619 14.5161 21.1845C14.5161 21.4426 14.7097 21.7329 15.1935 21.6361C19.129 20.3135 22 16.6039 22 12.1845C21.9677 6.70064 17.4839 2.24902 12 2.24902Z" fill="#323544"/>
 </svg>

data/_includes/vendors/lineicons-v5.0/globe-1.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
 <path d="M2.00312 12.1255C2.07025 17.59 6.52083 22.0001 12.0014 22.0001C17.5238 22.0001 22.0005 17.5224 22.0005 12.0002C22.0005 6.49245 17.5473 2.02384 12.0449 2.00038C12.0304 2.00013 12.0158 2 12.0012 2C11.9866 2 11.972 2.00013 11.9574 2.00038C6.49755 2.02389 2.07089 6.42415 2.00314 11.8733C2.00106 11.9151 2 11.9572 2 11.9996C2 12.0418 2.00105 12.0838 2.00312 12.1255ZM8.97906 8.97712C9.91568 8.83117 10.9326 8.75032 11.9996 8.75032C13.0679 8.75032 14.086 8.83136 15.0235 8.97764C15.1696 9.91466 15.2505 10.932 15.2505 11.9996C15.2505 13.0671 15.1696 14.0845 15.0235 15.0216C14.086 15.1678 13.0679 15.2489 11.9996 15.2489C10.9326 15.2489 9.91569 15.168 8.97906 15.0221C8.83291 14.0849 8.75196 13.0674 8.75196 11.9996C8.75196 10.9319 8.83291 9.91428 8.97906 8.97712ZM7.419 9.29819C7.30981 10.1594 7.25196 11.0661 7.25196 11.9996C7.25196 12.9331 7.30981 13.8398 7.419 14.701C6.8082 14.5418 6.25021 14.3524 5.75696 14.1391C4.976 13.8015 4.39155 13.4187 4.01306 13.0318C3.66763 12.6787 3.52335 12.3559 3.50265 12.072C3.50245 12.0481 3.50235 12.0242 3.50235 12.0002C3.50235 11.9758 3.50245 11.9514 3.50266 11.927C3.5234 11.6432 3.66769 11.3204 4.01306 10.9674C4.39155 10.5805 4.976 10.1978 5.75696 9.86009C6.25021 9.64683 6.8082 9.45746 7.419 9.29819ZM9.30032 7.4171C9.45948 6.80704 9.64869 6.24969 9.86173 5.75696C10.1994 4.976 10.5821 4.39155 10.969 4.01306C11.3419 3.64827 11.6811 3.50781 11.9761 3.50032L12.0014 3.50028L12.0263 3.50032C12.3214 3.5078 12.6606 3.64825 13.0335 4.01306C13.4203 4.39155 13.8031 4.976 14.1407 5.75696C14.3538 6.24981 14.5431 6.8073 14.7023 7.41753C13.8407 7.30824 12.9336 7.25032 11.9996 7.25032C11.0669 7.25032 10.1609 7.30808 9.30032 7.4171ZM16.5836 9.29907C17.1931 9.45816 17.7499 9.64723 18.2422 9.86009C19.0232 10.1978 19.6077 10.5805 19.9862 10.9674C20.3613 11.3509 20.4992 11.6987 20.4992 11.9996C20.4992 12.3005 20.3613 12.6483 19.9862 13.0318C19.6077 13.4187 19.0232 13.8015 18.2422 14.1391C17.7499 14.352 17.1931 14.5411 16.5836 14.7001C16.6927 13.8392 16.7505 12.9328 16.7505 11.9996C16.7505 11.0664 16.6927 10.16 16.5836 9.29907ZM14.7023 16.5817C14.5431 17.1919 14.3538 17.7494 14.1407 18.2422C13.8031 19.0232 13.4203 19.6077 13.0335 19.9861C12.65 20.3613 12.3021 20.4992 12.0012 20.4992C11.7003 20.4992 11.3525 20.3613 10.969 19.9862C10.5821 19.6077 10.1994 19.0232 9.86173 18.2422C9.64869 17.7495 9.45948 17.1922 9.30032 16.5821C10.1609 16.6911 11.0669 16.7489 11.9996 16.7489C12.9336 16.7489 13.8407 16.691 14.7023 16.5817ZM7.69311 16.3082C7.89575 17.2403 8.16319 18.0934 8.48491 18.8375C8.66253 19.2484 8.85983 19.6332 9.07661 19.9833C6.73603 19.1253 4.87777 17.2671 4.01951 14.9265C4.36866 15.1424 4.75227 15.3389 5.16168 15.5159C5.90633 15.8379 6.76016 16.1055 7.69311 16.3082ZM16.3095 16.3074C17.2411 16.1048 18.0938 15.8375 18.8375 15.5159C19.2488 15.3381 19.634 15.1406 19.9844 14.9236C19.1265 17.2657 17.2675 19.1252 14.9258 19.9835C15.1426 19.6333 15.3399 19.2484 15.5176 18.8375C15.8394 18.0932 16.1069 17.2399 16.3095 16.3074ZM19.9838 9.07529C19.6336 8.85838 19.2485 8.66098 18.8375 8.48327C18.0938 8.16171 17.2411 7.89437 16.3095 7.69177C16.1069 6.75934 15.8394 5.90596 15.5176 5.16168C15.3402 4.75137 15.1431 4.36698 14.9267 4.01722C17.2675 4.87548 19.1258 6.7342 19.9838 9.07529ZM7.69311 7.69102C6.76016 7.89372 5.90632 8.16132 5.16168 8.48327C4.75248 8.66019 4.36906 8.85663 4.02005 9.0724C4.87844 6.73282 6.73604 4.87536 9.0757 4.01737C8.85927 4.3671 8.66228 4.75144 8.48491 5.16168C8.16319 5.90577 7.89575 6.75888 7.69311 7.69102Z" fill="#323544"/>
 </svg>