feat: update blog single template

15 files changed, 152 insertions, 14 deletions

diff --git a/archetypes/blog.md b/archetypes/blog.md
index b4ad21a..24c911b 100644
--- a/archetypes/blog.md
+++ b/archetypes/blog.md
@@ -1,11 +1,15 @@
 ---
 title: "{{ replace .Name "-" " " | title }}"
 description: ""
-lead: ""
+excerpt: ""
 date: {{ .Date }}
 lastmod: {{ .Date }}
 draft: true
 weight: 50
-images: ["{{ .Name | urlize }}.jpg"]
+images: []
+categories: []
+tags: []
 contributors: []
+pinned: false
+homepage: false
 ---
diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
index 4694fd5..91de923 100644
--- a/assets/scss/common/_dark.scss
+++ b/assets/scss/common/_dark.scss
@@ -570,3 +570,9 @@ $navbar-dark-active-color:          $link-color-dark;
 [data-dark-mode] details summary::before {
   content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28222, 226, 230, 0.75%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
 }
+
+[data-dark-mode] .btn-light {
+  color: $link-color-dark;
+  background: $body-overlay-dark;
+  border: 1px solid $body-overlay-dark;
+}
diff --git a/config/_default/config.toml b/config/_default/config.toml
index df71fa9..086f8b4 100644
--- a/config/_default/config.toml
+++ b/config/_default/config.toml
@@ -59,6 +59,8 @@ rel  = "sitemap"
 
 [taxonomies]
   contributor = "contributors"
+  category = "categories"
+  tag = "tags"
 
 [permalinks]
   blog = "/blog/:title/"
diff --git a/content/en/blog/say-hello-to-doks/index.md b/content/en/blog/say-hello-to-doks/index.md
index e9c3185..d86eb93 100644
--- a/content/en/blog/say-hello-to-doks/index.md
+++ b/content/en/blog/say-hello-to-doks/index.md
@@ -1,11 +1,15 @@
 ---
 title: "Say hello to Doks 👋"
 description: "Introducing Doks, a Hugo theme helping you build modern documentation websites that are secure, fast, and SEO-ready — by default."
-lead: "Introducing Doks, a Hugo theme helping you build modern documentation websites that are secure, fast, and SEO-ready — by default."
+excerpt: "Introducing Doks, a Hugo theme helping you build modern documentation websites that are secure, fast, and SEO-ready — by default."
 date: 2020-11-04T09:19:42+01:00
 lastmod: 2020-11-04T09:19:42+01:00
 draft: false
 weight: 50
 images: ["say-hello-to-doks.png"]
+categories: []
+tags: []
 contributors: ["Henk Verlinde"]
+pinned: false
+homepage: false
 ---
