Add LinkedIn integration and update SBOM blog post

Add LinkedIn post linking and styling to the blog layout

Minor tweaks to the blog author, image, and content, and replaced the first blog image from LinkedIn.

Fixes head partial for custom CSS handling.

Updates dependencies in package.json and package-lock.json.

Author: j28smith

marketing/assets/css/custom.css

@@ -0,0 +1,3 @@
+.linkedin-blue {
+    color: #0B65C2;
+}

marketing/content/blog/what_is_an_sbom_and_why_should_you_care.md

@@ -1,36 +1,32 @@
 +++
-author = "jsmith"
+author = "Jason Smith"
 title = "What is an SBOM & Why Should You Care? 🤔💡"
 date = "2025-04-20"
-description = ""
 tags = [
     "markdown",
     "css",
     "html",
 ]
+linkedin = "https://www.linkedin.com/posts/j28smith_cybersecurity-sbom-softwaresecurity-activity-7313193464173629444-8KfY"
 
-series = [""]
-aliases = [""]
-
-image = "img/thirdparty/1743601193385.jpeg"
+image = "img/thirdparty/ingredient-list-sbom.jpeg"
 +++
 
 Software today isn't built from scratch - it is assembled from open-source components, third-party libraries,
 and proprietary code. But do you really know what's inside the software you use or ship? 🔍💻
 
 That's where a Software Bill of Materials (SBOM) comes in. 📝
 
-An SBOM is like an ingredient list for software, showing all the components that make up an application.
-This transparency is crucial for:
+An SBOM is like an ingredient list for software, showing all the components that make up an application. This transparency is crucial for:
 
 🔐 Security - Quickly identifying vulnerabilities in software dependencies
+
 ✅ Compliance - Meeting regulatory requirements
-⚠️ Risk Management - Understanding the supply chain to prevent hidden risks
 
-While having an SBOM is a great start, it still isn't enough. The real challenge is securing it and
-ensuring it can be trusted. 🔒🔑
+⚠️ Risk Management - Understanding the supply chain to prevent hidden risks
 
-Is your organization using SBOMs? What challenges have you faced? Let’s discuss! 💬👇
+While having an SBOM is a great start, it still isn't enough. The real challenge is securing it and ensuring it can be trusted. 🔒🔑
 
+Is your organization using SBOMs? What challenges have you faced? Let's discuss! 💬👇
 
-#CyberSecurity #SBOM #SoftwareSecurity #SupplyChainSecurity #DigitalTrust #DataIntegrity
+#CyberSecurity #SBOM #SoftwareSecurity #SupplyChainSecurity #DigitalTrust #DataIntegrity

marketing/layouts/blog/single.html

@@ -14,10 +14,10 @@
     <div class="mx-3 col-span-3 lg:col-span-2 px-2">
         <h1 class="title text-5xl font-bold mb-3">{{.Title}}</h1>
         <section class="mb-4 text-lg">
-            <h4 id="date" class="flex flex-row items-center"><span class="icon-access_time text-2xl mr-2"></span>
-                {{ .Date.Format "2006/01/02" }} </h4>
+            <h4 id="date" class="flex flex-row items-center"><i class="fa-solid fa-calendar-day text-2xl mr-2"></i>
+                {{ .Date.Format "2006-01-02" }} </h4>
             {{ if .Params.author }}
-            <h4 class="flex flex-row items-center"><span class="icon-person text-2xl mr-2"></span>{{.Params.author}}
+            <h4 class="flex flex-row items-center"><span class="fa-solid fa-user text-2xl mr-2"></span>{{.Params.author}}
             </h4>
             {{ end }}
             {{ with .Params.categories }}
@@ -35,6 +35,15 @@ <h4 class="flex flex-row items-center"><span class="icon-person text-2xl mr-2"><
         <img class="my-4" src="{{ .Params.image | absURL }}">
         {{ end }}
         <div class="content prose md:prose-lg lg:prose-xl max-w-none py-1">{{.Content}}</div>
+        {{ with .Params.linkedin }}
+        <div class="bg-gray-200 rounded-md p-4 my-4 flex items-center">
+            <i class="fa-brands fa-linkedin text-2xl linkedin-blue mr-3"></i>
+            <span>
+                This post was originally published on LinkedIn. To join the conversation and leave a comment, please
+                <a href="{{ . }}" class="text-blue-700 underline">visit the original post here</a>.
+            </span>
+        </div>
+        {{ end }}
         <div class="share m-2 grid grid-cols-2 lg:grid-cols-3 gap-2">
             <a href="https://twitter.com/intent/tweet?url={{ .Permalink }}&text={{ .Title }}" target="_blank"
                 title="Post" class="share-button x">

marketing/layouts/partials/head.html

@@ -20,4 +20,10 @@
 <link rel="stylesheet" href='{{ "/css/swiper-bundle.min.css" | relURL }}'>
 {{ end }}
 <link href='{{ "/css/style.min.css" | relURL }}' rel="stylesheet" type="text/css">
-<link rel="stylesheet" href='{{ "/css/custom.css" | relURL }}'>
+{{ $custom := resources.Get "css/custom.css" | postCSS }}
+{{ if hugo.IsServer }}
+<link rel="stylesheet" href="{{ $custom.RelPermalink }}" />
+{{ else }}
+{{ $styles := $styles | minify | fingerprint | resources.PostProcess }}
+<link rel="stylesheet" href="{{ $custom.RelPermalink }}" />
+{{ end }}