89 lines
3.8 KiB
HTML
89 lines
3.8 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>
|
|
<!-- <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}"> -->
|
|
<script src="{{ url_for('static', filename='jquery-3.1.1.min.js') }}"></script>
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
|
|
</head>
|
|
<body>
|
|
<header id="header" class="header">
|
|
<div class="textlogo"><p><a href="#">ELO Star</a></p></div>
|
|
<div class="nav">
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
<p><a href="#">排行榜</a></p>
|
|
</div>
|
|
<div class="col-sm">
|
|
<p><a href="#">添加资料</a></p>
|
|
</div>
|
|
<div class="col-sm">
|
|
<p><a href="https://git.foolishfox.cn/fox/ELOStar">Gitea</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<script>
|
|
function title_height() {
|
|
var height = document.getElementById('header').clientHeight;
|
|
$("#title").css("line-height", height*0.5+"px");
|
|
}
|
|
</script>
|
|
<div class="main">
|
|
<div style="margin-top: 2%;height: 5%;">
|
|
<h1>你对谁更有好感？</h1>
|
|
</div>
|
|
<div style="height: 70%;width: 100%;margin-top: 3%;">
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
<div style="width: 36%;height: 60%;position: relative;">
|
|
<img id="P0" alt="Person 0" src={{ p0src }}>
|
|
</div>
|
|
<div style="margin: 2% auto;">
|
|
姓名<br /><p id="N0">{{ p0name }}</p><br />
|
|
代表作<br /><p id="W0">{{ p0work }}</p><br />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm">
|
|
<div style="width: 36%;height: 60%;position: relative;">
|
|
<img id="P1" alt="Person 1" src={{ p1src }}>
|
|
</div>
|
|
<div style="margin: 2% auto;">
|
|
姓名<br /><p id="N1">{{ p1name }}</p><br />
|
|
代表作<br /><p id="W1">{{ p1work }}</p><br />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="height: 7%;width: 75%;margin-top: 2%;">
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
<input class="bto" type="button" value="Ta" onclick="window.location.href='/elo?win=0'">
|
|
</div>
|
|
<div class="col-sm">
|
|
<input class="bto" type="button" value="下一个" onclick="window.location.href='/new'">
|
|
</div>
|
|
<div class="col-sm">
|
|
<input class="bto" type="button" value="Ta" onclick="window.location.href='/elo?win=1'">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="footer">
|
|
<div class="footerRow1">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
<p>© 2021 ELO Star</p>
|
|
</div>
|
|
<div class="col-sm">
|
|
<p>Made By <a href="https://foolishfox.cn">Fox</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |