-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
236 lines (225 loc) · 12.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="shortcut icon" href="./picture/icon_purple_purple.png" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Serif+TC&family=Roboto&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./style/style.css" />
<link rel="stylesheet" href="./style/card.css" />
<link rel="stylesheet" href="./style/animation.css" />
<link rel="stylesheet" href="./style/btn.css" />
<title>CSOs 數位防禦手冊</title>
</head>
<body>
<section id="cup" class="animation">
<div class="cup">
<span class="steam"></span>
<span class="steam"></span>
<span class="steam"></span>
<div class="cup-handle"></div>
</div>
</section>
<main>
<section class="backImage">
<a href="https://ocf.tw/"
><img class="logo" src="./picture/icon_purple_purple.png" alt=""
/></a>
<div class="typewriter">
<h1>CSOs 數位防禦手冊</h1>
</div>
<div>
<a class="dlbtn is-success"
target="_blank"
href="https://drive.google.com/file/d/1Yj6xmmJWHbleFRzbxVM1XbRzfFNGZg8w/view">下載手冊全文 2024.07 更版</a>
</div>
<div>
<a class="dlbtn is-primary"
target="_blank"
href="https://forms.gle/PPqqeUYoZD8vsFGY6">前測問卷</a>
</div>
<div>
<a class="dlbtn is-primary"
target="_blank"
href="https://forms.gle/Tb6qsBtGwGke8b2B7">後測問卷</a>
</div>
</section>
<section class="start">
<section>
<h2 id="數位安全是什麼？哪裡重要？">數位安全為何重要？</h2>
<hr />
<p>
在幾乎所有工作都要上網的時代裡，全世界的公民社會組織（Civil Society Organization）越來越習慣利用數位工具進行倡議，工作環節包含日常的行政運作、內外人員的往來溝通、勸募、記者會或宣傳等。可以說， 沒有網路，公民組織的工作將窒礙難行。
</p>
<p>
當工作空間從實體延伸到線上，公民組織倡議和行動的空間增加，同時也讓公民組織暴露在更多的風險和威脅。根據開放文化基金會 2024 年 4 月公開的研究報告指出，受訪的 35 家人權及民主倡議組織，都曾遭受程度不一的數位攻擊和威脅。每個組織除了在官網或社交平台頻繁地收到言語騷擾和威脅之外，一半以上的組織都遭受過更沉重的數位攻擊，包括監控、機密資料外洩（如捐款人資料、服務對象行蹤等）、惡意癱瘓網路、資訊操控等，有些甚至是來自極權國家的強力攻擊，讓人難以招架！這些數位攻擊傷害了組織所倡議及保護的價值，且導致組織的員工、聲譽和資產面臨不可抹滅的損害。
</p>
<p>
倡議最重要的資產就是「人」與「聲音」；「人」指的是組織的倡議者，「聲音」指的是倡議的管道或官網上呈現的歷年成果。《CSOs 數位防禦手冊》是一本寫給公民社會組織，同時也便利人人自學的數位安全初階教科書。透過建立概念、認識威脅、了解更好的管理方式和防禦工具，幫助公民組織和人權工作者學習並應用基礎防禦知識，來保護最重要的資產。
</p>
<p>
數位攻擊通常從使用者「日常使用網路的行為」切入，協助國際公民組織和獨立記者的非營利組織 Internews 從多年協助經驗發現，只要組織與個人做好基礎防禦，即有機會大幅降低傷害，甚至避開威脅。
</p>
<p>
本手冊主旨即是夯實數位安全能力的基本概念，針對公民組織工作過程中的四個環節：上網用的瀏覽器、工作帳號的密碼管理、資料管理及備份、官方網站的保護，分別以四個章節介紹，從概念、解方到推薦工具，讓讀者快速掌握數位安全概念。並且，最後提醒當遭遇數位攻擊時該如何求救。
</p>
<h2 id="數位安全 × 開源工具">
數位安全 × 開源工具
</h2>
<hr />
<p>
開放原始碼、開源，意思就是將原始程式碼開放出來，讓眾人看得到、能參與改善，更能監督，換言之，在程式碼都可能會有安全漏洞的前提下，開源能夠集合眾人智慧並擁有更快速修正的優勢。
</p>
<p>
程式碼與數位使用息息相關，所有的網路和數位服務都是建立在一組又一組的程式碼之上，並以此來決定如何運作（包括攻擊、收集資料、找到地址等）。我們所知的網路和數位服務大多屬於私人商業公司，這也代表它們基於營利考量而不會公開程式碼，因此使用者，也就是你我的數位隱私和安全就會有一定程度的漏洞和風險；這也說明了為什麼有些高風險人權工作者使用社交平台會招致一定風險——他們可能使用了不夠安全的社交平台，導致行蹤或個人資料曝光，甚至成為組織工作的破口。
</p>
<p>
本手冊建議的數位工具皆以開源數位工具為主，它們不僅是全球開放原始碼貢獻者的智慧結晶，更獲得資安和技術人員認可與推薦。本手冊中所提的工具皆符合三個原則：可在網路上或可信賴的平台上提供公開免費下載、很少受到商業利益的限制、開發過程更注重使用者的安全與隱私。透過這些工具，可更進一步強化公民組織工作者的數位安全。
</p>
<section class="section-card">
<div class="row">
<div class="col-1-of-6">
<a href="./pretest.html">
<div class="card-box">
<img
style="width: 10rem; height: 10rem"
src="./picture/LibreWolf_icon.svg.png"
alt=""
/>
<h3 class="card-title">風險評估</h3>
</div>
</a>
</div>
<div class="col-1-of-6">
<a href="./browser.html">
<div class="card-box">
<img
style="width: 10rem; height: 10rem"
src="./picture/LibreWolf_icon.svg.png"
alt=""
/>
<h3 class="card-title">開源與安全的瀏覽器</h3>
<p class="card-ph">是否要接受Cookie?</p>
<p class="card-ph">擔心搜尋紀錄被側錄?</p>
<p class="card-ph">你用的瀏覽器安全嗎?</p>
</div>
</a>
</div>
<div class="col-1-of-6">
<a href="./KeePassXC.html">
<div class="card-box">
<img
style="width: 10rem; height: 10rem"
src="./picture/KeePass_icon.png"
alt=""
/>
<h3 class="card-title">密碼管理器</h3>
<!-- <h3 class="card-title">KeePassXC</h3> -->
<p class="card-ph">又忘記密碼了？</p>
<p class="card-ph">密碼太多太繁雜?</p>
<p class="card-ph">還在使用同一組密碼？</p>
</div>
</a>
</div>
<div class="col-1-of-6">
<a href="./Nextcloud.html">
<div class="card-box">
<img
style="width: 10rem; height: 10rem"
src="./img/71278-icons-android-computer-nextcloud-free-transparent-image-hq.png"
alt=""
/>
<h3 class="card-title">備份 3-2-1 </h3>
<!-- <h3 class="card-title">Nextcloud</h3> -->
<p class="card-ph">協作時需要檔案傳輸?</p>
<p class="card-ph">想對資料有完整掌控權?</p>
<p class="card-ph">想在各裝置同步&管理檔案?</p>
</div>
</a>
</div>
<div class="col-1-of-6">
<a href="./Deflect&eQpress.html">
<div class="card-box">
<img
style="width: 10rem; height: 10rem"
src="./picture/Deflect.png"
alt=""
/>
<h3 class="card-title">保障你的網路安全</h3>
<!-- <h3 class="card-title">Deflect & eQpress</h3> -->
<p class="card-ph">網站有被攻擊的疑慮?</p>
<p class="card-ph">網站沒有專業技術團隊維護?</p>
<p class="card-ph">想避免遭受DDoS、資安攻擊?</p>
</div>
</a>
</div>
<div class="col-1-of-6">
<a href="./posttest.html">
<div class="card-box">
<img
style="width: 10rem; height: 10rem"
src="./picture/Deflect.png"
alt=""
/>
<h3 class="card-title">危機來了，怎麼辦？</h3>
<p class="card-ph">後測</p>
</div>
</a>
</div>
</div>
</section>
<h2 id="結語">
結語
</h2>
<hr />
<p>
從了解數位安全是什麼，到風險評估、四大單元課程：瀏覽器選擇、密碼管理、網站安全、備份 321，最後匯聚成數位安全的緊急因應機制。本手冊所提的概念和建議，除了數位安全的技術知識、基礎概念之外，我們反覆提及組織成員的溝通和定期訓練。 組織裡的每個人都是構成安全的一份子，就像砌成屋頂的瓦片，不用最高級的材質也可以遮風避雨，但只要少了一片瓦，就如同組織遺漏了一名成員，雨水就可能灌入屋內並造成損失。
</p>
<p>
最後，本手冊整理了六個關鍵要點，為讀者做最後的複習：
</p>
<ol>
<li>數位安全能保護的，不只是網站、資料、信譽，更能保護組織中的「人」和使命。</li>
<li>面對數位安全防禦及因應，首先，要先了解組織或個人主要想保護的是什麼？</li>
<li>制定組織的四大數位安全守則和緊急應變計畫
<ul>
<li>針對瀏覽器選擇、密碼管理、網站安全、備份 321 這四個層面，蒐集在組織與個人日常生活中能完善的事項，並記錄在文件檔中。</li>
<li>集體討論可能發生的事件，並在事件發生前做好「事發 / 事後」的應對方案。</li>
<li>將應對方案寫下來，連同緊急聯絡清單都要記錄在文件檔中（可以是同一份檔案或不同檔案。</li>
</ul>
</li>
<li>定期檢視，但更重要的是時常演練。</li>
<li>確保每位成員都知道組織將在事件發生後如何聯繫，不同角色該做什麼事。</li>
<li>緊急聯絡清單是一個列表，內容包含數位安全資源、人身安全資源之外，更有可能是法律、情緒或社會支持等資源。</li>
</ol>
</section>
</section>
</main>
<footer>
<p>
Contributed By
<img
style="width: 25px; height: 25px; margin: 2px"
src="./picture/icon_purple_purple.png"
alt=""
/>
開放文化基金會 Azazel
</p>
</footer>
</body>
<script src="./app.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X3DG2E5E3W"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X3DG2E5E3W');
gtag('event', 'page_view', { 'send_to': 'G-X3DG2E5E3W' });
</script>
</html>