Skip to content

Commit 43d951b

Browse files
alvin000009238alvin000009238
committed
加入隱私權政策頁面
1 parent 08423b0 commit 43d951b

2 files changed

Lines changed: 122 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -166,6 +166,11 @@ <h3>登入系統</h3>
166166
<div id="loginStatus" class="status-msg"></div>
167167
<div id="turnstileContainer" style="display: flex; justify-content: center; margin-top: 12px;">
168168
</div>
169+
<p class="privacy-notice"
170+
style="text-align: center; margin-top: 16px; margin-bottom: 0; font-size: 13px; color: var(--color-text-dim);">
171+
若您繼續，即代表您已閱讀並同意本網站的<a href="/privacy.html" target="_blank"
172+
style="color: var(--color-primary); text-decoration: none;">隱私權政策</a>
173+
</p>
169174
</div>
170175
<div class="modal-footer">
171176
<button class="modal-btn cancel" id="cancelLogin">取消</button>

‎privacy.html‎

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-TW">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>隱私權政策 - 成績分析平台</title>
8+
<link
9+
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Sans+TC:wght@400;500;700&display=swap"
10+
rel="stylesheet">
11+
<link rel="stylesheet" href="/grades_dashboard.css">
12+
<link rel="icon" type="image/x-icon" href="/favicon.ico">
13+
<style>
14+
.privacy-container {
15+
max-width: 800px;
16+
margin: 40px auto;
17+
background: var(--color-surface);
18+
padding: 40px;
19+
border-radius: var(--radius-lg);
20+
border: 1px solid var(--color-border-subtle);
21+
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
22+
color: var(--color-text-main);
23+
line-height: 1.6;
24+
position: relative;
25+
z-index: 10;
26+
}
27+
28+
.privacy-container h1 {
29+
color: var(--color-text-strong);
30+
margin-bottom: 24px;
31+
text-align: center;
32+
}
33+
34+
.privacy-container h2 {
35+
color: var(--color-primary);
36+
margin-top: 32px;
37+
margin-bottom: 16px;
38+
font-size: 1.25rem;
39+
font-weight: 700;
40+
}
41+
42+
.privacy-container p {
43+
margin-bottom: 16px;
44+
color: var(--color-text-dim);
45+
}
46+
47+
.privacy-container ul {
48+
margin-bottom: 16px;
49+
padding-left: 24px;
50+
color: var(--color-text-dim);
51+
}
52+
53+
.privacy-container li {
54+
margin-bottom: 8px;
55+
}
56+
57+
@media (max-width: 768px) {
58+
.privacy-container {
59+
margin: 20px;
60+
padding: 24px;
61+
}
62+
}
63+
</style>
64+
</head>
65+
66+
<body>
67+
<!-- 背景動畫元素 -->
68+
<div class="bg-orbs">
69+
<div class="orb orb-1"></div>
70+
<div class="orb orb-2"></div>
71+
<div class="orb orb-3"></div>
72+
</div>
73+
74+
<div class="privacy-container">
75+
<h1>隱私權政策</h1>
76+
<p>歡迎使用「成績分析平台」（以下簡稱本平台）。為了讓您能夠安心使用本平台的各項服務與資訊，特此向您說明本平台的隱私權保護政策，以保障您的權益，請您詳閱下列內容：</p>
77+
78+
<h2>一、隱私權保護政策的適用範圍</h2>
79+
<p>隱私權保護政策內容，包括本平台如何處理在您使用網站服務時收集到的個人識別資料。隱私權保護政策不適用於本平台以外的相關連結網站，也不適用於非本平台所委託或參與管理的人員。</p>
80+
81+
<h2>二、個人資料的蒐集、處理及利用方式</h2>
82+
<ul>
83+
<li>當您使用本平台的「雲端同步」功能時，我們僅會在您的瀏覽器與學校成績系統之間進行連線與資料抓取。</li>
84+
<li><strong>本平台伺服器不會永久儲存您的學校帳號與密碼。</strong> 您的登入憑證僅在當次會話中用於向學校系統進行身份驗證及獲取成績資料，並會在會話結束後自動清除。</li>
85+
<li>您所匯入或取得的成績資料，本平台會處理並呈現圖表與分析結果，這些資料僅保留在您當前的瀏覽器會話或本平台提供的暫時性分享連結（若您主動使用分享功能）。</li>
86+
<li>當您使用「分享功能」產生連結時，該成績資料將匿名儲存於伺服器最多兩小時，過期後將自動永久刪除。我們不會要求提供任何可識別您個人身份的資訊。</li>
87+
</ul>
88+
89+
<h2>三、資料之保護</h2>
90+
<ul>
91+
<li>本平台採行適當之技術及組織安全措施，保護您的成績及個人相關資料免於未經授權之存取、揭露或修改。</li>
92+
<li>本平台採用 HTTPS 加密通訊協定，確保您的登入資訊和成績資料在傳輸過程中受到加密保護。</li>
93+
</ul>
94+
95+
<h2>四、第三方服務</h2>
96+
<p>為了防範機器人惡意攻擊並保護平台服務品質，本平台使用了 Cloudflare Turnstile
97+
作為人機驗證服務。當您進行登入或相關操作時，此服務可能會收集部分硬體及網路連線資訊以判斷是否為真實用戶。相關資料處理請參閱 Cloudflare 的隱私權政策。</p>
98+
99+
<h2>五、您的權利</h2>
100+
<ul>
101+
<li>您可以隨時停止使用本平台服務，並清除您瀏覽器中的本平台 Cookie 與儲存資料（例如利用登出功能），這將移除您於本平台會話中的成績數據。</li>
102+
<li>如果您曾建立暫時性的分享連結，該資料將在規定的時間內自動刪除，請注意該連結產生後無法手動提前撤回。</li>
103+
</ul>
104+
105+
<h2>六、隱私權保護政策之修正</h2>
106+
<p>本平台之隱私權保護政策將因應需求或法規變更隨時進行修正，修正後的條款將刊登於網站上。若您於條款修改後繼續使用本平台服務，即表示您同意並接受修改後的隱私權政策。</p>
107+
108+
<div style="text-align: center; margin-top: 40px;">
109+
<a href="/"
110+
style="display: inline-block; padding: 10px 24px; background: var(--color-surface-elevated); color: var(--color-text-main); text-decoration: none; border-radius: var(--radius-md); border: 1px solid var(--color-border-subtle); transition: all 0.2s; cursor: pointer; font-weight: 500;">
111+
回首頁
112+
</a>
113+
</div>
114+
</div>
115+
</body>
116+
117+
</html>

0 commit comments

Comments
 (0)