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/public/index.html
2021-12-29 20:57:23 +08:00

103 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>
<!-- <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="P1" alt="Person 1">
</div>
<div style="margin: 2% auto;">
姓名:<p id="N1"></p><br />
年龄:<p id="S1"></p><br />
代表作:<p id="M1"></p><br />
</div>
</div>
<div class="col-sm">
<div style="width: 36%;height: 60%;position: relative;">
<img id="P2" alt="Person 2">
</div>
<div style="margin: 2% auto;">
姓名:<p id="N2"></p><br />
年龄:<p id="S2"></p><br />
代表作:<p id="M2"></p><br />
</div>
</div>
</div>
</div>
<div style="height: 7%;width: 75%;margin-top: 2%;">
<div class="row">
<div class="col-sm">
<button>Ta</button>
</div>
<div class="col-sm">
<button>下一个</button>
</div>
<div class="col-sm">
<button>Ta</button>
</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>
<!-- <div class="footerRow2">
<div class="container">
<div class="row">
<div class="col-sm">
© 2021 ELO Star
</div>
<div class="col-sm">
<p>Made By <a href="https://foolishfox.cn">Fox</a></p>
</div>
</div>
</div>
</div> -->
</footer>
</body>
</html>