Merge pull request #39 from reatlat/update-posts

Update posts

package.json

@@ -93,8 +93,8 @@
     "stylelint": "^14.16.1",
     "stylelint-config-prettier": "^9.0.5",
     "tailwind-config-viewer": "^1.7.2",
-    "tailwindcss": "^3.3.3",
-    "tailwindcss-safe-area": "^0.3.0",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-safe-area": "^0.5.1",
     "uuid": "^9.0.0"
   }
 }

src/_includes/layouts/post.njk

@@ -8,6 +8,9 @@ layout: base.njk
 			<h1 class="order-2 mb-0">{{ title }}{%- if draft %} <small class="text-base">[draft]</small>{%- endif %}</h1>
 			<p class="post-metadata order-1 m-0 text-sm md:text-base">
 				<time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate("LLLL dd, yyyy") }}</time>
+        {%- if updated %}
+          <time datetime="{{ updated | htmlDateString }}"> &bull; updated {{ updated | readableDate("LLL dd, yyyy") }}</time>
+        {%- endif %}
 			</p>
 			{%- if tags|filterTagList|length %}
 				<div class="post-tags mt-4 flex gap-2 order-3 text-sm md:text-base">

src/_includes/partials/breadcrumbs.njk

@@ -1,7 +1,10 @@
 <div id="breadcrumbs" class="fixed left-0 -bottom-2 w-full font-mono font-semibold bg-terminal/80 text-white pt-2 pb-4">
 	<div class="container overflow-hidden whitespace-nowrap pb-safe truncate text-xs md:text-base">
