mirror of
https://github.com/KingHWJ/WeReadBoard.git
synced 2026-11-03 18:24:58 +08:00
style: 格式化 CSS、JS 和 HTML 代码
This commit is contained in:
admin committed
1 parent
40b00a8b40
commit
69bfe3ce0e
9 files changed
+3397
-230
No files matched your search
+160
-15
@@ -1,20 +1,165 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN" data-theme="light">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<title>阅间 · 微信读书看板</title>
|
||||
<link rel="stylesheet" href="/static/css/styles.css">
|
||||
<style>
|
||||
.footer{flex-wrap:wrap;gap:12px}.footer-meta{display:flex;align-items:center;gap:12px}.icp-link{color:inherit;text-decoration:none}.icp-link:hover{color:var(--accent)}
|
||||
@media(max-width:600px){.footer-state{display:none}}
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<title>阅间 · 微信读书看板</title>
|
||||
<link rel="stylesheet" href="/static/css/styles.css">
|
||||
<style>
|
||||
.footer {
|
||||
flex-wrap: wrap;
|
||||
gap: 12px
|
||||
}
|
||||
|
||||
.footer-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px
|
||||
}
|
||||
|
||||
.icp-link {
|
||||
color: inherit;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.icp-link:hover {
|
||||
color: var(--accent)
|
||||
}
|
||||
|
||||
@media(max-width:600px) {
|
||||
.footer-state {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<svg style="display:none" aria-hidden="true"><defs>
|
||||
<symbol id="book" viewBox="0 0 24 24"><path d="M3 4c4-1 6 0 9 2 3-2 5-3 9-2v15c-4-1-6 0-9 2-3-2-5-3-9-2zM12 6v15"/></symbol><symbol id="grid" viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></symbol><symbol id="note" viewBox="0 0 24 24"><path d="M13 4H5v16h14v-8M11 13l1-4 7-7 3 3-7 7z"/></symbol><symbol id="search-icon" viewBox="0 0 24 24"><circle cx="10" cy="10" r="6.5"/><path d="m15 15 6 6"/></symbol><symbol id="chart" viewBox="0 0 24 24"><path d="M4 3v17h17M8 15v-4m5 4V7m5 8V4"/></symbol><symbol id="clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 6v6l4 2"/></symbol><symbol id="moon" viewBox="0 0 24 24"><path d="M20 14A9 9 0 0 1 10 3a9 9 0 1 0 10 11Z"/></symbol><symbol id="sun" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1 1m12 12 1 1M5 19l1-1M18 6l1-1"/></symbol><symbol id="sync" viewBox="0 0 24 24"><path d="M20 7v5h-5M4 17v-5h5M6 6a8 8 0 0 1 14 6M4 12a8 8 0 0 0 14 6"/></symbol><symbol id="flag" viewBox="0 0 24 24"><path d="M5 21V3c5-4 9 4 14 0v11c-5 4-9-4-14 0"/></symbol>
|
||||
</defs></svg>
|
||||
<aside class="sidebar"><div class="logo"><div class="logo-mark"><svg><use href="#book"/></svg></div><div>阅间<small>READING SPACE</small></div></div><div class="navlabel">我的阅读空间</div><nav class="nav" aria-label="主导航"><button class="active" data-page="overview" title="阅读概览"><svg><use href="#grid"/></svg><span>阅读概览</span></button><button data-page="shelf" title="我的书架"><svg><use href="#book"/></svg><span>我的书架</span><em>8</em></button><button data-page="goals" title="阅读目标"><svg><use href="#flag"/></svg><span>阅读目标</span></button><button data-page="notes" title="笔记与划线"><svg><use href="#note"/></svg><span>笔记与划线</span></button><button data-page="discover" title="发现好书"><svg><use href="#search-icon"/></svg><span>发现好书</span></button></nav><div class="sidebar-bottom"><div class="connection"><span class="dot"></span>微信读书 · 个人空间<small>让每一页，都留下痕迹</small></div><div class="profile"><div class="avatar">读</div><div>我的阅读空间<small>数据来自你的微信读书账号</small></div></div></div></aside>
|
||||
<main class="main"><header class="topbar"><div class="breadcrumb">我的空间 <span>/ <b id="crumb" style="font-weight:400">阅读概览</b></span></div><div class="top-actions"><label class="searchbox"><svg><use href="#search-icon"/></svg><input id="global-search" placeholder="搜索书籍、书单…" aria-label="全局搜索"><span class="key">⌘ K</span></label><button class="iconbtn" id="theme" aria-label="切换至暗色主题"><svg><use href="#moon"/></svg></button><div class="avatar">L</div><form method="post" action="{{ url_for('auth.logout') }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="text-button logout-button" type="submit">退出</button></form></div></header><div class="demo-banner"><span><span class="dot"></span><span id="conn-state">正在连接微信读书…</span></span><span>阅读目标跨浏览器保存</span></div><div id="page-content"></div><footer class="footer"><span>阅间 · 与好书相伴，与自己相遇</span><div class="footer-meta"><span class="footer-state" id="footer-state">数据来自微信读书个人账号</span><a class="icp-link" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">浙ICP备202607916号-1</a></div></footer></main>
|
||||
<dialog id="detail" aria-label="内容详情"><div class="dialog-top"><h2 id="detail-title">书籍详情</h2><button class="iconbtn" data-action="close-detail" aria-label="关闭详情">✕</button></div><div id="detail-content"></div></dialog>
|
||||
<dialog id="goal-editor" aria-label="编辑阅读目标"><form id="goal-form"><div class="dialog-top"><div><div class="eyebrow">MAKE ROOM FOR READING</div><h2 id="editor-title">新建阅读目标</h2></div><button type="button" class="iconbtn" data-action="close-editor" aria-label="关闭目标编辑">✕</button></div><label class="field">目标名称<input id="goal-name" maxlength="60" placeholder="例如：秋季文学计划" required></label><div class="date-fields"><label class="field">开始日期<input id="goal-start" type="date" required></label><label class="field">结束日期<input id="goal-end" type="date" required></label></div><div class="section-head picker-head"><h3>想读些什么？</h3><span id="selection-count" class="pill"></span></div><p class="hint">选择书籍或加入书单当前书目，重复书籍只算一本，已读完直接计入完成。</p><label class="field"><input id="picker-search" placeholder="筛选书名、作者或书单…" aria-label="筛选目标书目"></label><div id="goal-picker"></div><p id="goal-error" class="form-error" role="alert"></p><div class="editor-footer"><span>保存后可在其他浏览器查看</span><button class="primary" type="submit">保存阅读目标</button></div></form></dialog>
|
||||
<div id="toast" class="hidden" role="status"></div><script src="/static/js/weapi.js"></script><script src="/static/js/app.js"></script></body></html>
|
||||
<svg style="display:none" aria-hidden="true">
|
||||
<defs>
|
||||
<symbol id="book" viewBox="0 0 24 24">
|
||||
<path d="M3 4c4-1 6 0 9 2 3-2 5-3 9-2v15c-4-1-6 0-9 2-3-2-5-3-9-2zM12 6v15" />
|
||||
</symbol>
|
||||
<symbol id="grid" viewBox="0 0 24 24">
|
||||
<rect x="3" y="3" width="7" height="7" rx="1.5" />
|
||||
<rect x="14" y="3" width="7" height="7" rx="1.5" />
|
||||
<rect x="3" y="14" width="7" height="7" rx="1.5" />
|
||||
<rect x="14" y="14" width="7" height="7" rx="1.5" />
|
||||
</symbol>
|
||||
<symbol id="note" viewBox="0 0 24 24">
|
||||
<path d="M13 4H5v16h14v-8M11 13l1-4 7-7 3 3-7 7z" />
|
||||
</symbol>
|
||||
<symbol id="search-icon" viewBox="0 0 24 24">
|
||||
<circle cx="10" cy="10" r="6.5" />
|
||||
<path d="m15 15 6 6" />
|
||||
</symbol>
|
||||
<symbol id="chart" viewBox="0 0 24 24">
|
||||
<path d="M4 3v17h17M8 15v-4m5 4V7m5 8V4" />
|
||||
</symbol>
|
||||
<symbol id="clock" viewBox="0 0 24 24">
|
||||
<circle cx="12" cy="12" r="9" />
|
||||
<path d="M12 6v6l4 2" />
|
||||
</symbol>
|
||||
<symbol id="moon" viewBox="0 0 24 24">
|
||||
<path d="M20 14A9 9 0 0 1 10 3a9 9 0 1 0 10 11Z" />
|
||||
</symbol>
|
||||
<symbol id="sun" viewBox="0 0 24 24">
|
||||
<circle cx="12" cy="12" r="4" />
|
||||
<path d="M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1 1m12 12 1 1M5 19l1-1M18 6l1-1" />
|
||||
</symbol>
|
||||
<symbol id="sync" viewBox="0 0 24 24">
|
||||
<path d="M20 7v5h-5M4 17v-5h5M6 6a8 8 0 0 1 14 6M4 12a8 8 0 0 0 14 6" />
|
||||
</symbol>
|
||||
<symbol id="flag" viewBox="0 0 24 24">
|
||||
<path d="M5 21V3c5-4 9 4 14 0v11c-5 4-9-4-14 0" />
|
||||
</symbol>
|
||||
</defs>
|
||||
</svg>
|
||||
<aside class="sidebar">
|
||||
<div class="logo">
|
||||
<div class="logo-mark"><svg>
|
||||
<use href="#book" />
|
||||
</svg></div>
|
||||
<div>阅间<small>READING SPACE</small></div>
|
||||
</div>
|
||||
<div class="navlabel">我的阅读空间</div>
|
||||
<nav class="nav" aria-label="主导航"><button class="active" data-page="overview" title="阅读概览"><svg>
|
||||
<use href="#grid" />
|
||||
</svg><span>阅读概览</span></button><button data-page="shelf" title="我的书架"><svg>
|
||||
<use href="#book" />
|
||||
</svg><span>我的书架</span><em>8</em></button><button data-page="goals" title="阅读目标"><svg>
|
||||
<use href="#flag" />
|
||||
</svg><span>阅读目标</span></button><button data-page="notes" title="笔记与划线"><svg>
|
||||
<use href="#note" />
|
||||
</svg><span>笔记与划线</span></button><button data-page="discover" title="发现好书"><svg>
|
||||
<use href="#search-icon" />
|
||||
</svg><span>发现好书</span></button></nav>
|
||||
<div class="sidebar-bottom">
|
||||
<div class="connection"><span class="dot"></span>微信读书 · 个人空间<small>让每一页，都留下痕迹</small></div>
|
||||
<div class="profile">
|
||||
<div class="avatar">读</div>
|
||||
<div>我的阅读空间<small>数据来自你的微信读书账号</small></div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<main class="main">
|
||||
<header class="topbar">
|
||||
<div class="breadcrumb">我的空间 <span>/ <b id="crumb" style="font-weight:400">阅读概览</b></span></div>
|
||||
<div class="top-actions"><label class="searchbox"><svg>
|
||||
<use href="#search-icon" />
|
||||
</svg><input id="global-search" placeholder="搜索书籍、书单…" aria-label="全局搜索"><span class="key">⌘
|
||||
K</span></label><button class="iconbtn" id="theme" aria-label="切换至暗色主题"><svg>
|
||||
<use href="#moon" />
|
||||
</svg></button>
|
||||
<div class="avatar">L</div>
|
||||
<form method="post" action="{{ url_for('auth.logout') }}"><input type="hidden" name="csrf_token"
|
||||
value="{{ csrf_token() }}"><button class="text-button logout-button" type="submit">退出</button>
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
<div class="demo-banner"><span><span class="dot"></span><span
|
||||
id="conn-state">正在连接微信读书…</span></span><span>阅读目标跨浏览器保存</span></div>
|
||||
<div id="page-content"></div>
|
||||
<footer class="footer"><span>阅间 · 与好书相伴，与自己相遇</span>
|
||||
<div class="footer-meta"><span class="footer-state" id="footer-state">数据来自微信读书个人账号</span><a class="icp-link"
|
||||
href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">浙ICP备202607916号-1</a>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
<dialog id="detail" aria-label="内容详情">
|
||||
<div class="dialog-top">
|
||||
<h2 id="detail-title">书籍详情</h2><button class="iconbtn" data-action="close-detail"
|
||||
aria-label="关闭详情">✕</button>
|
||||
</div>
|
||||
<div id="detail-content"></div>
|
||||
</dialog>
|
||||
<dialog id="goal-editor" aria-label="编辑阅读目标">
|
||||
<form id="goal-form">
|
||||
<div class="dialog-top">
|
||||
<div>
|
||||
<div class="eyebrow">MAKE ROOM FOR READING</div>
|
||||
<h2 id="editor-title">新建阅读目标</h2>
|
||||
</div><button type="button" class="iconbtn" data-action="close-editor" aria-label="关闭目标编辑">✕</button>
|
||||
</div><label class="field">目标名称<input id="goal-name" maxlength="60" placeholder="例如：秋季文学计划"
|
||||
required></label>
|
||||
<div class="date-fields"><label class="field">开始日期<input id="goal-start" type="date" required></label><label
|
||||
class="field">结束日期<input id="goal-end" type="date" required></label></div>
|
||||
<div class="section-head picker-head">
|
||||
<h3>想读些什么？</h3><span id="selection-count" class="pill"></span>
|
||||
</div>
|
||||
<p class="hint">选择书籍或加入书单当前书目，重复书籍只算一本，已读完直接计入完成。</p><label class="field"><input id="picker-search"
|
||||
placeholder="筛选书名、作者或书单…" aria-label="筛选目标书目"></label>
|
||||
<div id="goal-picker"></div>
|
||||
<p id="goal-error" class="form-error" role="alert"></p>
|
||||
<div class="editor-footer"><span>保存后可在其他浏览器查看</span><button class="primary" type="submit">保存阅读目标</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
<div id="toast" class="hidden" role="status"></div>
|
||||
<script src="/static/js/weapi.js"></script>
|
||||
<script src="/static/js/app.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+43
-33
@@ -1,39 +1,49 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN" data-theme="light">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<title>登录 · 阅间</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<title>登录 · 阅间</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
||||
</head>
|
||||
|
||||
<body class="login-page">
|
||||
<main class="login-shell">
|
||||
<div class="logo login-logo"><div class="logo-mark"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 4c4-1 6 0 8 2 2-2 4-3 8-2v15c-4-1-6 0-8 2-2-2-4-3-8-2zM12 6v15" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div>阅间<small>READING SPACE</small></div></div>
|
||||
<section class="login-panel card">
|
||||
<div class="eyebrow">YOUR READING SPACE</div>
|
||||
<h1>{{ '服务暂不可用' if unavailable else ('首次设置' if not initialized else '欢迎回来') }}</h1>
|
||||
<p>{{ '请检查服务配置或数据库连接。' if unavailable else ('创建管理员账号以启用访问保护。' if not initialized else '登录后继续你的阅读旅程。') }}</p>
|
||||
{% if error %}<div class="login-error" role="alert">{{ error }}</div>{% endif %}
|
||||
{% if not unavailable and not initialized %}
|
||||
{% if not setup_enabled %}<div class="login-error" role="alert">尚未配置一次性初始化口令，请联系管理员。</div>{% endif %}
|
||||
<form method="post" action="{{ url_for('auth.initialize_account') }}" class="login-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<label>一次性初始化口令<input name="setup_token" type="password" autocomplete="off" required autofocus></label>
|
||||
<label>管理员账号<input name="username" maxlength="64" autocomplete="username" required></label>
|
||||
<label>设置密码<input name="password" type="password" minlength="12" maxlength="256" autocomplete="new-password" required></label>
|
||||
<button class="primary" type="submit" {% if not setup_enabled %}disabled{% endif %}>创建账号并进入</button>
|
||||
</form>
|
||||
{% elif not unavailable %}
|
||||
<form method="post" action="{{ url_for('auth.login') }}" class="login-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<label>账号<input name="username" maxlength="64" autocomplete="username" required autofocus></label>
|
||||
<label>密码<input name="password" type="password" autocomplete="current-password" required></label>
|
||||
<button class="primary" type="submit">登录</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</section>
|
||||
<p class="login-foot">阅间 · 与好书相伴，与自己相遇</p>
|
||||
</main>
|
||||
<main class="login-shell">
|
||||
<div class="logo login-logo">
|
||||
<div class="logo-mark"><svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M4 4c4-1 6 0 8 2 2-2 4-3 8-2v15c-4-1-6 0-8 2-2-2-4-3-8-2zM12 6v15" fill="none" stroke="currentColor"
|
||||
stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" />
|
||||
</svg></div>
|
||||
<div>阅间<small>READING SPACE</small></div>
|
||||
</div>
|
||||
<section class="login-panel card">
|
||||
<div class="eyebrow">YOUR READING SPACE</div>
|
||||
<h1>{{ '服务暂不可用' if unavailable else ('首次设置' if not initialized else '欢迎回来') }}</h1>
|
||||
<p>{{ '请检查服务配置或数据库连接。' if unavailable else ('创建管理员账号以启用访问保护。' if not initialized else '登录后继续你的阅读旅程。') }}</p>
|
||||
{% if error %}<div class="login-error" role="alert">{{ error }}</div>{% endif %}
|
||||
{% if not unavailable and not initialized %}
|
||||
{% if not setup_enabled %}<div class="login-error" role="alert">尚未配置一次性初始化口令，请联系管理员。</div>{% endif %}
|
||||
<form method="post" action="{{ url_for('auth.initialize_account') }}" class="login-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<label>一次性初始化口令<input name="setup_token" type="password" autocomplete="off" required autofocus></label>
|
||||
<label>管理员账号<input name="username" maxlength="64" autocomplete="username" required></label>
|
||||
<label>设置密码<input name="password" type="password" minlength="12" maxlength="256" autocomplete="new-password"
|
||||
required></label>
|
||||
<button class="primary" type="submit" {% if not setup_enabled %}disabled{% endif %}>创建账号并进入</button>
|
||||
</form>
|
||||
{% elif not unavailable %}
|
||||
<form method="post" action="{{ url_for('auth.login') }}" class="login-form">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<label>账号<input name="username" maxlength="64" autocomplete="username" required autofocus></label>
|
||||
<label>密码<input name="password" type="password" autocomplete="current-password" required></label>
|
||||
<button class="primary" type="submit">登录</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
</section>
|
||||
<p class="login-foot">阅间 · 与好书相伴，与自己相遇</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</html>
|
||||
Reference in new issue
Block a user