feat: add meta tags and favicon for improved SEO and branding

Fernando Tona · Fernando Tona · commit d2ffccf1d98b · 2025-09-30T00:12:37.000+01:00
diff --git a/assets/images/favicon.svg b/assets/images/favicon.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <style>
+    /* Light mode - use filled (dark) icon */
+    path { fill: #070F2B; }
+    
+    /* Dark mode - use light icon */
+    @media (prefers-color-scheme: dark) {
+      path { fill: white; }
+    }
+  </style>
+  
+  <!-- Terminal fill icon -->
+  <path d="M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm9.5 5.5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1m-6.354-.354a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2a.5.5 0 1 0-.708.708L4.793 6.5z"/>
+</svg>
diff --git a/index.html b/index.html
@@ -4,7 +4,19 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Fernando Tona - Software Developer specializing in .NET/C# and Azure. Problem-Solver with a Musician's Discipline.">
+    <meta name="author" content="Fernando Tona">
+    <meta name="keywords" content="Fernando Tona, Software Developer, .NET, C#, Azure, Developer Portfolio">
     <title>Fernando Tona - Developer</title>
+
+    <meta property="og:title" content="Fernando Tona - Developer">
+    <meta property="og:description" content="Software Developer | .NET/C# | Azure | Problem-Solver with a Musician's Discipline">
+    <meta property="og:image" content="https://fernandotonacoder.github.io/assets/images/fernando-tona-dev-pic.jpg">
+    <meta property="og:url" content="https://fernandotonacoder.github.io/">
+    <meta property="og:type" content="website">
+
+    <link rel="icon" type="image/svg+xml" href="./assets/images/favicon.svg">
+
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
     <link rel="stylesheet" href="./css/style.css">
