feat: update meta descriptions for SEO and add favicon

Author: devshafi

assets/favicon.svg

@@ -4,23 +4,24 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Fozle Rabbi Shafi | AI & Cybersecurity Research Portfolio</title>
-  <meta name="description" content="Official portfolio of Fozle Rabbi Shafi, PhD student in Computing at Queen's University. Research in Generative AI, LLMs, agentic AI, and AI-driven cybersecurity.">
+  <meta name="description" content="PhD student in Computing at Queen&rsquo;s University, researching AI-driven cybersecurity for cyber-physical systems using generative AI and deep neural networks, with applications in autonomous vehicles.">
   <meta name="robots" content="index, follow, max-image-preview:large">
   <meta name="author" content="Fozle Rabbi Shafi">
   <meta name="keywords" content="Fozle Rabbi Shafi, Generative AI, LLM, Cybersecurity, Agentic AI, Queen's University, Researcher, Portfolio">
   <link rel="canonical" href="https://devshafi.github.io/">
 
   <meta property="og:type" content="website">
   <meta property="og:title" content="Fozle Rabbi Shafi | AI & Cybersecurity Research Portfolio">
-  <meta property="og:description" content="PhD student in Computing at Queen's University focused on Generative AI, LLMs, and AI-driven cybersecurity.">
+  <meta property="og:description" content="PhD student in Computing at Queen&rsquo;s University, researching AI-driven cybersecurity for cyber-physical systems using generative AI and deep neural networks, with applications in autonomous vehicles.">
   <meta property="og:url" content="https://devshafi.github.io/">
   <meta property="og:site_name" content="Fozle Rabbi Shafi Portfolio">
   <meta property="og:image" content="https://devshafi.github.io/assets/shafi_image.jpg">
 
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Fozle Rabbi Shafi | AI & Cybersecurity Research Portfolio">
-  <meta name="twitter:description" content="Portfolio and research profile of Fozle Rabbi Shafi.">
+  <meta name="twitter:description" content="PhD student in Computing at Queen&rsquo;s University, researching AI-driven cybersecurity for cyber-physical systems using generative AI and deep neural networks, with applications in autonomous vehicles.">
   <meta name="twitter:image" content="https://devshafi.github.io/assets/shafi_image.jpg">
+  <link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
 
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -70,7 +71,7 @@
 
   <header class="site-header">
     <div class="header-inner">
-      <a href="#home" class="brand">FRS</a>
+      <a href="#home" class="brand">Shafi</a>
       <nav class="nav" aria-label="Primary Navigation">
         <div class="nav-links">
           <a class="nav-link" href="#about">About</a>
@@ -104,8 +105,9 @@
           <p class="kicker">Cybersecurity Researcher | PhD Student</p>
           <h1>Fozle Rabbi Shafi</h1>
           <p class="hero-text">
-            PhD student in Computing at Queen's University, building practical AI systems across
-            generative AI, large language models, and AI-driven cybersecurity.
+            PhD student in Computing at Queen&rsquo;s University, researching AI-driven cybersecurity
+            for cyber-physical systems using generative AI and deep neural networks, with
+            applications in autonomous vehicles.
           </p>
           <div class="hero-tags">
             <span>Generative AI</span>
@@ -126,9 +128,9 @@ <h1>Fozle Rabbi Shafi</h1>
     <section id="about" class="section card reveal">
       <h2>About</h2>
       <p>
-        I am a PhD student in Computing at Queen's University specializing in AI-driven cybersecurity.
-        My research strengthens the security of cyber-physical systems using advanced AI, including
-        generative AI and deep neural networks, with autonomous vehicles as one key application area.
+        PhD student in Computing at Queen&rsquo;s University, researching AI-driven cybersecurity for
+        cyber-physical systems using generative AI and deep neural networks, with applications in
+        autonomous vehicles.
       </p>
       <p>
         Before starting my PhD, I completed my MSc in Computing at Queen's University after more than
@@ -326,6 +328,6 @@ <h2>Contact</h2>
     <p>© <span id="year"></span> Fozle Rabbi Shafi</p>
   </footer>
 
-  <script src="script.js?v=20260331-2"></script>
+  <script src="script.js?v=20260331-4"></script>
 </body>
 </html>

index.html

@@ -87,11 +87,12 @@ ul {
   text-decoration: none;
   font-family: "Space Grotesk", sans-serif;
   font-weight: 700;
-  letter-spacing: 0.1em;
+  letter-spacing: 0.02em;
+  font-size: 1rem;
   color: #0d1b2c;
   background: linear-gradient(120deg, rgba(255, 122, 24, 0.14), rgba(12, 157, 138, 0.14));
   border: 1px solid var(--stroke);
-  padding: 0.36rem 0.62rem;
+  padding: 0.38rem 0.72rem;
   border-radius: 10px;
 }