dynamic page title length

serverless-mom · serverless-mom · commit 6c0ffecfec12 · 2024-07-17T09:42:04.000-07:00
diff --git a/site/content/learn/headless/_index.md b/site/content/learn/headless/_index.md
@@ -1,6 +1,8 @@
 ---
-Title: Learn Playwright & Puppeteer
-description: 
+title: Learn Playwright & Puppeteer Browser Automation Frameworks
+displayTitle: Learn Playwright & Puppeteer
+description: Learn more about Playwright & Puppeteer with Checkly. Explore how to automate your web with a reliable, programmable monitoring workflow.
+displayDescription: 
   Learn more about Playwright & Puppeteer with Checkly. Explore how to automate your web with a reliable, programmable monitoring workflow.
 metatags:
   title: Learn Playwright & Puppeteer - Browser Automation Frameworks
diff --git a/site/layouts/learn/list.html b/site/layouts/learn/list.html
@@ -8,7 +8,13 @@
           <img src="/images/icons/toc-icon.svg" alt="table of contents" width="14" height="12" /> Table of contents
         </div>
       </div>
-      <h1>{{ .Title }}</h1>
+      <h1>
+        {{ if .Params.displayTitle}}
+          {{.Params.displayTitle}}
+        {{else}}
+          {{.Title}}
+        {{end}}
+      </h1>
       <div class="learn-toc-mobile mb-5 pt-3">
         <div class="learn-toc-header mb-3 pt-3">On this page</div>
         {{ .Page.TableOfContents }}
diff --git a/site/layouts/partials/head.html b/site/layouts/partials/head.html
@@ -1,5 +1,13 @@
 <head>
-  <title>{{ if .IsHome }}{{ .Site.Title }}{{ else if .Params.head.title }}{{ .Params.head.title }}{{ else }}{{ .Title }} | Checkly {{ end }}</title>
+  <title>
+    {{$title := "Checkly Documentation"}}
+    {{ if .IsHome }}{{ $title = .Site.Title }}{{ else if .Params.head.title }}{{ $title =.Params.head.title }}{{ else }}{{ $title = .Title }}{{ end }}     
+    {{$titleLength := $title | len}}
+    {{if lt $titleLength 50}}
+    {{$title}} | Checkly
+    {{else}}
+    {{$title}}
+    {{end}}</title>
   <meta charset="utf-8" />
   <meta name="description" content="{{ with .Description }}{{ . | markdownify }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . | markdownify}}{{ end }}{{ end }}{{ end }}" />
   <meta name="viewport" content="width=device-width" initial-scale="1" maximum-scale="1" />
