This repository has been archived on 2021-12-30. You can view files and clone it, but cannot push or open issues or pull requests.
ELOStar/templates/index.html

86 lines
4.1 KiB
HTML
Raw Normal View History

2021-12-29 20:57:23 +08:00
<!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>
2021-12-30 15:31:54 +08:00
<script src="{{ url_for('static', filename='layui.js') }}"></script>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='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>
2021-12-29 20:57:23 +08:00
</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>
2021-12-29 20:57:23 +08:00
</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;">
2021-12-29 20:57:23 +08:00
<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 }}>
2021-12-29 20:57:23 +08:00
</div>
<div style="margin: 3vh auto;height: 15vh;">
姓名<br /><p id="N0">{{ p0name }}</p><br />
代表作<br /><p id="W0">{{ p0work }}</p><br />
2021-12-29 20:57:23 +08:00
</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 }}>
2021-12-29 20:57:23 +08:00
</div>
<div style="margin: 2vh auto;height: 15vh;">
姓名<br /><p id="N1">{{ p1name }}</p><br />
代表作<br /><p id="W1">{{ p1work }}</p><br />
2021-12-29 20:57:23 +08:00
</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>
2021-12-29 20:57:23 +08:00
</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>
2021-12-29 20:57:23 +08:00
</div>
</div>
</div>
2021-12-29 20:57:23 +08:00
</body>
</html>