Skip to content

Commit 0747522

Browse files
alvin000009238alvin000009238
committed
feat(demo): update trend preview and add timetable & coming soon features
1 parent a4659f8 commit 0747522

4 files changed

Lines changed: 49 additions & 8 deletions

File tree

‎demo/assets/advanved_page.webp‎

-18.1 KB
Loading

‎demo/assets/timetable.webp‎

80.1 KB
Loading

‎demo/index.html‎

Lines changed: 41 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,8 @@
1212
<link rel="icon" type="image/png" href="./assets/icon.png">
1313
<link rel="preconnect" href="https://fonts.googleapis.com">
1414
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15-
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap">
15+
<link rel="preload" as="style"
16+
href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap">
1617
<link
1718
href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap"
1819
rel="stylesheet">
@@ -42,7 +43,8 @@ <h1 class="hero-title" data-i18n="hero.title">壢中成績 app</h1>
4243
<div class="hero-actions">
4344
<a href="https://github.com/alvin000009238/clhs_score/releases/latest" class="cta-btn" target="_blank"
4445
rel="noopener">
45-
<svg class="cta-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
46+
<svg class="cta-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
47+
stroke-linecap="round" stroke-linejoin="round">
4648
<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />
4749
<polyline points="7 10 12 15 17 10" />
4850
<line x1="12" y1="15" x2="12" y2="3" />
@@ -142,6 +144,31 @@ <h3 data-i18n="feature.simulator.title">試算你的目標成績</h3>
142144
<p data-i18n="feature.simulator.desc">拖動滑桿調整各科分數，即時計算調整後的加權平均，規劃你的讀書策略。</p>
143145
</div>
144146

147+
<div class="feature-card">
148+
<div class="feature-card-phone">
149+
<div class="phone-mockup">
150+
<div class="phone-screen">
151+
<img src="./assets/timetable.webp" alt="課表頁面" loading="lazy" width="1440" height="2993">
152+
</div>
153+
</div>
154+
</div>
155+
<h3 data-i18n="feature.timetable.title">輕鬆查看課表</h3>
156+
<p data-i18n="feature.timetable.desc">隨時隨地查看每日課表，掌握上課節次與科目。</p>
157+
</div>
158+
159+
<div class="feature-card"
160+
style="display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px dashed var(--border-medium); background: transparent;">
161+
<div
162+
style="width: 64px; height: 64px; border-radius: 50%; background: var(--bg-secondary); display: flex; align-items: center; justify-content: center; margin-bottom: 24px;">
163+
<svg style="width: 32px; height: 32px; color: var(--text-tertiary);" viewBox="0 0 24 24" fill="none"
164+
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
165+
<path d="M12 5v14M5 12h14" />
166+
</svg>
167+
</div>
168+
<h3 data-i18n="feature.more.title">更多功能</h3>
169+
<p data-i18n="feature.more.desc">持續開發增加中，敬請期待...</p>
170+
</div>
171+
145172
</div>
146173

147174
</div>
@@ -155,7 +182,8 @@ <h2 class="section-title fade-in" data-i18n="privacy.title">隱私與安全</h2>
155182

156183
<div class="privacy-card">
157184
<div class="privacy-icon">
158-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
185+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
186+
stroke-linejoin="round">
159187
<rect x="3" y="11" width="18" height="11" rx="2" />
160188
<path d="M7 11V7a5 5 0 0110 0v4" />
161189
<circle cx="12" cy="16" r="1" />
@@ -167,7 +195,8 @@ <h3 data-i18n="privacy.nopassword.title">不保存密碼</h3>
167195

168196
<div class="privacy-card">
169197
<div class="privacy-icon">
170-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
198+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
199+
stroke-linejoin="round">
171200
<path d="M5 12h14M12 5l7 7-7 7" />
172201
</svg>
173202
</div>
@@ -177,7 +206,8 @@ <h3 data-i18n="privacy.nobackend.title">無後端伺服器</h3>
177206

178207
<div class="privacy-card">
179208
<div class="privacy-icon">
180-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
209+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
210+
stroke-linejoin="round">
181211
<rect x="5" y="2" width="14" height="20" rx="2" ry="2" />
182212
<line x1="12" y1="18" x2="12.01" y2="18" />
183213
</svg>
@@ -188,7 +218,8 @@ <h3 data-i18n="privacy.localonly.title">本機端處理</h3>
188218

189219
<div class="privacy-card">
190220
<div class="privacy-icon">
191-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
221+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
222+
stroke-linejoin="round">
192223
<path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4" />
193224
<polyline points="16 17 21 12 16 7" />
194225
<line x1="21" y1="12" x2="9" y2="12" />
@@ -206,7 +237,8 @@ <h3 data-i18n="privacy.logout.title">登出即清除</h3>
206237
<section class="disclaimer" id="disclaimer">
207238
<div class="container">
208239
<div class="disclaimer-box fade-in">
209-
<svg class="disclaimer-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
240+
<svg class="disclaimer-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
241+
stroke-linecap="round" stroke-linejoin="round">
210242
<path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" />
211243
<line x1="12" y1="9" x2="12" y2="13" />
212244
<line x1="12" y1="17" x2="12.01" y2="17" />
@@ -225,7 +257,8 @@ <h2 class="bottom-cta-title" data-i18n="bottom.cta.title">準備好開始了嗎
225257
<p class="bottom-cta-desc" data-i18n="bottom.cta.desc">立即下載，體驗最流暢的成績查詢方式。</p>
226258
<a href="https://github.com/alvin000009238/clhs_score/releases/latest" class="cta-btn cta-btn--large"
227259
target="_blank" rel="noopener">
228-
<svg class="cta-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
260+
<svg class="cta-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
261+
stroke-linecap="round" stroke-linejoin="round">
229262
<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />
230263
<polyline points="7 10 12 15 17 10" />
231264
<line x1="12" y1="15" x2="12" y2="3" />

‎demo/main.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,10 @@ const translations = {
2323
'feature.simulator.desc': '拖動滑桿調整各科分數，即時計算調整後的加權平均，規劃你的讀書策略。',
2424
'feature.trend.title': '追蹤你的進步軌跡',
2525
'feature.trend.desc': '自動比對同學期歷次考試，清楚看到平均與排名的變化趨勢。',
26+
'feature.timetable.title': '輕鬆查看課表',
27+
'feature.timetable.desc': '隨時隨地查看每日課表，掌握上課節次與科目。',
28+
'feature.more.title': '更多功能',
29+
'feature.more.desc': '持續開發增加中，敬請期待...',
2630
'privacy.title': '隱私與安全',
2731
'privacy.nopassword.title': '不保存密碼',
2832
'privacy.nopassword.desc': '你的密碼只在登入時使用，不會被儲存在任何地方。',
@@ -61,6 +65,10 @@ const translations = {
6165
'feature.simulator.desc': 'Drag sliders to adjust scores per subject and instantly calculate the new weighted average.',
6266
'feature.trend.title': 'Track your progress',
6367
'feature.trend.desc': 'Automatically compares exams across the semester to visualize average and rank trends.',
68+
'feature.timetable.title': 'Check Timetable Easily',
69+
'feature.timetable.desc': 'View your daily timetable anytime, anywhere. Keep track of class periods and subjects.',
70+
'feature.more.title': 'More Features',
71+
'feature.more.desc': 'More features are continually being added, stay tuned...',
6472
'privacy.title': 'Privacy & Security',
6573
'privacy.nopassword.title': 'No password storage',
6674
'privacy.nopassword.desc': 'Your password is only used during login and is never stored anywhere.',

0 commit comments

Comments
 (0)