From de86f79bbe3fa0a05feb7478ed96413aa4b7cda4 Mon Sep 17 00:00:00 2001
From: Wei-Ting Chen <weitingchen@apache.org>
Date: Mon, 9 Sep 2024 20:16:17 +0800
Subject: [PATCH] Fix ASF Website Check issue. (#22)

---
 _config.yml                  |  7 ++--
 _includes/header_custom.html | 63 ++++++++++++++++++++++++++++++++++++
 asf.md                       | 22 -------------
 3 files changed, 67 insertions(+), 25 deletions(-)
 create mode 100644 _includes/header_custom.html
 delete mode 100644 asf.md

diff --git a/_config.yml b/_config.yml
index 0ed7881..e6e1f42 100644
--- a/_config.yml
+++ b/_config.yml
@@ -115,10 +115,11 @@ heading_anchors: true
 
 # External navigation links
 #nav_external_links:
-#  - title: Just the Docs on GitHub
-#    url: https://github.com/just-the-docs/just-the-docs
+#  - title: Foundation
+#    url: https://www.apache.org/
 #    hide_icon: false # set to true to hide the external link icon - defaults to false
-#    opens_in_new_tab: false # set to true to open this link in a new tab - defaults to false
+#    opens_in_new_tab: true # set to true to open this link in a new tab - defaults to false
+
 
 color_scheme: light
 
diff --git a/_includes/header_custom.html b/_includes/header_custom.html
new file mode 100644
index 0000000..3dfda9d
--- /dev/null
+++ b/_includes/header_custom.html
@@ -0,0 +1,63 @@
+<style>
+/* Style The Dropdown Button */
+.dropbtn {
+  background-color: #0000ff80;
+  color: white;
+  padding: 22px;
+  width: 100%;
+  font-size: 14px;
+  border: none;
+  cursor: pointer;
+}
+
+/* The container <div> - needed to position the dropdown content */
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+}
+
+/* Links inside the dropdown */
+.dropdown-content a {
+  color: black;
+  padding: 12px 14px;
+  text-decoration: none;
+  display: block;
+}
+
+/* Change color of dropdown links on hover */
+.dropdown-content a:hover {background-color: #f1f1f1}
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {
+  background-color: #0000ff;
+}
+</style>
+
+<!-- Collect the nav links, forms, and other content for toggling -->
+<div class="dropdown" id="apache-navbar" style="float:left;">
+  <button class="dropbtn">ASF</button>
+  <div class="dropdown-content">
+    <a class="dropdown-item" href="https://www.apache.org/">Foundation</a>
+    <a class="dropdown-item" href="https://www.apache.org/events/current-event.html">Event</a>
+    <a class="dropdown-item" href="https://www.apache.org/licenses/">License</a>
+    <a class="dropdown-item" href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a>
+    <a class="dropdown-item" href="https://www.apache.org/security/">Security</a>
+    <a class="dropdown-item" href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy</a>
+    <a class="dropdown-item" href="https://www.apache.org/foundation/thanks.html">Thanks</a>
+  </div>
+</div><!-- /.navbar-collapse -->
diff --git a/asf.md b/asf.md
deleted file mode 100644
index 00e25af..0000000
--- a/asf.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-layout: page
-title: Apache Software Foundation
-nav_order: 8
-permalink: /asf/
----
-
-[Apache Software Foundation(ASF)](https://www.apache.org/)
-
-[License](https://www.apache.org/licenses/)
-
-[Event](https://www.apache.org/events/current-event.html)
-
-[Sponsorship](https://www.apache.org/foundation/sponsorship.html)
-
-[Thanks](https://www.apache.org/foundation/thanks.html)
-
-[Security](https://www.apache.org/security/)
-
-[Privacy](https://privacy.apache.org/policies/privacy-policy-public.html)
-
-