Files
my_one_web/templates/welcome.html
root 00a33bc424 feat: 增加暗黑主题切换功能 🌙
- CSS 变量实现主题切换
- 右上角切换按钮
- 本地存储记住主题偏好
- 平滑过渡动画
- 所有页面支持暗黑模式
2026-03-11 21:44:14 +08:00

43 lines
1.4 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>欢迎回来 - {{ username }}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
<div class="container">
<button class="theme-toggle" aria-label="切换主题">🌙</button>
<div class="avatar">
<span class="sparkle">🎉</span>
</div>
<h1>欢迎回来,{{ username }}</h1>
<p class="welcome">Welcome Back!</p>
<p class="message">
您已成功登录<br>
这是您的专属空间<br>
小白一直陪伴着您 🐶
</p>
<div class="auth-buttons">
<a href="{{ url_for('logout') }}" class="btn btn-danger">退出登录</a>
</div>
<div class="footer">
Powered by <span>Flask</span> & <span>OpenClaw</span>
</div>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="flash-messages">
{% for category, message in messages %}
<div class="flash-{{ category }}">{{ message }}</div>
{% endfor %}
</div>
{% endif %}
{% endwith %}
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>
</body>
</html>