update and fix

Signed-off-by: zxypro1 <[email protected]>

Author: zxypro1

package-lock.json

@@ -10,12 +10,12 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.6",
-    "@astrojs/partytown": "^2.0.4",
-    "@astrojs/preact": "^3.1.2",
-    "@astrojs/starlight": "^0.24.0",
-    "@astrojs/starlight-tailwind": "^2.0.1",
-    "@astrojs/tailwind": "^5.1.0",
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/partytown": "^2.1.2",
+    "@astrojs/preact": "^3.5.3",
+    "@astrojs/starlight": "^0.29.0",
+    "@astrojs/starlight-tailwind": "^2.0.3",
+    "@astrojs/tailwind": "^5.1.2",
     "@b-design/color": "^1.0.7",
     "@docsearch/css": "^3.5.2",
     "@docsearch/js": "^3.5.2",
@@ -29,7 +29,7 @@
     "@iconify-json/uil": "^1.1.8",
     "@lorenzo_lewis/starlight-utils": "^0.1.2",
     "@serverless-cd/goat-ui": "^0.0.28",
-    "astro": "^4.8.6",
+    "astro": "^4.16.10",
     "astro-compress": "^2.2.11",
     "astro-icon": "^1.1.0",
     "astro-navbar": "^2.3.3",

package.json

@@ -1,6 +1,6 @@
 ---
 import {Icon} from "astro-icon/components";
-import CNCF_LOGO from "../assets/CNCF.svg";
+import CNCF_LOGO from "../assets/cncf-white.svg";
 import {Picture} from "astro:assets";
 
 interface FooterLinks {
@@ -46,7 +46,7 @@ const contactWays = [{
 
 <footer class="my-40 mb-10">
     <div class="flex flex-col items-center gap-2">
-        <p class="text-info">Serverless Devs 是 <a href="https://cncf.io/" class="text-accent">CNCF (云原生基金会)</a>
+        <p class="text-info">Serverless Devs 是 <a href="https://cncf.io/" style="color: rgba(38, 44, 244, 1);">CNCF (云原生基金会)</a>
             沙箱项目</p>
         <Picture
                 src={CNCF_LOGO}

src/assets/CNCF.svg

@@ -6,7 +6,7 @@ import starIcon from "@assets/icons/star.svg";
 const {url, title, description, date, hot} = Astro.props;
 ---
 
-<div class="card flex flex-col gap-8 text-white border border-[#4a4c57] rounded-xl p-5 hover:bg-[#1e1f22]">
+<div class="card flex flex-col gap-8 text-white border border-[#4a4c57] rounded-xl p-5 hover:bg-[#1e1f22]" onclick=`window.open('${url}', '_blank')` >
     <div class="p-3 bg-white bg-opacity-5 rounded-xl border-[0.8px] border-[#b3b6c1] w-fit">
         <Picture class="rounded-full" src={starIcon} alt="starIcon"/>
     </div>
@@ -30,4 +30,7 @@ const {url, title, description, date, hot} = Astro.props;
         background-clip: text;
         color: transparent;
     }
+    .card:hover {
+        cursor: pointer; /* 鼠标悬停时更改为点击样式 */
+    }
 </style>