AskaEth
bcf4d4e621
W1-W14 全部完成: - W1: 消息搜索 (ILIKE全文检索 + SearchModal) - W2: 对话导出 (JSON/Markdown/TXT三格式) - W3: 记忆时间线 DevTools 可视化 - W4: 通知推送系统 (WebSocket + Browser Notification API) - W5: 定时提醒 (30s轮询 + 重复提醒 + WebSocket推送) - W6: 每日简报 (08:00自动生成: 天气+新闻+提醒+AI摘要) - W7: IoT场景自动化 (规则引擎 10s轮询 + 条件评估 + 场景执行) - W8: 语音输入 (浏览器 Speech Recognition API) - W9: STT服务 (voice-service + whisper.cpp) - W10: TTS服务 (浏览器 Speech Synthesis + edge-tts三档回退) - W11: 文件管理 (上传/下载/缩略图/纯Go bilinear缩放) - W12: 知识库RAG (PostgreSQL tsvector + 文档分块 + 检索) - W13: 多模态 (图片上传+分析: Vision API + 本地Go分析回退) - W14: PWA (Service Worker + 离线页 + install prompt) 总计: 6个Go微服务 + 10+前端组件 + 10+ PostgreSQL表 + 4个后台调度器
131 lines
3.4 KiB
HTML
131 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>昔涟 - 离线页面</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
|
background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 50%, #fbcfe8 100%);
|
|
min-height: 100vh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #374151;
|
|
}
|
|
.container {
|
|
text-align: center;
|
|
padding: 2rem;
|
|
max-width: 420px;
|
|
width: 100%;
|
|
}
|
|
.avatar {
|
|
width: 120px;
|
|
height: 120px;
|
|
border-radius: 28px;
|
|
object-fit: cover;
|
|
box-shadow: 0 8px 32px rgba(236, 72, 153, 0.3);
|
|
margin-bottom: 1.5rem;
|
|
border: 3px solid rgba(236, 72, 153, 0.3);
|
|
}
|
|
.avatar-placeholder {
|
|
width: 120px;
|
|
height: 120px;
|
|
border-radius: 28px;
|
|
background: linear-gradient(135deg, #ec4899, #f472b6);
|
|
margin: 0 auto 1.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 64px;
|
|
box-shadow: 0 8px 32px rgba(236, 72, 153, 0.3);
|
|
border: 3px solid rgba(236, 72, 153, 0.3);
|
|
}
|
|
h1 {
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
color: #be185d;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
p {
|
|
font-size: 0.95rem;
|
|
color: #9ca3af;
|
|
margin-bottom: 2rem;
|
|
line-height: 1.6;
|
|
}
|
|
.status-icon {
|
|
font-size: 3rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
background: linear-gradient(135deg, #ec4899, #f472b6);
|
|
color: white;
|
|
border: none;
|
|
padding: 0.75rem 2rem;
|
|
border-radius: 9999px;
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
box-shadow: 0 4px 16px rgba(236, 72, 153, 0.3);
|
|
}
|
|
button:hover {
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 6px 24px rgba(236, 72, 153, 0.4);
|
|
}
|
|
button:active {
|
|
transform: translateY(0);
|
|
}
|
|
.auto-retry {
|
|
margin-top: 1.5rem;
|
|
font-size: 0.8rem;
|
|
color: #9ca3af;
|
|
}
|
|
.auto-retry.connected {
|
|
color: #059669;
|
|
font-weight: 600;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- Cyrene Avatar -->
|
|
<img
|
|
class="avatar"
|
|
src="/images/Cyrene_Avatar/2nd_Form/Cyrene-2F-N-Happy-1.png"
|
|
alt="昔涟"
|
|
onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"
|
|
/>
|
|
<div class="avatar-placeholder" style="display:none;">🌸</div>
|
|
|
|
<div class="status-icon">📡</div>
|
|
<h1>哎呀，网络连接断开了</h1>
|
|
<p>请检查网络连接后重试<br />昔涟正在等你回来~</p>
|
|
|
|
<button onclick="retry()">🔄 重新连接</button>
|
|
<div id="autoRetry" class="auto-retry">正在监听网络恢复...</div>
|
|
</div>
|
|
|
|
<script>
|
|
function retry() {
|
|
window.location.reload();
|
|
}
|
|
|
|
const autoRetryEl = document.getElementById('autoRetry');
|
|
|
|
window.addEventListener('online', function() {
|
|
autoRetryEl.textContent = '✅ 网络已恢复，正在重新加载...';
|
|
autoRetryEl.classList.add('connected');
|
|
setTimeout(function() {
|
|
window.location.reload();
|
|
}, 500);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|