功能: - 精美欢迎页面 - 用户登录/注册 - 主题切换(明/暗模式) - 快捷导航栏(思源/Gitea/NocoDB) 技术栈:Python 3.12 + Flask 3.0 + SQLite
43 lines
1.4 KiB
HTML
43 lines
1.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>欢迎回来 - {{ 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>
|