Files
my_one_web/templates/index.html
小白 e4b5e96fd1 fix: 主题按钮添加内联样式防止加载闪烁
- 给主题切换按钮添加 position:fixed;top:20px;right:20px 内联样式
- 解决 CSS 加载延迟导致按钮位置闪烁的问题
- welcome.html 不需要修改(按钮在导航栏内)
2026-03-12 11:17:40 +08:00

33 lines
1.2 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>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}?v=20260312">
</head>
<body>
<div class="container">
<button class="theme-toggle" style="position:fixed;top:20px;right:20px;" aria-label="切换主题">🌙</button>
<div class="avatar">
<span class="sparkle">👋</span>
</div>
<h1>欢迎</h1>
<p class="welcome">Welcome!</p>
<p class="message">
这是您的个人服务器<br>
<strong>小白</strong> 🐶 为您精心打造<br>
祝您使用愉快!
</p>
<div class="auth-buttons">
<a href="{{ url_for('login') }}" class="btn btn-primary">登录</a>
<a href="{{ url_for('register') }}" class="btn btn-secondary">注册</a>
</div>
<div class="footer">
Powered by <span>Flask</span> & <span>OpenClaw</span>
</div>
</div>
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>
</body>
</html>