From a5a1fa85c2712c6166c82b8108e0493a1b62920b Mon Sep 17 00:00:00 2001 From: Papaya Wang Date: Mon, 9 Mar 2026 00:24:06 +0800 Subject: [PATCH 1/5] initial commit of wang's demo with Gemini --- .gitignore | 1 + about.html | 11 +- activities.html | 58 ------ defence.html | 383 +++++++++++++++++++++++++++++++++++ favicon.png | Bin 340 -> 0 bytes ilovelinux.html | 459 +++++++++++++++++++++++++++++++++++++++++ index.html | 527 +++++++++++++++++++++++++++++++++++++++++++----- reflect.html | 382 +++++++++++++++++++++++++++++++++++ script.js | 23 --- start.sh | 1 + style.css | 183 ----------------- 11 files changed, 1709 insertions(+), 319 deletions(-) create mode 100644 .gitignore delete mode 100644 activities.html create mode 100644 defence.html delete mode 100644 favicon.png create mode 100644 ilovelinux.html create mode 100644 reflect.html delete mode 100644 script.js create mode 100755 start.sh delete mode 100644 style.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..6d2eaaa --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.github/ \ No newline at end of file diff --git a/about.html b/about.html index 693080c..0f1129c 100644 --- a/about.html +++ b/about.html @@ -5,24 +5,23 @@ 關於協會 | 台灣民團協會 - -

我們是誰

-

由台灣愛國者所組成，致力於推廣民防之重要與落實。

+

由台灣愛國者所組成，致力於推廣民防之重要與落實。

diff --git a/activities.html b/activities.html deleted file mode 100644 index cf8ad7b..0000000 --- a/activities.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - - - 訓練課程 | 台灣民團協會 - - - - - - - - -
-

訓練與活動

- -
-
- WORKSHOP -

黃金72小時續航力

-

這是一場結合負重力學與移動式堡壘概念的工作坊。學員將學習如何配置個人裝備包（Bug-out Bag），並在負重狀態下保持機動性。

-
- -
- TRAINING -

基礎戰傷救護 (TECC)

-

針對高風險環境下的急救訓練。包含止血帶操作、傷患搬運以及在壓力環境下的醫療決策。

-
- -
- LECTURE -

社區防災講座

-

走入社區，推廣家庭防災計畫。如何儲備物資？如何規劃逃生路線？建立社區互助網。

-
- -
- DRILL -

實境模擬演練

-

模擬斷水斷電及通訊中斷的場景，考驗學員的心理素質與應變能力，將所學知識轉化為肌肉記憶。

-
-
-
- -
-

© 2024 Taiwan Civilian Association Cyberfair Project.

-
- - - - \ No newline at end of file diff --git a/defence.html b/defence.html new file mode 100644 index 0000000..2635080 --- /dev/null +++ b/defence.html @@ -0,0 +1,383 @@ + + + + + + 專案詳情 | 台灣民團協會 + + + + + + + + +
+ +
+
+ 居家安全 +
+

居家堡壘計畫

+
+
+ +
+

詳情

+

+ 深入了解我們如何透過社區互助與居家防護準備，建立穩固的基層防禦體系。 +

+
+
+ + +
+ + +
+
+

社區互助網絡

+
+
+
+

民防的第一現場不在戰場，而是在家門口。我們的計畫重點在於整合社區鄰里，建立緊急聯絡網。當災難發生時，政府資源可能無法第一時間抵達，此時鄰里間的互助是生存關鍵。

+

透過定期的避難模擬演習與資源盤點，每個家庭都能清楚知道最近的避難點與急救站位置。

+
+
+ 社區討論圖 +
+
+
+ + +
+
+

居家物資整備

+
+
+
+

我們提供標準化的居家生存包清單，涵蓋了 72 小時所需的糧食、潔淨水源以及基本的急救醫藥用品。重點不在於昂貴的裝備，而在於「正確的分類」與「定期的檢查」。

+

除了實體物資，數位備份與重要證件的保存也是堡壘計畫中不可或缺的一環。

+
+
+ 急救包圖 +
+
+
+ + +
+
+

緊急醫療訓練

+
+
+
+

擁有止血帶與急救箱是不夠的，必須具備正確的操作知識。我們舉辦針對普通市民的止血訓練 (Stop the Bleed) 與基礎心理急救課程。

+

在混亂的環境中，心理韌性與基礎醫療能力同樣重要，能有效降低社區的集體恐慌並增加存活機率。

+
+
+ 醫療訓練圖 +
+
+
+ +
+
+ +
+

© 2024 Taiwan Civilian Association Cyberfair Project.

