fix spelling + linking & add SEO optimizations

projects.html

@@ -2,11 +2,26 @@
 <html lang='en'>
 
 <head>
-  <title>Braeden Sowinski</title>
-  <meta name='description' content="Braeden Sowinski's portfolio" />
+  <title>Projects and Updates | Braeden Sowinski</title>
+  <meta charset='utf-8'>
+  <meta name='description' content="Browse selected software projects, technical writeups, and recent updates from Braeden Sowinski, including backend systems, APIs, and student leadership milestones." />
   <meta name='author' content="Braeden Sowinski" />
-  <meta name='keywords' content="Braeden Sowinski, projects, portfolio, software engineer" />
+  <meta name='keywords' content="Braeden Sowinski, projects, updates, portfolio, software engineer, BCIT" />
   <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/projects.html'>
+  <meta property='og:type' content='website'>
+  <meta property='og:title' content='Projects and Updates | Braeden Sowinski'>
+  <meta property='og:description' content='Browse selected software projects, technical writeups, and recent updates from Braeden Sowinski.'>
+  <meta property='og:url' content='https://sowinski.dev/projects.html'>
+  <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='Projects and Updates | Braeden Sowinski'>
+  <meta name='twitter:description' content='Browse selected software projects, technical writeups, and recent updates from Braeden Sowinski.'>
+  <meta name='twitter:image' content='https://avatars.githubusercontent.com/u/48144618?v=4'>
 
   <link rel="stylesheet" href="./public/css/style.css">
   <link rel="stylesheet" href="./public/css/projects.css">
@@ -76,7 +91,7 @@
       <p class="eyebrow">Projects & Updates</p>
       <h1>Selected work, recent milestones, and technical writeups.</h1>
       <p class="projects-intro">
-          View some of the work I am proud of, and some recent acheivements of mine :)
+          View selected projects, technical writeups, and recent updates.
       </p>
     </section>
 
@@ -86,7 +101,7 @@
           <p class="eyebrow">Portfolio</p>
           <h2>Selected Projects</h2>
         </div>
-        <a class="section-link" href="https://github.com/SowinskiBraeden" target="_blank" rel="noopener noreferrer">View Github</a>
+        <a class="section-link" href="https://github.com/SowinskiBraeden" target="_blank" rel="noopener noreferrer">View GitHub</a>
       </div>
       <div id="projects-grid" class="content-grid">
         <p class="loading-state">Loading projects...</p>
@@ -121,7 +136,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