From a3c2c55346f7c0c4c611da989d9b853bc205f406 Mon Sep 17 00:00:00 2001
From: Jan Michael Wallace <hello@janmichael.io>
Date: Thu, 12 Dec 2024 01:52:33 -0500
Subject: [PATCH] resolves html syntax issues

---
 _includes/footer.html          |   2 +-
 _includes/nav.html             |   2 +-
 _layouts/page.html             | 163 +++++++++++++++++++++++++--------
 favicons/browserconfig.xml     |   2 +-
 favicons/safari-pinned-tab.svg |   8 +-
 5 files changed, 134 insertions(+), 43 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 5b93d45..ecc8314 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,7 +1,7 @@
 <footer class="footer">
     <a class="a img logo-container small" href="{{ site.baseurl }}/" aria-label="Jan Michael Wallace II personal brand logo">
         <svg class="logo small" role="img" aria-labelledby="logo-title" width="114" height="113" viewBox="0 0 114 113" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <title id="logo-title">Jan Michael dot I O</title>
+            <title>Jan Michael dot I O</title>
             <g clip-path="url(#clip0_61_869)">
                 <rect x="31.5824" y="0.00012207" width="20.1817" height="112.552" rx="10.0909" fill="#007798"/>
                 <rect x="92.5104" y="0.00012207" width="20.5698" height="112.552" rx="10.2849" fill="#007798"/>
diff --git a/_includes/nav.html b/_includes/nav.html
index 22e36d1..b6a55d8 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -14,7 +14,7 @@
         </li>
         <li id="perspectives-tab" class="tab-container">
             <svg aria-hidden="true" class="sparkle" width="11" height="11" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M164.717 52.7096C163.197 51.6959 162.183 50.6823 162.183 48.655C162.183 47.1345 163.197 46.1209 164.717 45.1072L195.127 32.4366L207.29 2.53411C208.304 1.01365 209.318 0 210.838 0C212.865 0 213.879 1.01365 214.893 2.53411L227.563 32.4366L257.466 45.1072C258.986 46.1209 260 47.1345 260 48.655C260 50.6823 258.986 51.6959 257.466 52.7096L227.563 64.8733L214.893 95.2827C213.879 96.8031 212.865 97.8168 211.345 97.8168C209.318 97.8168 208.304 96.8031 207.29 95.2827L195.127 64.8733L164.717 52.7096ZM257.466 207.29C258.986 208.304 260 209.318 260 210.838C260 212.865 258.986 213.879 257.466 214.893L227.563 227.057L214.893 257.466C213.879 258.986 212.865 260 211.345 260C209.318 260 208.304 258.986 207.29 257.466L195.127 227.057L164.717 214.893C163.197 213.879 162.183 212.865 162.183 211.345C162.183 209.318 163.197 208.304 164.717 207.29L195.127 194.62L207.29 164.717C208.304 163.197 209.318 162.183 210.838 162.183C212.865 162.183 213.879 163.197 214.893 164.717L227.563 194.62L257.466 207.29ZM195.127 129.747C195.127 132.788 193.099 135.828 190.565 136.842L133.294 165.731L104.912 223.002C103.392 225.536 100.858 227.057 97.8168 227.057C94.269 227.057 91.7349 225.536 90.2144 223.002L61.8324 165.731L4.5614 136.842C2.02729 135.828 0 132.788 0 129.747C0 126.706 2.02729 123.665 4.5614 122.651L61.8324 93.7622L90.2144 36.9981C93.2554 31.423 101.871 31.423 104.912 36.9981L133.294 93.7622L190.565 122.651C193.099 123.665 194.62 126.706 195.127 129.747Z"/>
+                <path d="M164.717 52.7096C163.197 51.6959 162.183 50.6823 162.183 48.655C162.183 47.1345 163.197 46.1209 164.717 45.1072L195.127 32.4366L207.29 2.53411C208.304 1.01365 209.318 0 210.838 0C212.865 0 213.879 1.01365 214.893 2.53411L227.563 32.4366L257.466 45.1072C258.986 46.1209 260 47.1345 260 48.655C260 50.6823 258.986 51.6959 257.466 52.7096L227.563 64.8733L214.893 95.2827C213.879 96.8031 212.865 97.8168 211.345 97.8168C209.318 97.8168 208.304 96.8031 207.29 95.2827L195.127 64.8733L164.717 52.7096ZM257.466 207.29C258.986 208.304 260 209.318 260 210.838C260 212.865 258.986 213.879 257.466 214.893L227.563 227.057L214.893 257.466C213.879 258.986 212.865 260 211.345 260C209.318 260 208.304 258.986 207.29 257.466L195.127 227.057L164.717 214.893C163.197 213.879 162.183 212.865 162.183 211.345C162.183 209.318 163.197 208.304 164.717 207.29L195.127 194.62L207.29 164.717C208.304 163.197 209.318 162.183 210.838 162.183C212.865 162.183 213.879 163.197 214.893 164.717L227.563 194.62L257.466 207.29ZM195.127 129.747C195.127 132.788 193.099 135.828 190.565 136.842L133.294 165.731L104.912 223.002C103.392 225.536 100.858 227.057 97.8168 227.057C94.269 227.057 91.7349 225.536 90.2144 223.002L61.8324 165.731L4.5614 136.842C2.02729 135.828 0 132.788 0 129.747C0 126.706 2.02729 123.665 4.5614 122.651L61.8324 93.7622L90.2144 36.9981C93.2554 31.423 101.871 31.423 104.912 36.9981L133.294 93.7622L190.565 122.651C193.099 123.665 194.62 126.706 195.127 129.747Z">
             </svg>
             <a id="perspectives" class="a tab {% if page.url == '/perspectives/' %}active{% endif %}" href="{{ site.baseurl }}/perspectives/">Perspectives</a>
         </li>
diff --git a/_layouts/page.html b/_layouts/page.html
index fb6b5dc..f227297 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -3,6 +3,7 @@
 <head>
     <!-- META -->
     <!-- app info -->
+    <meta charset="UTF-8">
     <meta name="app-version" content="1.0.0">
     <meta name="release-date" content="2024-12-11">
     <meta name="release-description" content="Initial release - no project content, initial design, minimal functionality.">
@@ -22,9 +23,9 @@
     </title>
     <meta name="description" content="The portfolio of Jan Michael Wallace II. An inclusive, future-forward product design leader and technologist.">
     <meta name="robots" content="index, follow">
-    <link rel="sitemap" type="application/xml" title="Sitemap" href="{{ site.url }}{{ site.baseurl }}/sitemap.xml" />
-    <link rel="author" href="{{ site.url }}{{ site.baseurl }}/about/" />
-    <link rel="canonical" href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="{{ site.url }}{{ site.baseurl }}/sitemap.xml">
+    <link rel="author" href="{{ site.url }}{{ site.baseurl }}/about/">
+    <link rel="canonical" href="{{ site.url }}{{ site.baseurl }}{{ page.url }}">
 
     <!-- general social meta -->
     <meta property="og:locale" content="en_US">
@@ -58,7 +59,6 @@
         {% if page.url == '/about/' %}<meta name="threads:title" content="Jan Michael Wallace II – About">{% endif %}
     <meta name="threads:site" content="@jmwii1981">
     <meta name="threads:title" content="Jan Michael Wallace II">
-    <meta name="threads:card" content="summary_large_image">
     <meta name="threads:image" content="{{ site.url }}{{ site.baseurl }}/images/threads-og-image.jpg">
     <meta name="threads:description" content="An inclusive, future-forward product design leader and technologist.">
     <!-- TODO <meta name="threads:label1" content="Est. reading time"> -->
