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>
|