Skip to content

Commit 6facc21

Browse files
goxiagoxia
authored
add docs
1 parent 6f58b41 commit 6facc21

4 files changed

Lines changed: 1379 additions & 0 deletions

File tree

‎.github/workflows/pages.yml‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [ main ]
6+
pull_request:
7+
branches: [ main ]
8+
9+
# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
10+
permissions:
11+
contents: read
12+
pages: write
13+
id-token: write
14+
15+
# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
16+
# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
17+
concurrency:
18+
group: "pages"
19+
cancel-in-progress: false
20+
21+
jobs:
22+
# Single deploy job since we're just deploying
23+
deploy:
24+
environment:
25+
name: github-pages
26+
url: ${{ steps.deployment.outputs.page_url }}
27+
runs-on: ubuntu-latest
28+
steps:
29+
- name: Checkout
30+
uses: actions/checkout@v4
31+
32+
- name: Setup Pages
33+
uses: actions/configure-pages@v4
34+
35+
- name: Upload artifact
36+
uses: actions/upload-pages-artifact@v3
37+
with:
38+
# Upload docs directory for GitHub Pages
39+
path: './docs'
40+
41+
- name: Deploy to GitHub Pages
42+
id: deployment
43+
uses: actions/deploy-pages@v4

‎docs/index.html‎

