Merge pull request #144 from interledger/chj/es-blog-list-fixes

fix: add ES blog navigation options

Author: ioana-chiorean

src/layouts/BlogLayout.astro

@@ -25,6 +25,11 @@ const rawHTMLString = `This article was originally published at <a href=${frontm
 					<a itemprop="item" href="/developers/blog" data-umami-event="Devs breadcrumb - Blog">
 					<span itemprop="name">Engineering Blog</span></a>
 					<meta itemprop="position" content="2" />
+					{frontmatter.lang &&
+						<span>|</span>
+						<a itemprop="item" href="/developers/blog/es" data-umami-event="Devs breadcrumb - ES blogs">
+						<span itemprop="name">Blog de Ingeniería</span></a>
+					}
 				</li>
 			</ol>
 			<h1>{frontmatter.title}</h1>
@@ -71,7 +76,6 @@ main {
   margin-inline-start: var(--space-3xs);
 }
 
-
 article {
 	--max-content-width: 960px;
 	flex: 1;

src/pages/blog/es.astro

@@ -20,6 +20,12 @@ console.log(typeof esEntries, esEntries.length, esEntries[0]?.data?.title);
 					<span itemprop="name">Developers Portal</span></a>
 					<meta itemprop="position" content="1" />
 				</li>
+				<li itemprop="itemListElement" itemscope
+						itemtype="https://schema.org/ListItem">
+					<a itemprop="item" href="/developers/blog" data-umami-event="Devs breadcrumb - Blog">
+					<span itemprop="name">Engineering Blog</span></a>
+					<meta itemprop="position" content="2" />
+				</li>
 			</ol>
 			<header>
 				<h1>Blog de Ingeniería</h1>
@@ -66,6 +72,12 @@ main {
 	text-decoration: none;
 }
 
+.breadcrumbs li:not(:first-child)::before {
+  content: '>';
+  display: inline-flex;
+  margin-inline-start: var(--space-3xs);
+}
+
 ol {
 	padding: 0;
 }