fix spelling + linking & add SEO optimizations

index.html

@@ -2,11 +2,26 @@
 <html lang='en'>
 
 <head>
-  <title>Braeden Sowinski</title>
-  <meta name='description' content="Braeden Sowinski's portfolio" />
+  <title>Braeden Sowinski | Software Engineer</title>
+  <meta charset='utf-8'>
+  <meta name='description' content="Braeden Sowinski is a software engineer and BCIT CST student focused on backend systems, APIs, data-driven software, and practical technical problem solving." />
   <meta name='author' content="Braeden Sowinski" />
-  <meta name='keywords' content="Braeden Sowinski, software engineer, systems programming, BCIT" />
+  <meta name='keywords' content="Braeden Sowinski, software engineer, backend systems, APIs, BCIT, portfolio" />
   <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+  <meta name='robots' content='index, follow'>
+  <meta name='theme-color' content='#1d1e20'>
+  <link rel='canonical' href='https://sowinski.dev/'>
+  <meta property='og:type' content='website'>
+  <meta property='og:title' content='Braeden Sowinski | Software Engineer'>
+  <meta property='og:description' content='Software engineer and BCIT CST student focused on backend systems, APIs, data-driven software, and practical technical problem solving.'>
+  <meta property='og:url' content='https://sowinski.dev/'>
+  <meta property='og:site_name' content='Braeden Sowinski'>
+  <meta property='og:image' content='https://avatars.githubusercontent.com/u/48144618?v=4'>
+  <meta property='og:image:alt' content='Braeden Sowinski profile photo'>
+  <meta name='twitter:card' content='summary_large_image'>
+  <meta name='twitter:title' content='Braeden Sowinski | Software Engineer'>
+  <meta name='twitter:description' content='Software engineer and BCIT CST student focused on backend systems, APIs, data-driven software, and practical technical problem solving.'>
+  <meta name='twitter:image' content='https://avatars.githubusercontent.com/u/48144618?v=4'>
 
   <link rel="stylesheet" href="./public/css/style.css">
 </head>
@@ -92,7 +107,7 @@
       <div class="hero-badges">
         <span class="badge">BCIT CST Diploma</span>
         <span class="badge">C4A President</span>
-        <span class="badge">Hackathon Podium Finiher</span>
+        <span class="badge">Hackathon Podium Finisher</span>
       </div>
 
       <div class="hero-actions">
@@ -109,7 +124,7 @@
               d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" />
           </svg>
         </a>
-        <a class="icon" href="https://github.com/SowinskiBraeden" target="_blank" rel="noopener noreferrer me" title="Github">
+        <a class="icon" href="https://github.com/SowinskiBraeden" target="_blank" rel="noopener noreferrer me" title="GitHub">
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2"
             stroke-linecap="round" stroke-linejoin="round">
             <path