Lines changed: 266 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,266 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>TouchFuture - 智能桌面助手 | Windows 11触控体验</title>
7+
<meta name="description" content="TouchFuture是为Windows 11设计的智能桌面助手工具，专注触控屏幕，支持手写笔和传统鼠标操作。">
8+
<meta name="keywords" content="Windows 11, 触控, 桌面助手, WPF, .NET 8">
9+
10+
<!-- Open Graph 元标签 -->
11+
<meta property="og:title" content="TouchFuture - 智能桌面助手">
12+
<meta property="og:description" content="为Windows 11设计的智能桌面助手工具，专注触控屏幕体验">
13+
<meta property="og:image" content="./Demo-TouchFuture.jpg">
14+
<meta property="og:type" content="website">
15+
16+
<link rel="stylesheet" href="styles.css">
17+
<!-- 使用emoji作为favicon的备选方案 -->
18+
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🤖</text></svg>">
19+
20+
<!-- Google Fonts -->
21+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
22+
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
23+
</head>
24+
<body>
25+
<!-- 导航栏 -->
26+
<nav class="navbar">
27+
<div class="nav-container">
28+
<div class="nav-logo">
29+
<span class="logo-icon">🤖</span>
30+
<span class="logo-text">TouchFuture</span>
31+
</div>
32+
<ul class="nav-menu">
33+
<li><a href="#home" class="nav-link">首页</a></li>
34+
<li><a href="#features" class="nav-link">功能</a></li>
35+
<li><a href="#demo" class="nav-link">演示</a></li>
36+
<li><a href="#download" class="nav-link">下载</a></li>
37+
</ul>
38+
<div class="hamburger">
39+
<span class="bar"></span>
40+
<span class="bar"></span>
41+
<span class="bar"></span>
42+
</div>
43+
</div>
44+
</nav>
45+
46+
<!-- 英雄区域 -->
47+
<section id="home" class="hero">
48+
<div class="hero-container">
49+
<div class="hero-content">
50+
<h1 class="hero-title">
51+
<span class="gradient-text">TouchFuture</span>
52+
<br>智能桌面助手
53+
</h1>
54+
<p class="hero-subtitle">
55+
为Windows 11设计的触控优先桌面助手<br>
56+
优雅简洁的圆形UI，让智能触手可及
57+
</p>
58+
<div class="hero-buttons">
59+
<a href="#download" class="btn btn-primary">
60+
<span>📥</span> 立即下载
61+
</a>
62+
<a href="#demo" class="btn btn-secondary">
63+
<span>🎮</span> 查看演示
64+
</a>
65+
</div>
66+
<div class="hero-stats">
67+
<div class="stat">
68+
<span class="stat-number">.NET 8.0</span>
69+
<span class="stat-label">现代框架</span>
70+
</div>
71+
<div class="stat">
72+
<span class="stat-number">触控优先</span>
73+
<span class="stat-label">交互设计</span>
74+
</div>
75+
<div class="stat">
76+
<span class="stat-number">Windows 11</span>
77+
<span class="stat-label">原生集成</span>
78+
</div>
79+
</div>
80+
</div>
81+
<div class="hero-visual">
82+
<div class="floating-circle main-circle">
83+
<span class="circle-icon">🤖</span>
84+
</div>
85+
<div class="floating-circle feature-circle" style="--delay: 0.5s">
86+
<span class="circle-icon">🎤</span>
87+
</div>
88+
<div class="floating-circle feature-circle" style="--delay: 1s">
89+
<span class="circle-icon">📝</span>
90+
</div>
91+
<div class="floating-circle feature-circle" style="--delay: 1.5s">
92+
<span class="circle-icon">🌐</span>
93+
</div>
94+
<div class="floating-circle feature-circle" style="--delay: 2s">
95+
<span class="circle-icon">💬</span>
96+
</div>
97+
</div>
98+
</div>
99+
</section>
100+
101+
<!-- 功能特性 -->
102+
<section id="features" class="features">
103+
<div class="container">
104+
<div class="section-header">
105+
<h2 class="section-title">核心功能</h2>
106+
<p class="section-subtitle">集成Windows 11原生功能，提供触控优先的智能体验</p>
107+
</div>
108+
109+
<div class="features-grid">
110+
<div class="feature-card">
111+
<div class="feature-icon">🎯</div>
112+
<h3>常驻桌面</h3>
113+
<p>始终置顶显示，可拖拽到屏幕任意位置。美观的圆形UI设计，不占用过多桌面空间。</p>
114+
</div>
115+
116+
<div class="feature-card">
117+
<div class="feature-icon">👆</div>
118+
<h3>触控支持</h3>
119+
<p>完全支持手指触摸和手写笔操作，为触控设备量身定制的交互体验。</p>
120+
</div>
121+
122+
<div class="feature-card">
123+
<div class="feature-icon">🎤</div>
124+
<h3>语音输入</h3>
125+
<p>一键调用Windows 11内置语音输入功能 (Win+H)，让语音交互更便捷。</p>
126+
</div>
127+
128+
<div class="feature-card">
129+
<div class="feature-icon">📝</div>
130+
<h3>实时字幕</h3>
131+
<p>快速启用Windows 11实时字幕功能 (Win+Ctrl+L)，提升听觉辅助体验。</p>
132+
</div>
133+
134+
<div class="feature-card">
135+
<div class="feature-icon">🌐</div>
136+
<h3>Copilot集成</h3>
137+
<p>快速启动Microsoft Copilot (Win+C)，AI助手触手可及。</p>
138+
</div>
139+
140+
<div class="feature-card">
141+
<div class="feature-icon">💬</div>
142+
<h3>语音对话</h3>
143+
<p>一键启动Copilot语音对话模式，2秒长按即可开始AI语音交互。</p>
144+
</div>
145+
</div>
146+
</div>
147+
</section>
148+
149+
<!-- 演示区域 -->
150+
<section id="demo" class="demo">
151+
<div class="container">
152+
<div class="section-header">
153+
<h2 class="section-title">产品演示</h2>
154+
<p class="section-subtitle">直观展示TouchFuture的界面和功能</p>
155+
</div>
156+
157+
<div class="demo-container">
158+
<div class="demo-image">
159+
<img src="../Demo-TouchFuture.jpg" alt="TouchFuture演示截图" loading="lazy">
160+
<div class="demo-overlay">
161+
<button class="demo-play-btn">
162+
<span>▶</span>
163+
</button>
164+
</div>
165+
</div>
166+
167+
<div class="demo-info">
168+
<h3>界面预览</h3>
169+
<p>TouchFuture采用现代化的圆形UI设计，默认显示机器人图标。点击后展开圆形功能菜单，所有功能一目了然。</p>
170+
171+
<div class="tech-specs">
172+
<h4>技术规格</h4>
173+
<ul>
174+
<li><strong>框架:</strong> .NET 8.0 WPF</li>
175+
<li><strong>目标平台:</strong> Windows 11 24H2 (x64/ARM64)</li>
176+
<li><strong>运行要求:</strong> 无需预装runtime，独立部署</li>
177+
<li><strong>UI技术:</strong> WPF with XAML，支持高DPI</li>
178+
</ul>
179+
</div>
180+
</div>
181+
</div>
182+
</div>
183+
</section>
184+
185+
<!-- 下载区域 -->
186+
<section id="download" class="download">
187+
<div class="container">
188+
<div class="download-card">
189+
<div class="download-content">
190+
<h2>开始使用 TouchFuture</h2>
191+
<p>免费下载，立即体验智能触控桌面助手</p>
192+
193+
<div class="download-buttons">
194+
<a href="https://github.com/goxia/TouchFuture/releases/latest" class="btn btn-primary btn-large" target="_blank">
195+
<span>📥</span> 下载最新版本
196+
</a>
197+
<a href="https://github.com/goxia/TouchFuture" class="btn btn-secondary btn-large" target="_blank">
198+
<span>⭐</span> GitHub源码
199+
</a>
200+
</div>
201+
202+
<div class="download-info">
203+
<div class="info-item">
204+
<span class="info-label">系统要求:</span>
205+
<span class="info-value">Windows 11 24H2+</span>
206+
</div>
207+
<div class="info-item">
208+
<span class="info-label">文件大小:</span>
209+
<span class="info-value">< 50MB</span>
210+
</div>
211+
<div class="info-item">
212+
<span class="info-label">许可协议:</span>
213+
<span class="info-value">个人学习使用</span>
214+
</div>
215+
</div>
216+
</div>
217+
218+
<div class="download-visual">
219+
<div class="download-illustration">
220+
<div class="download-circle">
221+
<span class="download-icon">🤖</span>
222+
</div>
223+
</div>
224+
</div>
225+
</div>
226+
</div>
227+
</section>
228+
229+
<!-- 页脚 -->
230+
<footer class="footer">
231+
<div class="container">
232+
<div class="footer-content">
233+
<div class="footer-brand">
234+
<span class="footer-logo">🤖 TouchFuture</span>
235+
<p>让Windows 11触控体验更智能</p>
236+
</div>
237+
238+
<div class="footer-links">
239+
<div class="footer-section">
240+
<h4>项目</h4>
241+
<ul>
242+
<li><a href="https://github.com/goxia/TouchFuture">GitHub仓库</a></li>
243+
<li><a href="https://github.com/goxia/TouchFuture/releases">版本发布</a></li>
244+
<li><a href="https://github.com/goxia/TouchFuture/issues">问题反馈</a></li>
245+
</ul>
246+
</div>
247+
248+
<div class="footer-section">
249+
<h4>文档</h4>
250+
<ul>
251+
<li><a href="https://github.com/goxia/TouchFuture/blob/main/README.md">使用指南</a></li>
252+
<li><a href="https://github.com/goxia/TouchFuture/blob/main/README_EN.md">English Docs</a></li>
253+
</ul>
254+
</div>
255+
</div>
256+
</div>
257+
258+
<div class="footer-bottom">
259+
<p>&copy; 2024 TouchFuture. 仅供学习和个人使用.</p>
260+
</div>
261+
</div>
262+
</footer>
263+
264+
<script src="script.js"></script>
265+
</body>
266+
</html>

0 commit comments

Comments
 (0)