diff --git a/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/image003.png b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/image003.png
new file mode 100644
index 0000000..80e5c5d
--- /dev/null
+++ b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/image003.png
diff --git a/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/image003.webp b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/image003.webp
new file mode 100644
index 0000000..359a617
--- /dev/null
+++ b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/image003.webp
diff --git a/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/index.md b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/index.md
new file mode 100644
index 0000000..b13fece
--- /dev/null
+++ b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/index.md
@@ -0,0 +1,38 @@
+---
+title: "Security-as-code startup Jit comes out of stealth with $38.5M in seed funding"
+description: ""
+excerpt: "Jit today announced that it has raised a $38.5 million seed round led by boldstart ventures, with Insight Partners, Tiger Global, TeachAviv and a number of strategic angel investors also participating."
+date: 2022-06-24T12:14:59+02:00
+lastmod: 2022-06-24T12:14:59+02:00
+draft: false
+weight: 50
+images: ["security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding.jpg"]
+categories: ["Startups", "News"]
+tags: ["security", "CI/CD"]
+contributors: ["Henk Verlinde"]
+pinned: false
+homepage: false
+---
+
+[Jit](https://jit.io/), a startup that helps developers automate product security by codifying their security plans and workflows as code that can then be managed in a code repository like GitHub, today announced that it has raised a $38.5 million seed round led by [boldstart ventures](https://boldstart.vc/), with Insight Partners, Tiger Global, TeachAviv and a number of strategic angel investors also participating. The company was incubated by [FXP](https://www.fxp.com/), a Boston-Israel startup venture studio
+
+```python
+import subprocess
+output = subprocess.check_output(f"nslookup2 {domain}", shell=True, encoding='UTF-8')
+```
+
+With this announcement, Jit is also coming out of stealth and announcing the addition of former Puppet CTO and Cloud Foundry Foundation executive director [Abby Kearns](https://www.linkedin.com/in/abbykearns/) to its advisory board.
+
+“Cybersecurity leaders are adding more tools, faster than their teams are able to implement, tune and configure them — increasing risk spend,” said Jit CTO David Melamed. “Creating a security plan or program is too time-consuming for high-velocity dev and product teams. Jit streamlines technical security for engineering teams over compliance checkboxes all while reducing spend. We deliver the simplest approach to implementing DevSecOps where product security is built into the software from the start along with a way to continuously maintain it in a language developers understand — code.”
+
+![Jit](image003.png "Image Credits: Jit")
+
+The idea behind Jit is to offer what the company calls “minimal viable security” (MVS). Out of the box, the service offers developers MVS plans that have already codified a minimum [set of tools](https://www.jit.io/security-tools) and workflows that they’ll need to secure their apps and the infrastructure they run on.
+
+“Instead of having to research, configure, implement and do the work to integrate open source security tools into your stacks and CI/CD pipelines, the security research team at Jit has taken the time to curate and select the tools that will provide the first line of defense for your applications, without having to figure it out yourself,” the company explains.
+
+The company argues that its approach also means developers will only get alerts if there are important vulnerabilities they have to react to right away — and can then remediate them from inside their existing workflows. The tool will create automatic security reviews inside of pull requests or find AWS misconfigurations or issues with security controls for third-party services like npm-audit.
+
+With this, the service can also make it easier for businesses to start their gap analysis for a number of compliance programs like SOC2 or ISO 27001 by giving them a dashboard that lays out their current status.
+
+“With the rapid increase in the number of applications being developed and managed, product security needs to be simple and easy to use as code, as well as work within current CI/CD pipelines,” said Ed Sim, founder and managing partner at boldstart ventures. “Jit ensures that modern engineering teams can build secure cloud-based applications by design, all while simplifying continuous security. Jit is unique in that it unifies a variety of open source security tools while natively integrating the entire security as code experience into the current developer workflow.”
diff --git a/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding.jpg b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding.jpg
new file mode 100644
index 0000000..9c6204c
--- /dev/null
+++ b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding.jpg
diff --git a/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding.webp b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding.webp
new file mode 100644
index 0000000..7627442
--- /dev/null
+++ b/content/en/blog/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding/security-as-code-startup-jit-comes-out-of-stealth-with-38-5m-in-seed-funding.webp
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 9695387..4e2a770 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -10,7 +10,7 @@
 					<div class="card">
 						<div class="card-body">
 							<h2 class="h3"><a class="stretched-link text-body" href="{{ .RelPermalink }}">{{ .Params.title }}</a></h2>
-							<p>{{ .Params.lead | safeHTML }}</p>
+							<p>{{ .Params.excerpt | safeHTML }}</p>
 							{{ partial "main/blog-meta.html" . -}}
 						</div>
 					</div>
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index 48fdb82..2ff4294 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -1,14 +1,29 @@
 {{ define "main" }}
+<article>
 <div class="row justify-content-center">
+  <div class="col-md-12 col-lg-10">
+    <div class="blog-header">
+      <div class="mt-5 mb-n3">{{ if .Params.categories -}}{{ range $index, $category := .Params.categories -}}{{ if gt $index 0 -}}, {{ end -}}<a class="link-muted" href="{{ "/categories/" | absURL }}{{ . | urlize }}/">{{ . }}</a>{{ end -}}{{ end -}}</div>
+      <h1>{{ .Title }}</h1>
+      {{ partial "main/blog-meta.html" . }}
+    </div>
+  </div>
+  <div class="col-md-12">
+    <div class="mt-n3">
+      {{- .Scratch.Set "fillImage" "1270x620 Center" -}}
+      {{ partial "content/figure.html" . }}
+    </div>
+  </div>
   <div class="col-md-12 col-lg-10 col-xl-8">
-    <article>
-      <div class="blog-header">
-        <h1>{{ .Title }}</h1>
-        {{ partial "main/blog-meta.html" . }}
-      </div>
-      <p class="lead">{{ .Params.lead | safeHTML }}</p>
-      {{ .Content }}
-    </article>
+    {{ .Content }}
+    {{ if .Params.tags -}}
+    <div class="mt-4">
+      {{ range $index, $tag := .Params.tags -}}
+        <a class="btn btn-light" href="{{ "/tags/" | absURL }}{{ . | urlize }}/" role="button">{{ . }}</a>
+      {{ end -}}
+    </div>
+    {{ end -}}
   </div>
 </div>
+</article>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/contributors/list.html b/layouts/contributors/list.html
index adc53aa..414646e 100644
--- a/layouts/contributors/list.html
+++ b/layouts/contributors/list.html
@@ -10,7 +10,7 @@
 						<div class="card-body">
 							<h2 class="h3"><a class="stretched-link text-body" href="{{ .RelPermalink }}">{{ .Params.title }}</a></h2>
 							{{ if eq .Section "blog" -}}
-								<p>{{ .Params.lead | safeHTML }}</p>
+								<p>{{ .Params.excerpt | safeHTML }}</p>
 								{{ partial "main/blog-meta.html" . -}}
 							{{ end -}}
 						</div>
diff --git a/layouts/partials/content/figure.html b/layouts/partials/content/figure.html
new file mode 100644
index 0000000..fbb0bde
--- /dev/null
+++ b/layouts/partials/content/figure.html
@@ -0,0 +1,37 @@
+{{ $fillImage := .Scratch.Get "fillImage" }}
+{{ if not $fillImage -}}
+  {{ $fillImage = site.Params.fillImage }}
+{{ end -}}
+
+{{ $image := .Resources.GetMatch (printf "**%s" (index .Params.images 0)) }}
+{{ if not $image -}}
+  {{ $image = resources.Get (printf "%s%s" "images/" site.Params.defaultImage) }}
+{{ end -}}
+
+{{ $image = $image.Fill $fillImage }}
+{{ $lqip := $image.Resize site.Params.lqipWidth -}}
+
+{{ $imgSrc := "" -}}
+{{ $imgSrcSet := slice -}}
+
+{{ $widths := site.Params.landscapePhotoWidths -}}
+{{ if gt $image.Height $image.Width -}}
+  {{ $widths = site.Params.portraitPhotoWidths -}}
+{{ end -}}
+
+{{ range $widths -}}
+  {{ $srcUrl := (printf "%dx" . | $image.Resize).Permalink -}}
+  {{ if eq $imgSrc "" -}}{{ $imgSrc = $srcUrl -}}{{ end -}}
+  {{ $imgSrcSet = $imgSrcSet | append (printf "%s %dw" $srcUrl .) -}}
+{{ end -}}
+{{ $imgSrcSet = (delimit $imgSrcSet ",") -}}
+
+{{ if gt $image.Width site.Params.smallLimit -}}
+  <figure class="figure">
+    <img class="figure-img img-fluid lazyload blur-up" data-sizes="auto" src="{{ $lqip.Permalink }}" data-srcset="{{ $imgSrcSet }}" width="{{ $image.Width }}" height="{{ $image.Height }}" alt="{{ .Title }}">
+    <noscript><img class="figure-img img-fluid" sizes="100vw" srcset="{{ $imgSrcSet }}" src="{{ $image.Permalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}" alt="{{ .Title }}"></noscript>
+    <!-- {{ with .Title }}<figcaption class="figure-caption">{{ . | safeHTML }}</figcaption>{{ end -}} -->
+  </figure>
+{{ else -}}
+  <img class="img-fluid lazyload blur-up" src="{{ $lqip.Permalink }}" data-src="{{ $image.Permalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}" alt="{{ .Title }}">
+{{ end -}}
diff --git a/layouts/partials/content/image.html b/layouts/partials/content/image.html
new file mode 100644
index 0000000..2772531
--- /dev/null
+++ b/layouts/partials/content/image.html
@@ -0,0 +1,32 @@
+{{ $image := .Resources.GetMatch (printf "**%s" (index .Params.images 0)) }}
+{{ if not $image -}}
+  {{ $image = resources.Get (printf "%s%s" "images/" site.Params.defaultImage) }}
+{{ end -}}
+
+{{ $image = $image.Fill site.Params.fillImage }}
+{{ $lqip := $image.Resize site.Params.lqipWidth -}}
+
+{{ $imgSrc := "" -}}
+{{ $imgSrcSet := slice -}}
+
+{{ $widths := site.Params.landscapePhotoWidths -}}
+{{ if gt $image.Height $image.Width -}}
+  {{ $widths = site.Params.portraitPhotoWidths -}}
+{{ end -}}
+
+{{ range $widths -}}
+  {{ $srcUrl := (printf "%dx" . | $image.Resize).Permalink -}}
+  {{ if eq $imgSrc "" -}}{{ $imgSrc = $srcUrl -}}{{ end -}}
+  {{ $imgSrcSet = $imgSrcSet | append (printf "%s %dw" $srcUrl .) -}}
+{{ end -}}
+{{ $imgSrcSet = (delimit $imgSrcSet ",") -}}
+
+{{ if gt $image.Width site.Params.smallLimit -}}
+  <figure class="figure">
+    <img class="figure-img img-fluid lazyload blur-up" data-sizes="auto" src="{{ $lqip.Permalink }}" data-srcset="{{ $imgSrcSet }}" width="{{ $image.Width }}" height="{{ $image.Height }}" alt="{{ .Title }}">
+    <noscript><img class="figure-img img-fluid" sizes="100vw" srcset="{{ $imgSrcSet }}" src="{{ $image.Permalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}" alt="{{ .Title }}"></noscript>
+    <!-- {{ with .Title }}<figcaption class="figure-caption">{{ . | safeHTML }}</figcaption>{{ end -}} -->
+  </figure>
+{{ else -}}
+  <img class="img-fluid lazyload blur-up" src="{{ $lqip.Permalink }}" data-src="{{ $image.Permalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}" alt="{{ .Title }}">
+{{ end -}}
diff --git a/layouts/partials/main/blog-meta.html b/layouts/partials/main/blog-meta.html
index d3cc3b7..558b36c 100644
--- a/layouts/partials/main/blog-meta.html
+++ b/layouts/partials/main/blog-meta.html
@@ -1,2 +1,2 @@
 {{ $last := sub (len .Params.contributors) 1 }}
-<p><small>Posted {{ .PublishDate.Format "January 2, 2006" }} by {{ if .Params.contributors -}}{{ range $index, $contributor := .Params.contributors }}{{ if gt $index 0 }}{{ if eq $index $last }} and {{ else }}, {{ end }}{{ end }}<a class="stretched-link position-relative" href="{{ "/contributors/" | relURL }}{{ . | urlize }}/">{{ . }}</a>{{ end -}}{{ end -}}&nbsp;&hyphen;&nbsp;<strong>{{ .ReadingTime -}}&nbsp;min read</strong></small><p>
+<p><small>Posted {{ .PublishDate.Format "January 2, 2006" }} by {{ if .Params.contributors -}}{{ range $index, $contributor := .Params.contributors }}{{ if gt $index 0 }}{{ if eq $index $last }} and {{ else }}, {{ end }}{{ end }}<a class="stretched-link position-relative" href="{{ "/contributors/" | relURL }}{{ . | urlize }}/">{{ . }}</a>{{ end -}}{{ end -}}&nbsp;&hyphen;&nbsp;<strong>{{ .ReadingTime -}}&nbsp;min read</strong></small><p>
\ No newline at end of file