docs(website): Update announcement bar with dynamic content (#5313)

Signed-off-by: yangchuansheng <[email protected]>
labring · Dec 26, 2024 · 4826c62 · 4826c62
1 parent c694cd7
commit 4826c62
Show file tree

Hide file tree

Showing 3 changed files with 14,735 additions and 398 deletions.
diff --git a/docs/website/docusaurus.config.js b/docs/website/docusaurus.config.js
@@ -78,26 +78,33 @@ const config = {
     announcementBar: {
       id: 'sealos_tip',
       content: `
-      <div class="sealos-banner-box">
-        <div>${isDomesticSite ? 'If you are an international user, please visit 👉' : '如果您是国内用户，请直接访问 👉 '}</div>
-        <div class="sealos-banner-btn" onclick="window.open('${isDomesticSite ? 'https://sealos.io' : 'https://sealos.run'}', '_blank');">
-          ${isDomesticSite ? 'International Site' : '国内官网'}
-        </div>
-        <svg 
-          onclick="handleBannerClose()"
-          width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <g clip-path="url(#clip0_1145_366)">
-            <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22Z" fill="white" fill-opacity="0.16"/>
-            <path d="M12 21.75C6.61507 21.75 2.25 17.3849 2.25 12C2.25 6.61507 6.61507 2.25 12 2.25C17.3849 2.25 21.75 6.61507 21.75 12C21.75 17.3849 17.3849 21.75 12 21.75Z" stroke="white" stroke-opacity="0.1" stroke-width="0.5"/>
-            <path d="M9.17184 7.75696L11.9998 10.586L14.8278 7.75696L16.2428 9.17196L13.4138 12L16.2428 14.828L14.8278 16.243L11.9998 13.414L9.17184 16.243L7.75684 14.828L10.5858 12L7.75684 9.17196L9.17184 7.75696Z" fill="white"/>
-          </g>
-          <defs>
-            <clipPath id="clip0_1145_366">
-              <rect width="24" height="24" fill="white"/>
-            </clipPath>
-          </defs>
-        </svg>
-      </div>
+      (function() {
+        const hostname = window.location.hostname;
+        if (hostname !== 'sealos.run') {
+          document.write(\`
+            <div class="sealos-banner-box">
+              <div>${'如果您是国内用户，请直接访问 👉 '}</div>
+              <div class="sealos-banner-btn" onclick="window.open('${'https://sealos.run'}', '_blank');">
+                ${'国内官网'}
+              </div>
+              <svg 
+                onclick="handleBannerClose()"
+                width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <g clip-path="url(#clip0_1145_366)">
+                  <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22Z" fill="white" fill-opacity="0.16"/>
+                  <path d="M12 21.75C6.61507 21.75 2.25 17.3849 2.25 12C2.25 6.61507 6.61507 2.25 12 2.25C17.3849 2.25 21.75 6.61507 21.75 12C21.75 17.3849 17.3849 21.75 12 21.75Z" stroke="white" stroke-opacity="0.1" stroke-width="0.5"/>
+                  <path d="M9.17184 7.75696L11.9998 10.586L14.8278 7.75696L16.2428 9.17196L13.4138 12L16.2428 14.828L14.8278 16.243L11.9998 13.414L9.17184 16.243L7.75684 14.828L10.5858 12L7.75684 9.17196L9.17184 7.75696Z" fill="white"/>
+                </g>
+                <defs>
+                  <clipPath id="clip0_1145_366">
+                    <rect width="24" height="24" fill="white"/>
+                  </clipPath>
+                </defs>
+              </svg>
+            </div>
+          \`);
+        }
+      })();
       `,
       isCloseable: true,
     },