86 lines
4.1 KiB
HTML
86 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ELO Star</title>
|
|
<script src="{{ url_for('static', filename='layui/layui.js') }}"></script>
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='layui/css/layui.css') }}">
|
|
<style>
|
|
.layui-footer {
|
|
position: fixed;left: 0;right: 0;bottom: 0;z-index: 990;height: 7vh;line-height: 7vh;
|
|
padding: 0 15px;box-shadow: -1px 0 4px rgb(0 0 0 / 12%);background-color: #FAFAFA;
|
|
}
|
|
.main {
|
|
text-align: center;background: #fff;height: 80vh;
|
|
margin-top: 2vh;padding-top: 1vh;padding-bottom: 1vh;border-radius: 20px;
|
|
}
|
|
img {
|
|
max-width: 60%;max-height : 100%;position: absolute;
|
|
top: 0; left: 0;right: 0;bottom: 0;margin: auto;
|
|
}
|
|
a {
|
|
color: #fff;text-decoration: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="background: #EAEDF0;">
|
|
<div class="layui-header layui-bg-cyan" style="height: 9vh;">
|
|
<div style="float: left;font-size: 28px;margin-left: 5vw;line-height: 9vh;">
|
|
<a href="/">ELO Star</a>
|
|
</div>
|
|
<ul class="layui-nav layui-bg-cyan" style="height: 9vh;float: right;">
|
|
<li class="layui-nav-item layui-this"><a href="/new">比较</a></li>
|
|
<li class="layui-nav-item"><a href="/list">排行榜</a></li>
|
|
<li class="layui-nav-item"><a href="/">添加资料</a></li>
|
|
<li class="layui-nav-item"><a href="https://git.foolishfox.cn/fox/ELOStar">Gitea</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="layui-container main">
|
|
<div class="layui-row" style="margin-top: 2vh;height: 5vh;">
|
|
<h1>你对谁更有好感？</h1>
|
|
</div>
|
|
<div class="layui-row" style="margin-top: 3vh;height: 60vh;">
|
|
<div class="layui-col-md4" style="text-align: center;">
|
|
<div style="width: 60%;height: 30vh;position: relative;display: inline-block;">
|
|
<img id="P0" alt="Person 0" src={{ p0src }}>
|
|
</div>
|
|
<div style="margin: 3vh auto;height: 15vh;">
|
|
姓名<br /><p id="N0">{{ p0name }}</p><br />
|
|
代表作<br /><p id="W0">{{ p0work }}</p><br />
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md4 layui-col-md-offset4" style="text-align: center;">
|
|
<div style="width: 60%;height: 30vh;position: relative;display: inline-block;">
|
|
<img id="P1" alt="Person 1" src={{ p1src }}>
|
|
</div>
|
|
<div style="margin: 2vh auto;height: 15vh;">
|
|
姓名<br /><p id="N1">{{ p1name }}</p><br />
|
|
代表作<br /><p id="W1">{{ p1work }}</p><br />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-row" style="margin-bottom: 3vh;height: 4vh;">
|
|
<div class="layui-col-md4">
|
|
<a href="/elo?win=0" class="layui-btn layui-btn-radius layui-btn-normal">Ta</a>
|
|
</div>
|
|
<div class="layui-col-md4">
|
|
<a href="/new" class="layui-btn layui-btn-radius layui-btn-normal">下一个</a>
|
|
</div>
|
|
<div class="layui-col-md4">
|
|
<a href="/elo?win=1" class="layui-btn layui-btn-radius layui-btn-normal">Ta</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-footer layui-bg-cyan" style="text-align: center;">
|
|
<div class="layui-row">
|
|
<div class="layui-col-md6">
|
|
<p>© 2021 ELO Star</p>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<p>Made By <a href="https://foolishfox.cn">Fox</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |