From 3a959f5f5b8d02c0f4c82b636a0520b5759ac7eb Mon Sep 17 00:00:00 2001
From: Jack Hickey <133868041+nginx-jack@users.noreply.github.com>
Date: Thu, 4 Sep 2025 10:07:34 +0100
Subject: [PATCH] F5Sites: Move to partial and links to yaml

---
 exampleSite/data/f5-sites.yaml |  7 +++++++
 layouts/partials/f5-sites.html | 25 +++++++++++++++++++++++++
 layouts/partials/header.html   | 29 +----------------------------
 3 files changed, 33 insertions(+), 28 deletions(-)
 create mode 100644 exampleSite/data/f5-sites.yaml
 create mode 100644 layouts/partials/f5-sites.html

diff --git a/exampleSite/data/f5-sites.yaml b/exampleSite/data/f5-sites.yaml
new file mode 100644
index 00000000..1c270910
--- /dev/null
+++ b/exampleSite/data/f5-sites.yaml
@@ -0,0 +1,7 @@
+- title: NGINX Documentation
+  url: https://docs.nginx.com/
+  description: Learn how to deliver, manage, and protect your applications using F5 NGINX products.
+
+- title: NGINX
+  url: https://nginx.org/
+  description: Learn more about NGINX Open Source and read the community blog
diff --git a/layouts/partials/f5-sites.html b/layouts/partials/f5-sites.html
new file mode 100644
index 00000000..788fa111
--- /dev/null
+++ b/layouts/partials/f5-sites.html
@@ -0,0 +1,25 @@
+<div class="header__f5sites">
+{{ with index .Site.Data "f5-sites" }}
+{{ $f5Sites := . }}
+<div class="navbar navbar-nav">
+    <div class="nav-item-explore active">
+    <button id="navbar-sites-button" class="button navbar-button dropdown-button" data-testid="header__f5sites_button">
+        F5 Sites
+        <span class="header__f5sites--icon">
+        {{ partial "lucide" (dict "context" . "icon" "chevron-down") }}
+        </span>
+    </button>
+    <div class="dropdown-content" id="dropdown-content" data-testid="header__f5sites_content">
+        <ul>
+        {{ range $f5Sites }}
+            <li>
+            <a href="{{ .url }}" target="_blank" >{{ .title }}</a>
+            <p>{{ .description }}</p>
+            </li>
+        {{ end }}
+        </ul>
+    </div>
+    </div>
+</div>
+{{ end }}
+</div>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 18f95d68..5294671c 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -28,35 +28,8 @@
           </a>
       </div>
 
-      <div class="header__f5sites">
-      {{ $f5Sites := slice
-        (dict "title" "DevCentral" "url" "https://community.f5.com/" "description" "Connect & learn in our hosted community")
-        (dict "title" "MyF5" "url" "https://my.f5.com/" "description" "Your key to everything F5, including support, registration keys, and subscriptions")
-        (dict "title" "NGINX" "url" "https://nginx.org/" "description" "Learn more about NGINX Open Source and read the community blog")
-      }}
+      {{ partial "f5-sites.html" . }}
 
-      <div class="navbar navbar-nav">
-          <div class="nav-item-explore active">
-            <button id="navbar-sites-button" class="button navbar-button dropdown-button" data-testid="header__f5sites_button">
-                F5 Sites
-                <span class="header__f5sites--icon">
-                {{ partial "lucide" (dict "context" . "icon" "chevron-down") }}
-                </span>
-            </button>
-            <div class="dropdown-content" id="dropdown-content" data-testid="header__f5sites_content">
-              <ul>
-                {{ range $f5Sites }}
-                  <li>
-                    <a href="{{ .url }}" target="_blank" >{{ .title }}</a>
-                    <p>{{ .description }}</p>
-                  </li>
-                {{ end }}
-              </ul>
-            </div>
-          </div>
-      </div>
-
-      </div>
   </div>
   <div class="header-search-dropdown">
     <atomic-external selector="#search-standalone-header">