update

Author: YousefMohamd

_includes/layouts/base.njk

@@ -13,15 +13,15 @@
     <!-- Open Graph Meta Tags -->
     <meta property="og:title" content="{{ title or metadata.title }}">
     <meta property="og:description" content="Explore the portfolio of Yousef Mohamed, showcasing expertise in Concept Art, Graphic Design, Animation, and more.">
-    <meta property="og:image" content="https://yousefmohamed.studio/img/optimized/logo-512x512.webp">
+    <meta property="og:image" content="https://yousefmohamed.studio/img/icons/logo-512x512.webp">
     <meta property="og:url" content="https://yousefmohamed.studio{{ page.url | url }}">
     <meta property="og:type" content="website">
 
     <!-- Twitter Card Meta Tags -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="{{ title or metadata.title }}">
     <meta name="twitter:description" content="Explore the portfolio of Yousef Mohamed, showcasing expertise in Concept Art, Graphic Design, Animation, and more.">
-    <meta name="twitter:image" content="https://yousefmohamed.studio/img/optimized/logo-512x512.webp">
+    <meta name="twitter:image" content="https://yousefmohamed.studio/img/icons/logo-512x512.webp">
 
     <!-- JSON-LD Structured Data -->
     <script type="application/ld+json">
@@ -39,18 +39,21 @@
       ],
       "jobTitle": "Environment & Prop Concept Artist",
       "description": "Multidisciplinary Visual Artist specializing in Concept Art, Graphic Design, 2D Animation, Editing, and VFX.",
-      "image": "https://yousefmohamed.studio/img/optimized/logo-512x512.webp"
+      "image": "https://yousefmohamed.studio/img/icons/logo-512x512.webp"
     }
     </script>
 
     <!-- Favicon and Apple Touch Icon -->
-    <link rel="icon" href="/img/optimized/favicon.ico" type="image/x-icon">
-    <link rel="apple-touch-icon" href="/img/optimized/logo-512x512.webp">
+    <link rel="icon" href="/img/icons/favicon.ico" type="image/x-icon">
+    <link rel="apple-touch-icon" href="/img/icons/logo-512x512.webp">
 
     <!-- Preload Fonts -->
     <link rel="preload" href="/fonts/Roboto-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="/fonts/Roboto-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
 
+    <!-- FontAwesome CDN for Contact & Social Icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
     <!-- Stylesheets -->
     <link rel="stylesheet" href="{{ '/css/modern.css' | url }}" media="print" onload="this.media='all'">
     <noscript><link rel="stylesheet" href="{{ '/css/modern.css' | url }}"></noscript>
@@ -100,19 +103,19 @@
         <div>
           <h4 class="footer-title">Contact Me</h4>
           <ul class="contact-list">
-            <li><i class="fa fa-envelope"></i> <a href="mailto:mohamedyou1357@gmail.com" aria-label="Send an email to Yousef Mohamed">mohamedyou1357@gmail.com</a></li>
-            <li><i class="fa fa-phone"></i> <a href="tel:+201154907557" aria-label="Call Yousef Mohamed">+20 1154907557</a></li>
-            <li><i class="fa fa-map-marker"></i> Cairo, Egypt</li>
+            <li><i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:mohamedyou1357@gmail.com" aria-label="Send an email to Yousef Mohamed">mohamedyou1357@gmail.com</a></li>
+            <li><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+201154907557" aria-label="Call Yousef Mohamed">+20 1154907557</a></li>
+            <li><i class="fa fa-map-marker" aria-hidden="true"></i> Cairo, Egypt</li>
           </ul>
         </div>
         <div>
           <h4 class="footer-title">Find Me Online</h4>
           <p class="social-icons">
-            <a href="https://www.linkedin.com/in/yousef-mohamed-2932a6251" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's LinkedIn profile"><i class="fa fa-linkedin"></i></a>
-            <a href="https://www.behance.net/yousefmohamed2004#" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's Behance profile"><i class="fa fa-behance"></i></a>
-            <a href="https://instagram.com/_yousefmohamad" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's Instagram profile"><i class="fa fa-instagram"></i></a>
-            <a href="https://vimeo.com/yousefmohamed2004" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's Vimeo profile"><i class="fa fa-vimeo"></i></a>
-            <a href="https://youtube.com/@Usif_mohamd2004" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's YouTube channel"><i class="fa fa-youtube-play"></i></a>
+            <a href="https://www.linkedin.com/in/yousef-mohamed-2932a6251" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's LinkedIn profile"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
+            <a href="https://www.behance.net/yousefmohamed2004#" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's Behance profile"><i class="fa fa-behance" aria-hidden="true"></i></a>
+            <a href="https://instagram.com/_yousefmohamad" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's Instagram profile"><i class="fa fa-instagram" aria-hidden="true"></i></a>
+            <a href="https://vimeo.com/yousefmohamed2004" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's Vimeo profile"><i class="fa fa-vimeo" aria-hidden="true"></i></a>
+            <a href="https://youtube.com/@Usif_mohamd2004" target="_blank" rel="noopener" aria-label="Visit Yousef Mohamed's YouTube channel"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
           </p>
         </div>
       </div>