-		<a class="!text-green-600 hidden md:inline" href="/">alex@zappa.dev</a><span class="hidden md:inline">:</span>
-		<a class="text-white hover:text-amber-300" href="/" title="Home">~<span class="text-white">&nbsp;/</span></a>
+		<a class="!text-green-600 hidden md:inline" href="/?utm_source=breadcrumbs_email">alex@zappa.dev</a><span class="hidden md:inline">:</span>
+		<a class="text-white hover:text-amber-300" href="/?utm_source=breadcrumbs_root" title="Home">
+      <span class="sr-only">Back to Home</span>
+      ~<span class="text-white">&nbsp;/</span>
+    </a>
 		{# Todo add breadcrumbs to files #}
 		{% if layout == 'post.njk' or permalink == '/blog/' or permalink|includes('/tags/') %}
 			<a class="text-white hover:text-amber-300"
@@ -14,11 +17,12 @@
 				<a class="text-white hover:text-amber-300"
 				   href="/tags/{{ tag | slugify }}/">{{ tag | slugify }}<span class="text-white">&nbsp;/</span></a>
 			{% endif %}
-		{% endif %}
-		{# {{ page.filePathStem }} #}
-		{% if layout == 'post.njk' %}
+		{% elif layout == 'post.njk' %}
 			<a class="text-white hover:text-amber-300"
 			   href="/blog/{{ title | slugify }}/">{{ title | titleSinPeriod }}<span class="text-white">&nbsp;/</span></a>
+		{% elif permalink != '/blog/' and layout != 'home.njk' %}
+      <a class="text-white hover:text-amber-300"
+         href="/{{ (page.filePathStem or '') | replace('/', '') }}/">{{ (title or '') | titleSinPeriod }}<span class="text-white">&nbsp;/</span></a>
 		{% endif %}
 		<span class="animate-blink">_</span>
 	</div>

src/_includes/partials/footer.njk

@@ -1,8 +1,9 @@
 <footer class="bg-zenith dark:bg-zenith-700 pb-12 [&_a:hover]:underline" aria-labelledby="footer-heading" x-ref="footer">
-	<div class="container pb-8 pt-16 sm:pt-24">
+  <h2 id="footer-heading" class="sr-only">Footer</h2>
+  <div class="container pb-8 pt-16 sm:pt-24">
 		<div class="grid sm:flex sm:justify-between gap-8">{# xl:grid xl:grid-cols-3 xl:gap-8 #}
 			<div class="space-y-8">
-				<p class="text-2xl sm:text-3xl font-bold mb-8 md:mb-4">Thanks for reading!</p>
+				<h3 class="text-2xl sm:text-3xl font-bold mb-8 md:mb-4">Thanks for reading!</h3>
 				<div class="flex flex-wrap gap-6 select-none">
 					<a href="/feed.json" class="text-xl !no-underline leading-5 font-medium" title="JSON Feed">
 						<span class="sr-only">JSON Feed</span>
@@ -43,7 +44,7 @@
 			<p>Last built on {{ build.timestamp.formatted }} (<a href="https://www.github.com/{{ build.issues.owner }}/{{ build.issues.repo }}/commit/{{ build.hash.full }}" rel="noreferrer noopener" >{{ build.hash.short }}</a>)</p>
 		</div>
 		<div class="border-t border-solid dark:border-zinc-700 pt-8 mt-8">
-			<p class="text-sm text-justify">
+			<p class="text-sm text-balance">
 				&copy;&nbsp;{% year %} <a href="/">Alex&nbsp;Zappa</a>. All&nbsp;Right&nbsp;Reserved. Except as otherwise noted, the content of this page is licensed under the <a href="https://creativecommons.org/licenses/by/4.0/" rel="noopener noreferrer">Creative Commons Attribution 4.0 License</a>, and code samples are licensed under the MIT License.{# TODO Learn more at /site/ #}
 			</p>
 		</div>

src/_includes/partials/scripts-head.njk

@@ -1,8 +1,6 @@
 {# color theme toggle #}
 <script>!function(t,e,m){t&&"light"===t&&(e.classList.remove("dark"),e.setAttribute("data-theme","light"),m.setAttribute("content","#ffffff"))}(localStorage.getItem("theme"),document.documentElement,document.querySelector('meta[name="theme-color"]'));</script>
 
-<script defer src="https://us.umami.is/script.js" data-website-id="657a44f2-6e6b-4c6e-9531-9bbfff64e441"></script>
-
 {%- if eleventy.env.runMode === "serve" -%}
   <link rel="stylesheet" href="/css/main.css">
 {%- else -%}

src/content/blog/2024/how-to-use-structured-data-schema-markup-in-hubspot-to-improve-seo/index.md

@@ -2,6 +2,7 @@
 title: "How to Use Structured Data (Schema Markup) in HubSpot to Improve SEO"
 desc: "How to use Structured Data, also referred to as Schema Markup, inside of HubSpot that is populated using HubL variables for use to improve SEO."
 date: 2024-01-07
+updated: 2024-02-17
 tags: [hubspot, seo, schema-markup, structured-data]
 ---
 
@@ -85,14 +86,14 @@ BlogPosting schema example:
   },
    "publisher": {
     "@type": "Organization",
-    "name": "{{site_settings.company_name or 'Company Name'}}",
+    "name": "{{site_settings.company_name or brand_settings.primaryLogo.name or 'Company Name'}}",
     "logo": {
       "@type": "ImageObject",
-      "url": "https://www.example.com/images/logo.png"
+      "url": "{{brand_settings.primaryLogo.src}}"
     }
   },
   "description": "{{content.meta_description|striptags|safe|truncate(160, True, '')}}",
-  "url": "{{content.absolute_url}}"
+  "url": "{{content.absolute_url or request.full_url}}"
 }
 {% endraw %}</script>
 ```
@@ -156,4 +157,9 @@ and enhance the user experience. Don't overlook the importance of schema markup
 your HubSpot templates today and reap the benefits of higher search rankings and increased website traffic. Stay ahead
 of the competition and make the most out of your HubSpot platform by leveraging the power of structured data.
 
+## Updated ({{updated|readableDate("LLL dd, yyyy")}})
+I just found out that HubSpot has released [Structured Data (Beta)](https://community.hubspot.com/t5/Releases-and-Updates/Now-live-Setting-to-apply-BlogPosting-JSON-LD-schema-to-blog/ba-p/645867) and it works really well.
+I'm still think homebrewed solution is better, but it's good to know that HubSpot is moving in the right direction.
+
+
 {% signature %}