bilingual-jekyll-resume-theme 0.6.1 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2c4641a87c37aad6da209b62c6f3cc936f925b2e47ff80ca6c17494e0b9db45c
-  data.tar.gz: fea9464880a308585d899f9a9ff15a044b157376dc8009ddf4dbfc07b1e3c8aa
+  metadata.gz: bc4ee64a555f7e1df4e80b33d565d82142dd29f56b23204ad071fa1c970e2388
+  data.tar.gz: e7eb24a6509d3e10f7fd167fec77533483d8bb8e47b4c998ef6576e92291fc96
 SHA512:
-  metadata.gz: dbca31b2e6d18feb8ea2150969044d4d8aa97abb46db9be501fe4e50bee431521eabfd903adce3c80e23ed93cec7d474524910520011a8f459ec6779434cc463
-  data.tar.gz: ad95ce1f97fff81dc69b73c939ea74dd2df3c6916a98b33141173bc840241c83c6f5d72fb4acd1b8c35f0c6acf8703ebfdd7be8af67678205112cc91ed83034a
+  metadata.gz: c56b2e9e48c86c9da3d05f66767818277d4177eb0751c1b5906a0cf68299bf2f693e67e935bda825cb5137bf36c35e21a6ad14261994fb801a4e92be58788c97
+  data.tar.gz: 359e5532bf3e557bcbfeaf2d5ac40b767768dbda6af88400b67e8163c38adc27d5fe8e6c3ddd1290685bc1199c006f16225096e2b64c06bfe04a2337f1dbefba

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,72 @@ 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.8.0] - 2026-09-19
+
+### Added
+* Add global .sr-only utility class for accessible icons ([`f25fcb6`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/f25fcb618c399a54039b00cb56e1d09724592516))
+
+* Add error pages generator plugin and gem autoloading ([`9238b5a`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/9238b5ace273c9c64de5c90bbd8a19fe6ac5a27b))
+
+* Add .agents/ to ignore list ([`568b874`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/568b874c290ae1673fe6c3e44b97a4c0c8e0b553))
+
+* Add configurable avatar URL, bilingual alt text, and reusable include ([`a17cc60`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/a17cc603a3633bb5dc67589bcc01ce7ef886d88c))
+
+
+### Changed
+* Improve accessibility, icon contrast, mobile responsiveness, and RTL typography ([`add2625`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/add2625599027eb1f88ca6e1ec66c3bf2b334757))
+
+* Populate comprehensive bilingual example data across all sections ([`1555d41`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/1555d41efef50cd9010d4bf08223fb81060bc8f3))
+
+* Standardize recognition section toggle to plural with fallback ([`dccee09`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/dccee09c65e95a140281633342a09d58b236b888))
+
+* Modernize all guides and master sample configuration ([`08f8823`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/08f8823f91984891e55dff0dcc8488601c185aea))
+
+* Establish master feature roadmap and archive completed audit ([`f6d28a3`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/f6d28a354115fa6a0ce5e29250cd1b40be0c4dfd))
+
+* Establish AGENTS.md master manual and refactor pointers ([`24ecf7e`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/24ecf7e751eebff79ac9e805d7a7de8696c52b43))
+
+
+### Fixed
+* Render section detail bullets conditionally with proper spacing ([`e4564cc`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/e4564cc43b5e5cec31ed704918cddbc124ec76ca))
+
+* Enhance error layout usability, add sr-only styles, and maintain LTR/RTL parity ([`18a9b5b`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/18a9b5bbd18c52456a5a0dfd958d09187686a003))
+
+* Restore standalone profile layout and eliminate icon underline artifacts ([`5bed5dd`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/5bed5ddc9b59bbfcb820df7793c2098ee0762d69))
+
+* Resolve Liquid truthiness, unclosed tags, and Arabic date parsing ([`90a0750`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/90a075077c812bc56d31ac9622abdf2f3278dc98))
+
+## [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
@@ -163,6 +229,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 * Initial commit (New Theme Template) ([`00af662`](https://github.com/kmutahar/bilingual-jekyll-resume-theme/commit/00af6628dfec7aefe0ef7d7083bf98c9713a5ffd))
 
+[0.8.0]: https://github.com/kmutahar/bilingual-jekyll-resume-theme/compare/v0.7.0...v0.8.0
+[0.7.0]: https://github.com/kmutahar/bilingual-jekyll-resume-theme/compare/v0.6.1...v0.7.0
 [0.6.0]: https://github.com/kmutahar/bilingual-jekyll-resume-theme/compare/v0.5.2...v0.6.0
 [0.5.2]: https://github.com/kmutahar/bilingual-jekyll-resume-theme/compare/v0.5.1...v0.5.2
 [0.5.1]: https://github.com/kmutahar/bilingual-jekyll-resume-theme/compare/v0.5.0...v0.5.1

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/ar-date.html

@@ -1,4 +1,4 @@
-{% comment %}
+{%- comment -%}
   Arabic Date Formatter Include
   This include file formats a date in Arabic format by looking up the Arabic month name
   from the site data and formatting it according to the specified style.
@@ -10,32 +10,38 @@
   Parameters:
     - date: The date to format (required)
     - style: "MDY" for "Month Day, Year" format, or any other value for "Month Year" format (optional)
-{% endcomment %}
+{%- endcomment -%}
 
-{% comment %}
+{%- comment -%}
   Extract date components from the provided date using Jekyll date filters:
   - "%-m": Month as a number (1-12) without leading zeros
   - "%-d": Day as a number (1-31) without leading zeros
   - "%Y": Year as a 4-digit number
-{% endcomment %}
-{% assign m = include.date | date: "%-m" %}
-{% assign d = include.date | date: "%-d" %}
-{% assign y = include.date | date: "%Y" %}
+{%- endcomment -%}
+{%- if include.date and include.date != "" -%}
+  {%- assign m = include.date | date: "%-m" -%}
+  {%- assign d = include.date | date: "%-d" -%}
+  {%- assign y = include.date | date: "%Y" -%}
 
-{% comment %}
+{%- comment -%}
   Look up the Arabic month name from the site data file:
   - site.data.ar.months is a YAML file containing month names in Arabic
   - The month number (m) is used as the key to retrieve the corresponding Arabic month name
-{% endcomment %}
-{% assign month_name = site.data.ar.months[m] %}
+{%- endcomment -%}
+  {%- assign month_name = site.data.ar.months[m] -%}
 
-{% comment %}
+{%- comment -%}
   Format the date output based on the style parameter:
   - If style is "MDY": Output "Month Day, Year" (e.g., "يناير 15, 2024")
   - Otherwise: Output "Month Year" (e.g., "يناير 2024")
-{% endcomment %}
-{% if include.style == "MDY" %}
-  {{ month_name }} {{ d }}, {{ y }}
-{% else %}
-  {{ month_name }} {{ y }}
-{% endif %}
+{%- endcomment -%}
+  {%- if month_name -%}
+    {%- if include.style == "MDY" -%}
+      {{ month_name }} {{ d }}, {{ y }}
+    {%- else -%}
+      {{ month_name }} {{ y }}
+    {%- endif -%}
+  {%- else -%}
+    {{ include.date }}
+  {%- endif -%}
+{%- endif -%}

data/_includes/avatar.html

@@ -0,0 +1,50 @@
+{%- comment -%}
+Include: Reusable Avatar Component
+- Purpose: Render accessible, configurable profile picture.
+- Parameters:
+  - lang: Optional language code ('en' | 'ar'). Defaults to page.lang or site.lang or 'en'.
+  - link: Optional boolean to override link rendering.
+  - class: Optional extra CSS classes.
+{%- endcomment -%}
+
+{% assign current_lang = include.lang | default: page.lang | default: site.lang | default: 'en' %}
+
+{% assign avatar_raw = site.avatar_url | default: site.avatar | default: '/assets/images/Profile-min.jpg' %}
+{% if avatar_raw contains "://" %}
+  {% assign avatar_src = avatar_raw %}
+{% else %}
+  {% assign avatar_src = avatar_raw | relative_url %}
+{% endif %}
+
+{% if current_lang == 'ar' %}
+  {% capture name_ar %}{{ site.name_ar.first }}{% if site.name_ar.middle %} {{ site.name_ar.middle }}{% endif %}{% if site.name_ar.last %} {{ site.name_ar.last }}{% endif %}{% endcapture %}
+  {% assign name_ar = name_ar | strip %}
+  {% assign avatar_alt = site.avatar_alt_ar | default: site.avatar_alt | default: name_ar | default: 'الصورة الشخصية' %}
+  {% assign link_title = site.title | default: 'الصفحة الرئيسية' %}
+{% else %}
+  {% capture name_en %}{{ site.name.first }}{% if site.name.middle %} {{ site.name.middle }}{% endif %}{% if site.name.last %} {{ site.name.last }}{% endif %}{% endcapture %}
+  {% assign name_en = name_en | strip %}
+  {% assign avatar_alt = site.avatar_alt_en | default: site.avatar_alt | default: name_en | default: 'Profile photo' %}
+  {% assign link_title = site.title | default: 'Homepage' %}
+{% endif %}
+
+{% assign render_link = true %}
+{% if site.avatar_link == false or include.link == false %}
+  {% assign render_link = false %}
+{% endif %}
+
+{% if render_link %}
+  {% assign avatar_link_raw = site.avatar_link | default: '/' %}
+  {% if avatar_link_raw contains "://" %}
+    {% assign avatar_href = avatar_link_raw %}
+  {% else %}
+    {% assign avatar_href = avatar_link_raw | relative_url %}
+  {% endif %}
+  {% assign avatar_target = site.avatar_link_target | default: '_self' %}
+
+  <a href="{{ avatar_href }}" title="{{ link_title }}" class="avatar-link no-print"{% if avatar_target != '_self' %} target="{{ avatar_target }}" rel="noopener"{% endif %}>
+    <img src="{{ avatar_src }}" alt="{{ avatar_alt }}" class="avatar no-print{% if include.class %} {{ include.class }}{% endif %}" itemprop="image">
+  </a>
+{% else %}
+  <img src="{{ avatar_src }}" alt="{{ avatar_alt }}" class="avatar no-print{% if include.class %} {{ include.class }}{% endif %}" itemprop="image">
+{% 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/profile-head.html

@@ -0,0 +1,2 @@
+<!-- Profile Stylesheet -->
+<link rel="stylesheet" type="text/css" href="{{ 'assets/css/profile.css' | relative_url }}">

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 %}