@@ -75,39 +75,130 @@
     <!-- "sitemap / breadcrumb" enhanced meta -->
     <script type="application/ld+json">
         {
-          "@context": "https://schema.org",
-          "@graph": [
-            {
-              "@type": "WebSite",
-              "@id": "http://janmichael.io/",
-              "url": "http://janmichael.io/",
-              "name": "Jan Michael Wallace II Portfolio",
-              "potentialAction": {
-                "@type": "SearchAction",
-                "target": "http://janmichael.io/?q={search_term_string}",
-                "query-input": "required name=search_term_string"
-              }
-            },
-            {
-              "@type": "WebPage",
-              "@id": "http://janmichael.io/",
-              "url": "http://janmichael.io/",
-              "name": "Portfolio",
-              "lastReviewed": "2024-12-12",
-              "breadcrumb": {
-                "@type": "BreadcrumbList",
-                "itemListElement": [
-                  {
-                    "@type": "ListItem",
-                    "position": 1,
-                    "name": "Home",
-                    "item": "http://janmichael.io/"
-                  }
-                ]
+            "@context": "https://schema.org",
+            "@graph": [
+              {
+                "@type": "WebSite",
+                "@id": "http://janmichael.io/",
+                "url": "http://janmichael.io/",
+                "name": "Jan Michael Wallace II Portfolio",
+                "potentialAction": {
+                  "@type": "SearchAction",
+                  "target": "http://janmichael.io/?q={search_term_string}",
+                  "query-input": "required name=search_term_string"
+                }
+              },
+              {
+                "@type": "WebPage",
+                "@id": "http://janmichael.io/",
+                "url": "http://janmichael.io/",
+                "name": "Portfolio",
+                "lastReviewed": "2024-12-12",
+                "breadcrumb": {
+                  "@type": "BreadcrumbList",
+                  "itemListElement": [
+                    {
+                      "@type": "ListItem",
+                      "position": 1,
+                      "name": "Home",
+                      "item": "http://janmichael.io/"
+                    }
+                  ]
+                }
+              },
+              {
+                "@type": "WebPage",
+                "@id": "http://janmichael.io/experience",
+                "url": "http://janmichael.io/experience",
+                "name": "Experience",
+                "breadcrumb": {
+                  "@type": "BreadcrumbList",
+                  "itemListElement": [
+                    {
+                      "@type": "ListItem",
+                      "position": 1,
+                      "name": "Home",
+                      "item": "http://janmichael.io/"
+                    },
+                    {
+                      "@type": "ListItem",
+                      "position": 2,
+                      "name": "Experience",
+                      "item": "http://janmichael.io/experience"
+                    }
+                  ]
+                }
+              },
+              {
+                "@type": "WebPage",
+                "@id": "http://janmichael.io/endorsements",
+                "url": "http://janmichael.io/endorsements",
+                "name": "Endorsements",
+                "breadcrumb": {
+                  "@type": "BreadcrumbList",
+                  "itemListElement": [
+                    {
+                      "@type": "ListItem",
+                      "position": 1,
+                      "name": "Home",
+                      "item": "http://janmichael.io/"
+                    },
+                    {
+                      "@type": "ListItem",
+                      "position": 2,
+                      "name": "Endorsements",
+                      "item": "http://janmichael.io/endorsements"
+                    }
+                  ]
+                }
+              },
+              {
+                "@type": "WebPage",
+                "@id": "http://janmichael.io/perspectives",
+                "url": "http://janmichael.io/perspectives",
+                "name": "Perspectives",
+                "breadcrumb": {
+                  "@type": "BreadcrumbList",
+                  "itemListElement": [
+                    {
+                      "@type": "ListItem",
+                      "position": 1,
+                      "name": "Home",
+                      "item": "http://janmichael.io/"
+                    },
+                    {
+                      "@type": "ListItem",
+                      "position": 2,
+                      "name": "Perspectives",
+                      "item": "http://janmichael.io/perspectives"
+                    }
+                  ]
+                }
+              },
+              {
+                "@type": "WebPage",
+                "@id": "http://janmichael.io/about",
+                "url": "http://janmichael.io/about",
+                "name": "About",
+                "breadcrumb": {
+                  "@type": "BreadcrumbList",
+                  "itemListElement": [
+                    {
+                      "@type": "ListItem",
+                      "position": 1,
+                      "name": "Home",
+                      "item": "http://janmichael.io/"
+                    },
+                    {
+                      "@type": "ListItem",
+                      "position": 2,
+                      "name": "About",
+                      "item": "http://janmichael.io/about"
+                    }
+                  ]
+                }
               }
-            },
-            <!-- Repeat for other pages -->
-          ]
+            ]
         }
     </script>
 
diff --git a/favicons/browserconfig.xml b/favicons/browserconfig.xml
index 937fedd..5410ba6 100644
--- a/favicons/browserconfig.xml
+++ b/favicons/browserconfig.xml
@@ -2,7 +2,7 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/favicons/mstile-150x150.png"/>
+            <square150x150logo src="/favicons/mstile-150x150.png">
             <TileColor>#010101</TileColor>
         </tile>
     </msapplication>
diff --git a/favicons/safari-pinned-tab.svg b/favicons/safari-pinned-tab.svg
index b68d61b..5b486c7 100644
--- a/favicons/safari-pinned-tab.svg
+++ b/favicons/safari-pinned-tab.svg
@@ -13,20 +13,20 @@ fill="#000000" stroke="none">
 0 -2843 1 -2921 19 -2994 29 -111 82 -204 163 -286 93 -93 194 -148 329 -179
 34 -7 180 -8 217 0 117 23 223 75 308 151 87 78 133 149 184 282 l22 57 2
 2945 c3 3105 4 2990 -39 3100 -58 148 -166 268 -308 340 -48 24 -170 57 -230
-62 -25 2 -73 0 -108 -4z"/>
+62 -25 2 -73 0 -108 -4z">
 <path d="M4395 6969 c-199 -18 -384 -141 -484 -322 -23 -41 -55 -129 -67 -187
 -4 -19 -8 -1342 -9 -2940 0 -2213 2 -2922 11 -2976 38 -222 192 -406 403 -479
 243 -85 504 -18 676 173 74 83 133 212 150 327 6 43 6 122 5 3545 0 1980 -2
-2324 -15 2376 -73 311 -352 512 -670 483z"/>
+2324 -15 2376 -73 311 -352 512 -670 483z">
 <path d="M6280 6969 c-286 -25 -530 -256 -568 -534 -3 -27 -6 -1359 -6 -2960
 l-1 -2910 24 -75 c28 -92 52 -139 104 -210 113 -154 304 -250 498 -250 46 -1
 95 2 109 5 14 2 34 7 45 9 53 11 144 49 192 81 143 95 235 222 279 386 16 60
 17 261 18 2949 1 1587 -2 2914 -6 2950 -21 211 -161 408 -354 499 -108 52
--214 71 -334 60z"/>
+-214 71 -334 60z">
 <path d="M579 3325 c-3 -2 -18 -6 -35 -9 -61 -11 -213 -79 -234 -105 -3 -4
 -20 -19 -39 -34 -83 -68 -182 -223 -192 -299 0 -4 -7 -28 -15 -54 -11 -38 -14
 -233 -14 -1130 0 -1177 -1 -1164 55 -1290 84 -189 267 -331 479 -370 66 -12
 186 -5 261 15 215 59 363 197 442 411 l28 75 0 1120 c0 616 -3 1138 -7 1160
--40 223 -209 415 -428 487 -47 15 -97 22 -181 24 -64 2 -118 2 -120 -1z"/>
+-40 223 -209 415 -428 487 -47 15 -97 22 -181 24 -64 2 -118 2 -120 -1z">
 </g>
 </svg>