F5Sites: Move to partial and links to yaml

Author: nginx-jack

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

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>

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">