728
95 lines
2.0 KiB
HTML
95 lines
2.0 KiB
HTML
<!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="color-scheme" content="light dark">
|
|
<title>主义主义</title>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="//s1.ax1x.com/2023/06/15/pCu2bZQ.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="//s1.ax1x.com/2023/06/15/pCu2LIs.png">
|
|
<link rel="icon" type="image/png" href="//s1.ax1x.com/2023/06/15/pCu25xf.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="//s1.ax1x.com/2023/06/15/pCu25xf.png">
|
|
<link rel="stylesheet" href="./pico.css">
|
|
</head>
|
|
|
|
<style>
|
|
:root {
|
|
--white: #fff;
|
|
--grayl: #f1f1f1;
|
|
--gray: #9e9e9e;
|
|
--grayd: #616161;
|
|
--black: #000;
|
|
--redl: #ffdddd;
|
|
--red: #f44336;
|
|
--greenl: #ddffdd;
|
|
--green: #4CAF50;
|
|
--amberl: #ffe9a8;
|
|
--amber: #ffc107;
|
|
--orange: #ff9800;
|
|
--purple: #673ab7;
|
|
}
|
|
|
|
article {
|
|
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
|
|
animation: scale 0.4s;
|
|
}
|
|
|
|
kbd, button, a[role="button"] {
|
|
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
|
|
}
|
|
|
|
@keyframes scale {
|
|
from {
|
|
transform: scale(0.25);
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
}
|
|
|
|
</style>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<nav>
|
|
<nav aria-label="breadcrumb">
|
|
<ul>
|
|
<li><a href="">主义主义</a></li>
|
|
<li><a href="">苏州植青俱乐部</a></li>
|
|
</ul>
|
|
</nav>
|
|
<ul>
|
|
<li><a id="pas" href="#psg">用户登录</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<article>
|
|
<hgroup>
|
|
<h2>植青小屋徽章（未绑定）</h2>
|
|
<hr>
|
|
<kbd>t202400095</kbd>
|
|
</hgroup>
|
|
<h4>徽章进度：160 / 2000</h4>
|
|
<progress value="8" max="100"></progress>
|
|
<img src="./ypc.png">
|
|
<footer>
|
|
<button onclick="alert('新版网站开发中。\n预计2024年12月底开放绑定。\n')">绑定用户</a>
|
|
</footer>
|
|
</article>
|
|
</main>
|
|
|
|
</body>
|
|
|
|
</html>
|