Skip to content

Commit cc416db

Browse files
zephyr-shzephyr-sh
committed
[C] Update MultiCardsCTA 
1 parent 0ba4ff0 commit cc416db

File tree

23 files changed

+239
-210
lines changed

23 files changed

+239
-210
lines changed

Diff for: ‎i18n/en/docusaurus-plugin-content-pages/aboutus.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ I’ve poured considerable effort into developing these projects and writing tec
7070

7171
If this website has helped you or you appreciate my efforts, you’re welcome to support me in the following ways:
7272

73-
- [**Buy Me A Coffee**](https://buymeacoffee.com/docsaid): You can leave a message specifying which author you’re treating, or make a general donation to cover hosting costs. Either way, I deeply appreciate your support!
73+
- [**Buy Me A Coffee**](https://buymeacoffee.com/zyuan): You can leave a message specifying which author you’re treating, or make a general donation to cover hosting costs. Either way, I deeply appreciate your support!
7474
- Star the projects on GitHub ⭐️
7575
- Offer suggestions or encouragement in the comments under your favorite articles.
7676

@@ -83,7 +83,7 @@ Thank you for reading and supporting this site. I hope **DOCSAID** brings you va
8383
<div align="center">
8484
<br />
8585
<figure style={{ width: "50%"}}>
86-
[![Buy Me A Coffee](/img/yellow-button.png)](https://buymeacoffee.com/docsaid)
86+
[![Buy Me A Coffee](/img/yellow-button.png)](https://buymeacoffee.com/zyuan)
8787
</figure>
8888
<br />
8989
</div>

Diff for: ‎i18n/en/docusaurus-plugin-content-pages/services.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ If your needs involve **large language models (LLM), RAG applications, chatbots,
3232
:::
3333

3434
:::info
35-
All services currently use [**Buy Me a Coffee**](https://buymeacoffee.com/docsaid) as the payment channel, with USD as the pricing unit.
35+
All services currently use [**Buy Me a Coffee**](https://buymeacoffee.com/zyuan) as the payment channel, with USD as the pricing unit.
3636

3737
> **1 coffee = USD 5 ≒ NTD 150**.
3838
@@ -76,7 +76,7 @@ I won’t just "translate" the paper for you, I’ll "reinterpret" it into actio
7676
:::tip
7777
📎 **Example Reference**: You can refer to the reading guide article I wrote:
7878

79-
> [**Face Anti-Spoofing Technology Roadmap**](https://docsaid.org/blog/fas-paper-roadmap).
79+
> [**Face Anti-Spoofing Technology Roadmap**](https://docsaid.org/en/blog/fas-paper-roadmap).
8080
8181
This is an example where I selected 40 papers from over 135, organizing them into eight major themes to create an introductory map for the FAS field.
8282
:::
@@ -409,7 +409,7 @@ You can start the collaboration process by following these steps:
409409
3. **Start the Service**: Once both parties confirm the scope and delivery method, the task can officially begin.
410410

411411
- 📮 Contact Email: **[email protected]**
412-
- 🌐 Project Records and Technical Articles: [**https://docsaid.org**](https://docsaid.org/)
412+
- 🌐 Project Records and Technical Articles: [**https://docsaid.org/en**](https://docsaid.org/en)
413413

414414
---
415415

Diff for: ‎i18n/en/docusaurus-theme-classic/footer.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@
4545
},
4646
"link.item.label.支持我們": {
4747
"message": "Support Us",
48-
"description": "The label of footer link with label=支持我們 linking to https://buymeacoffee.com/docsaid"
48+
"description": "The label of footer link with label=支持我們 linking to https://buymeacoffee.com/zyuan"
4949
},
5050
"link.item.label.成為作者": {
5151
"message": "Become an author",

Diff for: ‎i18n/ja/docusaurus-plugin-content-pages/aboutus.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@
7070

7171
もしこのウェブサイトがあなたに役立ったり、私の努力を評価していただけるなら、以下の方法でサポートをお願いできれば嬉しいです：
7272

73-
- [**Buy Me A Coffee**](https://buymeacoffee.com/docsaid)：どの作者へのサポートか指定することもできますし、指定しない場合はクラウドホスティング費用に使わせていただきます。いずれにしても、心から感謝いたします！
73+
- [**Buy Me A Coffee**](https://buymeacoffee.com/zyuan)：どの作者へのサポートか指定することもできますし、指定しない場合はクラウドホスティング費用に使わせていただきます。いずれにしても、心から感謝いたします！
7474
- GitHub プロジェクトにスターを付ける ⭐️
7575
- 気に入った記事にコメントやアドバイスを残す！
7676

@@ -83,7 +83,7 @@
8383
<div align="center">
8484
<br />
8585
<figure style={{ width: "50%"}}>
86-
[![Buy Me A Coffee](/img/yellow-button.png)](https://buymeacoffee.com/docsaid)
86+
[![Buy Me A Coffee](/img/yellow-button.png)](https://buymeacoffee.com/zyuan)
8787
</figure>
8888
<br />
8989
</div>

Diff for: ‎i18n/ja/docusaurus-plugin-content-pages/services.md

+9-9
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
:::
3333

3434
:::info
35-
すべてのサービスは現在、[**Buy Me a Coffee**](https://buymeacoffee.com/docsaid)を決済手段としており、US ドルでの価格設定となっています。
35+
すべてのサービスは現在、[**Buy Me a Coffee**](https://buymeacoffee.com/zyuan)を決済手段としており、US ドルでの価格設定となっています。
3636

3737
> **1 杯のコーヒー = USD 5 ≒ NTD 150**。
3838
@@ -44,13 +44,13 @@
4444
## 📌 クイックガイド
4545

4646
- [**技術論文ガイドとアプリケーション戦略の提案**](#-技術論文ガイドとアプリケーション戦略の提案)
47-
- [**AI モデルの API 化とデプロイメントサービス**](#-AIモデルのAPI化とデプロイメントサービス)
47+
- [**AI モデルの API 化とデプロイメントサービス**](#-ai-モデルの-api-化とデプロイメントサービス)
4848
- [**教育用ウェブサイト構築サービス**](#-教育用ウェブサイト構築サービス)
49-
- [**ゼロから AI モデル製品を作成する**](#-ゼロからAIモデル製品を作成する)
50-
- [**小規模サービスモジュール**](#-小規模サービスモジュール)
51-
- [**Q&A ｜よくある質問**](#-Q&A)
52-
- [**連絡方法と協力方法**](#-連絡方法と協力方法)
53-
- [**協力リクエストフォーム**](#協力リクエストフォーム)
49+
- [**ゼロから AI モデル製品を作成する**](#-ゼロから-ai-モデル製品を作成する高度なプロジェクト)
50+
- [**小規模サービスモジュール**](#-小規模サービスモジュール主プロジェクトに組み込むことができます)
51+
- [**Q&A ｜よくある質問**](#-qa-よくある質問)
52+
- [**連絡方法と協力方法**](#-連絡方法と協力の流れ)
53+
- [**協力リクエストフォーム**](#協力ニーズフォーム)
5454

5555
---
5656

@@ -74,7 +74,7 @@
7474
:::tip
7575
📎 **参考例**：私が書いたガイド記事を参考にできます：
7676

77-
> [**Face Anti-Spoofing 技術マップ**](https://docsaid.org/blog/fas-paper-roadmap)。
77+
> [**Face Anti-Spoofing 技術マップ**](https://docsaid.org/ja/blog/fas-paper-roadmap)。
7878
7979
これは 135+本の論文から 40 本を選び、8 つの主要なテーマに整理して、FAS 領域の入門マップを作成した事例です。
8080
:::
@@ -407,7 +407,7 @@ NDA の締結が可能です。公開されていない論文や機密性の高
407407
3. **サービス開始**：両者が範囲と納品方法を確認後、正式にタスクを開始します。
408408

409409
- 📮 連絡先： **[email protected]**
410-
- 🌐 プロジェクト記録と技術記事：[**https://docsaid.org**](https://docsaid.org/)
410+
- 🌐 プロジェクト記録と技術記事：[**https://docsaid.org/ja**](https://docsaid.org/ja)
411411

412412
---
413413

Diff for: ‎i18n/ja/docusaurus-theme-classic/footer.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
},
2626
"link.item.label.支持我們": {
2727
"message": "サポートする",
28-
"description": "The label of footer link with label=支持我們 linking to https://buymeacoffee.com/docsaid"
28+
"description": "The label of footer link with label=支持我們 linking to https://buymeacoffee.com/zyuan"
2929
},
3030
"link.item.label.成為作者": {
3131
"message": "著者になる",

Diff for: ‎src/components/MultiCardsCTA/ServiceCard.js

+24-30
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// src/components/MultiCardsCTA/ServiceCard.js
2-
import { Button, Card, Tag } from 'antd';
2+
import { Card, Tag } from 'antd';
33
import React from 'react';
44
import styles from './index.module.css';
55

@@ -11,28 +11,35 @@ export default function ServiceCard({ cardData }) {
1111
concept,
1212
bulletTitle,
1313
bulletPoints,
14-
buttonText,
1514
buttonLink,
1615
} = cardData;
1716

1817
return (
1918
<Card
20-
/* 修正：CSS Module 的 class 要透過 styles.xxx */
2119
className={`${styles.card} ${styles.fadeInUp} ${styles.hoverTransform}`}
22-
hoverable
23-
// 有 icon 則可以放在 Card cover
24-
cover={
25-
icon ? (
26-
<div style={{ textAlign: 'center', marginTop: '1rem' }}>
27-
<img
28-
src={icon}
29-
alt={`${title} icon`}
30-
style={{ width: 48, height: 48 }}
31-
/>
32-
</div>
33-
) : null
34-
}
20+
/* 讓 Card 撐滿父層 Col 的高度 */
21+
style={{
22+
flex: 1,
23+
display: 'flex',
24+
flexDirection: 'column',
25+
}}
26+
/* 移除原本按鈕，改成整張卡片點擊 */
27+
onClick={() => {
28+
if (buttonLink) {
29+
window.open(buttonLink, '_blank');
30+
}
31+
}}
3532
>
33+
{icon && (
34+
<div style={{ textAlign: 'center', marginTop: '1rem' }}>
35+
<img
36+
src={icon}
37+
alt={`${title} icon`}
38+
style={{ width: 48, height: 48 }}
39+
/>
40+
</div>
41+
)}
42+
3643
{tag && (
3744
<Tag color="orange" className={styles['card__tag']}>
3845
{tag}
@@ -53,20 +60,7 @@ export default function ServiceCard({ cardData }) {
5360
))}
5461
</ul>
5562

56-
{/* Footer 區塊 */}
57-
{buttonText && buttonLink && (
58-
<div className={styles['card__footer']}>
59-
<Button
60-
type="primary"
61-
href={buttonLink}
62-
target="_blank"
63-
rel="noreferrer"
64-
block
65-
>
66-
{buttonText}
67-
</Button>
68-
</div>
69-
)}
63+
{/* 移除按鈕，footer 區塊也一起拿掉 */}
7064
</Card>
7165
);
7266
}

Diff for: ‎src/components/MultiCardsCTA/SimpleCTA.js

+19-28
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,36 @@
11
// src/components/MultiCardsCTA/SimpleCTA.js
2-
import { Button } from 'antd';
32
import React from 'react';
43
import styles from './index.module.css';
54

5+
/**
6+
* 已移除按鈕及連結標籤，改為整塊卡片 clickable
7+
*/
68
export default function SimpleCTA({
79
iconSrc,
810
iconAlt,
911
title,
1012
subtitle,
1113
buttonLink,
12-
buttonText,
1314
buttonImg,
1415
variant = 'default',
1516
}) {
16-
const hasButton = (buttonText && buttonLink) || (buttonImg && buttonLink);
17-
1817
return (
1918
<div
20-
/* 同樣修正：CSS Module 與字串混用 */
2119
className={`
2220
${styles.simpleCta}
2321
${styles[`simple-cta__${variant}`]}
2422
${styles.fadeInUp}
2523
${styles.hoverTransform}
2624
`}
25+
/* 如果有 link，就可以點擊 */
26+
onClick={() => {
27+
if (buttonLink) {
28+
window.open(buttonLink, '_blank');
29+
}
30+
}}
31+
style={{
32+
cursor: buttonLink ? 'pointer' : 'default',
33+
}}
2734
>
2835
{iconSrc && (
2936
<img
@@ -36,30 +43,14 @@ export default function SimpleCTA({
3643
<h3 className={styles['simple-cta__title']}>{title}</h3>
3744
<p className={styles['simple-cta__subtitle']}>{subtitle}</p>
3845

39-
{hasButton && (
46+
{/* 如果有圖片, 仍顯示; 移除按鈕, 讓整塊卡片可點擊 */}
47+
{buttonImg && (
4048
<div className={styles['simple-cta__buttonWrapper']}>
41-
{buttonImg ? (
42-
<a
43-
href={buttonLink}
44-
target="_blank"
45-
rel="noreferrer"
46-
>
47-
<img
48-
src={buttonImg}
49-
alt={iconAlt || 'cta-button'}
50-
className={styles['simple-cta__buttonImg']}
51-
/>
52-
</a>
53-
) : (
54-
<Button
55-
type="primary"
56-
href={buttonLink}
57-
target="_blank"
58-
rel="noreferrer"
59-
>
60-
{buttonText}
61-
</Button>
62-
)}
49+
<img
50+
src={buttonImg}
51+
alt={iconAlt || 'cta-button'}
52+
className={styles['simple-cta__buttonImg']}
53+
/>
6354
</div>
6455
)}
6556
</div>

0 commit comments

Comments
 (0)