From 423f23e27239dfd29025e7469261d326faf422eb Mon Sep 17 00:00:00 2001
From: Ruilei Ma <merrily01@gmail.com>
Date: Tue, 10 Mar 2026 20:21:47 +0800
Subject: [PATCH] Remove external CDN dependency from GitHub button

Replace vue-github-button component with a static GitHub link to comply with ASF privacy policy.
The component was loading resources from unpkg.com CDN which violates ASF requirements.

Changes:
- Replace GitHubBadge with static GitHub link
- Remove vue-github-button from dependencies
- Delete unused GitHubBadge.vue component
---
 docs/.vuepress/components/GitHubBadge.vue | 63 -----------------------
 docs/.vuepress/components/Head.vue        | 17 +++++-
 package.json                              |  1 -
 3 files changed, 16 insertions(+), 65 deletions(-)
 delete mode 100644 docs/.vuepress/components/GitHubBadge.vue

diff --git a/docs/.vuepress/components/GitHubBadge.vue b/docs/.vuepress/components/GitHubBadge.vue
deleted file mode 100644
index 32daec3..0000000
--- a/docs/.vuepress/components/GitHubBadge.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-  <div class="github-badge-container">
-    <span class="github-button-wrapper">
-      <github-button :href="`${repo}/`" dataShowCount="true">Star</github-button>
-    </span>
-    <span class="github-button-wrapper">
-      <github-button :href="`${repo}/fork`" dataShowCount="true">Fork</github-button>
-    </span>
-  </div>
-</template>
-
-<script>
-import GithubButton from 'vue-github-button'
-
-export default {
-  components: { GithubButton },
-  data() {
-    return {
-      repo: "https://github.com/apache/auron",
-    }
-  }
-}
-</script>
-
-<style scoped>
-.github-badge-container {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-
-.github-button-wrapper {
-  display: inline-block;
-}
-
-/* Responsive design for different screen sizes */
-@media (max-width: 480px) {
-  .github-badge-container {
-    flex-direction: column;
-    gap: 8px;
-    width: 100%;
-  }
-  
-  .github-button-wrapper {
-    width: 100%;
-    text-align: center;
-  }
-}
-
-@media (max-width: 768px) {
-  .github-badge-container {
-    gap: 8px;
-  }
-}
-
-@media (min-width: 769px) {
-  .github-badge-container {
-    gap: 10px;
-  }
-}
-</style>
diff --git a/docs/.vuepress/components/Head.vue b/docs/.vuepress/components/Head.vue
index ed77fb0..1e68fda 100644
--- a/docs/.vuepress/components/Head.vue
+++ b/docs/.vuepress/components/Head.vue
@@ -3,8 +3,10 @@
     <div class="banner-title-container">
       <div class="banner-title">Run Spark SQL/DataFrame Faster</div>
       <div class="banner-subtitle">The Auron accelerator for big data engine (e.g., Spark, Flink) leverages native vectorized execution to accelerate query processing.</div>
-      <div class="github-buttons-container"><GitHubBadge /></div>
       <a class="route-link auto-link vp-hero-action-button primary" href="/documents/getting-started" aria-label="Get Started">Get Started</a>
+      <a class="route-link auto-link vp-hero-action-button github-button" href="https://github.com/apache/auron" target="_blank" rel="noopener noreferrer">
+        GitHub
+      </a>
     </div>
     <div class="right-logo-container">
       <div class="right-logo">
@@ -88,4 +90,17 @@
 </script>
 
 <style scoped>
+/* GitHub button styles - match Get Started button exactly */
+.github-button {
+  border: 1px solid var(--vp-c-text-1);
+  color: var(--vp-c-text-1);
+  margin-left: 12px;
+}
+
+.github-button:hover {
+  /* Auron brand orange from logo */
+  background-color: #fc4c04;
+  border-color: #fc4c04;
+  color: #fff;
+}
 </style>
diff --git a/package.json b/package.json
index c16ed42..f4c5290 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,6 @@
     "sass-embedded": "^1.81.1",
     "vue": "^3.4.0",
     "vue-echarts": "^7.0.3",
-    "vue-github-button": "^3.1.3",
     "vuepress": "2.0.0-rc.18"
   }
 }