+
+ + + + \ No newline at end of file diff --git a/favicon.png b/favicon.png deleted file mode 100644 index fe90d52da597aa2c441f61ddbca595eec0a83329..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 340 zcmeAS@N?(olHy`uVBq!ia0y~yVDtjA?=Ud~$!vax8X(1z?&#~tz_78O`%fY(kgt&J z5#-CjP^HGe(9pub@Czu^@PdJ%)PRBERRRNp)eHs(@q#(K0&Rd2oB=)|t_uGTS diff --git a/ilovelinux.html b/ilovelinux.html new file mode 100644 index 0000000..442ca68 --- /dev/null +++ b/ilovelinux.html @@ -0,0 +1,459 @@ + + + + + + 專案詳情 | 台灣民團協會 + + + + + + + + +
+ +
+
+ 居家安全 +
+

居家堡壘計畫

+
+
+ +
+

詳情

+

+ 深入了解我們如何透過社區互助與居家防護準備，建立穩固的基層防禦體系。 +

+
+
+ + +
+ + +
+
+

社區互助網絡

+
+
+
+

民防的第一現場不在戰場，而是在家門口。我們的計畫重點在於整合社區鄰里，建立緊急聯絡網。當災難發生時，政府資源可能無法第一時間抵達，此時鄰里間的互助是生存關鍵。

+

透過定期的避難模擬演習與資源盤點，每個家庭都能清楚知道最近的避難點與急救站位置。

+
+
+ 社區討論圖 +
+
+
+ + +
+
+

居家物資整備

+
+
+
+

我們提供標準化的居家生存包清單，涵蓋了 72 小時所需的糧食、潔淨水源以及基本的急救醫藥用品。重點不在於昂貴的裝備，而在於「正確的分類」與「定期的檢查」。

+

除了實體物資，數位備份與重要證件的保存也是堡壘計畫中不可或缺的一環。

+
+
+ 急救包圖 +
+
+
+ + +
+
+

緊急醫療訓練

+
+
+
+

擁有止血帶與急救箱是不夠的，必須具備正確的操作知識。我們舉辦針對普通市民的止血訓練 (Stop the Bleed) 與基礎心理急救課程。

+

在混亂的環境中，心理韌性與基礎醫療能力同樣重要，能有效降低社區的集體恐慌並增加存活機率。

+
+
+ 醫療訓練圖 +
+
+
+ +
+
+ +
+

© 2024 Taiwan Civilian Association Cyberfair Project.

+
+ + + + \ No newline at end of file diff --git a/index.html b/index.html index c163b25..8730468 100644 --- a/index.html +++ b/index.html @@ -4,68 +4,497 @@ 台灣民團協會 | 民防首頁 - - - + + + +
-

詳情

+

韌性台灣：從你我開始的民防新視角

深入了解我們如何透過社區互助與居家防護準備，建立穩固的基層防禦體系。

diff --git a/index.html b/index.html index 8730468..1cca228 100644 --- a/index.html +++ b/index.html @@ -32,6 +32,10 @@ overflow-x: hidden; } + p { + font-size: 120%; + } + /* 導覽列 */ nav { position: fixed; @@ -170,7 +174,7 @@ } .outline-title { - font-size: 6rem; + font-size: 5rem; font-weight: 900; color: var(--text-main); line-height: 1; @@ -296,6 +300,10 @@ font-weight: 500; } + .member-image { + max-width: 100%; + } + /* 動畫類別 */ .fade-up { opacity: 0; @@ -391,20 +399,15 @@
專案背景 -
-

軍民一心

-

國防之後的無形防線

-
-

大綱

+

韌性台灣：從你我開始的民防新視角

- 3 成員介紹 - 1 知識引導 - 2 成果省思 + 何謂民防 + 成員介紹
@@ -415,13 +418,10 @@

大綱

-

知識引導

-

在台灣這片多災多難的土地上，民防不僅是政府的責任，更是每一位公民的義務。台灣民團協會致力於打造一個全民參與的防災網絡，讓每個人都能成為自己和家人的第一道防線。

-
- -
-

成果省思

-

民防，是人民自我防衛的基石。在過去的訓練中，我們發現社區的韌性來自於鄰里間的互助。

+

何謂民防

+

何謂「民防」？顧名思義，它是「民間防衛」與「全社會韌性」的具體實踐。

+
+

在本次專題中，我們團隊親自走訪了「台灣民防協會」的學者專家與「高默防衛（S.T.A）」民間訓練團體。透過深度訪談與實地觀察，我們打破了過去「民防等於軍警專利」的迷思。我們發現：當天然災害（如地震、颱風）降臨，或發生重大無預警危機時，民防不僅是止血帶與無線電，它更包含了弱勢照顧、物資分配與金融避險。它能賦予一般民眾自我保護與相互救援的能力，讓公民社會成為政府之外最強大的支撐網絡。

@@ -429,22 +429,42 @@

成員介紹

-
👤
成員 A
專案統籌
+
-
👤
成員 B
資料收集
+
-
👤
成員 C
視覺設計
+ +
+
+ +
+
+
成員 A
+
專案統籌
+ +
+
+
成員 B
+
資料收集
+ +
+
+
成員 C
+
視覺設計
+
+ +

「在充滿未知與變數的時代，『安全感』不能只依靠政府給的承諾，更應該從『自己』著手準備。民防，是全社會韌性的昇華——從急救止血到避難引導，從物資準備到資訊傳遞。這是一場關於全社會的集體行動，指引我們在混亂中依然能保持冷靜，成為那道黑暗中的光。」 —— 團隊成員

From d701b7cede28aca9beed99bbe8de314f81b7650a Mon Sep 17 00:00:00 2001 From: Papaya Wang Date: Tue, 10 Mar 2026 21:31:52 +0800 Subject: [PATCH 3/5] insert text, may need reviewing --- defence.html | 345 ++++++------------------------------------ ilovelinux.html | 395 ++++-------------------------------------------- index.html | 2 +- reflect.html | 373 +++++++++------------------------------------ script.js | 31 ++++ style.css | 323 +++++++++++++++++++++++++++++++++++++++ 6 files changed, 495 insertions(+), 974 deletions(-) create mode 100644 script.js create mode 100644 style.css diff --git a/defence.html b/defence.html index 0ca39f2..9fc6b16 100644 --- a/defence.html +++ b/defence.html @@ -6,271 +6,22 @@ 專案詳情 | 台灣民團協會 - +