validatedpatterns · gaurav-nelson · Aug 7, 2025
diff --git a/.github/ISSUE_TEMPLATE/docs-feedback.yml b/.github/ISSUE_TEMPLATE/docs-feedback.yml
@@ -0,0 +1,47 @@
+name: Create a documentation issue.
+description: |
+  ⛔ This template is connected to the Create a documentation issue button on the bottom of every `learn` and `patterns` page on the live site. It automatically fills in several fields for you. Don't use for other purposes. ⛔
+body:
+  - type: markdown
+    attributes:
+      value: "## Issue information"
+  - type: markdown
+    attributes:
+      value: Select the issue type, and describe the issue in the text box below. Add as much detail as needed to help us resolve the issue.
+  - type: dropdown
+    id: issue-type
+    attributes:
+      label: Type of issue
+      options:
+        - Typo
+        - Code doesn't work
+        - Missing information
+        - Outdated article
+        - Thank you
+        - Other (describe below)
+    validations:
+      required: true
+  - type: textarea
+    id: feedback
+    validations:
+      required: true
+    attributes:
+      label: Description
+  - type: markdown
+    attributes:
+      value: "## 🚧 Page information 🚧"
+  - type: markdown
+    attributes:
+      value: "*Don't modify the following fields*. They are automatically filled in for you. Doing so will disconnect your issue from the affected page. *Don't edit them*."
+  - type: input
+    id: pageUrl
+    validations:
+      required: true
+    attributes:
+      label: Page URL
+  - type: input
+    id: contentSourceUrl
+    validations:
+      required: true
+    attributes:
+      label: Content source URL
diff --git a/.hintrc b/.hintrc
diff --git a/content/_index.md b/content/_index.md
@@ -1,9 +1,12 @@
 ---
 title: "Validated Patterns"
+youtube_id: "dGsoUNjHYOw"
+video_title: "Watch how Validated Patterns enhance your cloud-native applications"
+video_description: "Our GitOps-driven framework simplifies complex deployments, ensuring your applications are production-ready from day one. Watch the video to see how it works."
 ---
 
 ![Logo](/images/logo.png)
 
-# Reference architectures with added value
+# Deploy complex solutions with unprecedented speed and confidence.
 
-Validated Patterns are an evolution of how you deploy applications in a hybrid cloud. With a pattern, you can automatically deploy a full application stack through a GitOps-based framework. With this framework, you can create business-centric use cases while maintaining a level of Continuous Integration (CI) over your application. 
+Go beyond traditional reference architectures. Validated Patterns deliver automated, rigorously tested application stacks for your hybrid cloud, powered by GitOps.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html>
     {{- partial "head.html" . -}}
-    <body{{ with .File }} data-github-file="{{ .Path }}"{{ end }}>
+    <body>
         <div class="pf-c-page">
         {{- partial "header.html" . -}}
         {{- block "main" . }}
         <!-- get all the things from the content files -->
         {{- end }}
         </div>
         <script src="{{ "js/codeblock.js"  | relURL }}"></script>
-        <script src="{{ "js/select-report-issue-popup.js"  | relURL }}"></script>
+        <script src="{{ "js/mobile-nav.js"  | relURL }}"></script>
     </body>
     <!-- Uncomment when you have sorted out the feedback partials option
         <body>

diff --git a/layouts/blog/list.html b/layouts/blog/list.html
@@ -10,6 +10,10 @@
 
 <main class="pf-c-page__main" id="maincontent">
   <section class="pf-c-page__main-section">
+    <!-- Sidebar toggle for mobile -->
+    <div class="sidebar-toggle-container">
+      {{ partial "sidebar-toggle.html" . }}
+    </div>
     <div class="pf-l-grid__item pf-m-9-col">
       <div class="pf-u-text-align-center">
         <div class="pf-c-content" style="--pf-c-content--FontSize: 1rem;">

diff --git a/layouts/ci/single.html b/layouts/ci/single.html
@@ -10,6 +10,10 @@
   </div>
   <main class="pf-c-page__main">
     <section class="pf-c-page__main-section">
+      <!-- Sidebar toggle for mobile -->
+      <div class="sidebar-toggle-container">
+        {{ partial "sidebar-toggle.html" . }}
+      </div>
       <div class="pf-u-display-flex">
       <div class="pf-c-content">
         <h1>{{- .Title -}}</h1>

diff --git a/layouts/contribute/list.html b/layouts/contribute/list.html
@@ -7,6 +7,10 @@
 
 <main class="pf-c-page__main">
   <section class="pf-c-page__main-section">
+    <!-- Sidebar toggle for mobile -->
+    <div class="sidebar-toggle-container">
+      {{ partial "sidebar-toggle.html" . }}
+    </div>
     <div class="pf-l-grid__item pf-m-9-col">
       <div class="pf-u-text-align-center">
         <div class="pf-c-content" style="--pf-c-content--FontSize: 1rem;">

diff --git a/layouts/contribute/single.html b/layouts/contribute/single.html
@@ -7,6 +7,10 @@
   </div>
   <main class="pf-c-page__main" tabindex="0" data-bs-spy="scroll" data-bs-target="#TableOfContents" data-bs-offset="50">
     <section class="pf-c-page__main-section pf-m-fill">
+      <!-- Sidebar toggle for mobile -->
+      <div class="sidebar-toggle-container">
+        {{ partial "sidebar-toggle.html" . }}
+      </div>
       <div class="pf-u-display-flex">
         <div class="pf-c-content">
           {{ .Content }}