fix landing page

index.html

@@ -2,52 +2,11 @@
 <html lang='en'>
 
 <head>
-  <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." />
+  <title>Braeden Sowinski</title>
+  <meta name='description' content="Braeden Sowinski's portfolio" />
   <meta name='author' content="Braeden Sowinski" />
-  <meta name='keywords' content="Braeden Sowinski, software engineer, backend systems, APIs, BCIT, portfolio" />
+  <meta name='keywords' content="Braeden Sowinski, software engineer, systems programming, 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/'>
-  <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'>
-  <script type='application/ld+json'>
-    {
-      "@context": "https://schema.org",
-      "@type": "Person",
-      "name": "Braeden Sowinski",
-      "url": "https://sowinski.dev/",
-      "image": "https://avatars.githubusercontent.com/u/48144618?v=4",
-      "jobTitle": "Software Engineer",
-      "description": "Software engineer and BCIT CST student focused on backend systems, APIs, data-driven software, and practical technical problem solving.",
-      "alumniOf": {
-        "@type": "CollegeOrUniversity",
-        "name": "British Columbia Institute of Technology"
-      },
-      "sameAs": [
-        "https://github.com/SowinskiBraeden",
-        "https://www.linkedin.com/in/SowinskiBraeden"
-      ],
-      "knowsAbout": [
-        "Backend systems",
-        "APIs",
-        "Data-driven software",
-        "System administration",
-        "Software engineering"
-      ]
-    }
-  </script>
 
   <link rel="stylesheet" href="./public/css/style.css">
 </head>
@@ -115,14 +74,13 @@
     <div class="hero-shell">
       <div class="hero-shell__shine"></div>
       <img src="https://avatars.githubusercontent.com/u/48144618" class="profile" alt="Braeden Sowinski profile photo">
-      <div class="hero-nameplate">
-        <div id="main-wrapper" class="svg-wrapper" aria-hidden="true">
-          <svg height="60" width="320" xmlns="http://www.w3.org/2000/svg">
-            <rect x="0" y="0" class="shape" height="60" width="320" />
-          </svg>
-        </div>
-        <h1 class="name">Braeden Sowinski</h1>
+      <div id="main-wrapper" class="svg-wrapper">
+        <svg height="60" width="320" xmlns="http://www.w3.org/2000/svg">
+          <rect x="0" y="0" class="shape" height="60" width="320" />
+          <h2 style="margin-top: 16pt;" class="name">Braeden Sowinski</h2>
+        </svg>
       </div>
+      <h2 style="margin-top: 2pt;" class="mobile-name">Braeden Sowinski</h2>
 
       <p class="des hero-description">
         Software Engineer & Systems Admin | CST Student @ BCIT
@@ -133,8 +91,8 @@
 
       <div class="hero-badges">
         <span class="badge">BCIT CST Diploma</span>
-        <span class="badge">C4A President</span>
-        <span class="badge">Hackathon Podium Finisher</span>
+        <span class="badge">Backend Systems</span>
+        <span class="badge">3rd Place · Red Team Hackathon</span>
       </div>
 
       <div class="hero-actions">
@@ -151,7 +109,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