103 lines
3.6 KiB
HTML
Executable File
103 lines
3.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="zh-cmn-Hans">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<title>别踩白方块</title>
|
|
<link rel="icon"
|
|
href="favicon.png">
|
|
<script>
|
|
(function (doc, win) {
|
|
var docEl = doc.documentElement
|
|
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
|
|
|
|
function recalc() {
|
|
var designWidth = 750
|
|
var clientWidth = docEl.clientWidth
|
|
if (!clientWidth || clientWidth > designWidth) {
|
|
clientWidth = designWidth
|
|
}
|
|
docEl.style.fontSize = (100 * clientWidth / designWidth) + 'px'
|
|
}
|
|
|
|
if (!doc.addEventListener) return
|
|
win.addEventListener(resizeEvt, recalc, false)
|
|
doc.addEventListener('DOMContentLoaded', recalc, false)
|
|
recalc()
|
|
})(document, window)
|
|
</script>
|
|
<link rel="stylesheet" href="./styles/basic.css?v=201902102023">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="modal white-bg" id="init-modal">
|
|
<div class="init-modal-content">
|
|
<!--<p class="title">别踩白方块</p>-->
|
|
<div class="modal-btn" id="classics-btn">经典</div>
|
|
<div class="modal-btn" id="topspeed-btn">极速</div>
|
|
<div class="modal-btn disable" id="arcade-btn">街机</div>
|
|
<div class="modal-btn" id="history-btn">历史记录</div>
|
|
<a target="_blank" href="https://github.com/QiShaoXuan/dont-touch-white" class="modal-btn">原项目仓库</a>
|
|
<a target="_blank" href="https://github.com/Firfr/dont-touch-white" class="modal-btn" style="background: #ebf4f4;">镜像制作仓库</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal dim-bg" id="score-modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<p class="title">游戏结束</p>
|
|
<p class="content">得分：<span id="score"></span></p>
|
|
<p class="content">历史最高分：<span id="history-score"></span></p>
|
|
<div class="modal-btn" id="topspeed-reset" data-modal="#score-modal">重新开始</div>
|
|
<div class="modal-btn back-btn" data-modal="#score-modal">返回首页</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal dim-bg" id="coding-modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<p class="title">正在开发 ...</p>
|
|
<div class="modal-btn modal-close-btn" data-modal="#coding-modal">关闭</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal dim-bg" id="history-modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<p class="title">历史记录</p>
|
|
<p class="content">极速模式：<span id="history-topspeed-score"></span></p>
|
|
<p class="content">经典模式：<span id="history-classics-score">--</span></p>
|
|
<div class="modal-btn back-btn" data-modal="#history-modal">返回首页</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="topspeed-container hide">
|
|
<div class="score-container topspeed">0</div>
|
|
<div class="container topspeed" id="topspeed-container"></div>
|
|
</div>
|
|
|
|
<div class="classics-container">
|
|
<div class="score-container classics">
|
|
<div><span id="remaining-time">60</span>''</div>
|
|
<!--<span id="classics-score">0</span>-->
|
|
</div>
|
|
<div class="container classics" id="classics-container"></div>
|
|
</div>
|
|
|
|
|
|
<!--<div class="toggle-btn"></div>-->
|
|
</body>
|
|
<script src="./scripts/topspeed.js?v=201902102023"></script>
|
|
<script src="./scripts/classics.js?v=201902102023"></script>
|
|
<script src="./scripts/index.js?v=201902102023"></script>
|
|
<script>
|
|
// const btn = document.querySelector('.toggle-btn')
|
|
//
|
|
// btn.addEventListener('click', function () {
|
|
// if (topspeed.status == 0) {
|
|
// topspeed.start()
|
|
// } else {
|
|
// topspeed.pause()
|
|
// }
|
|
// })
|
|
</script>
|
|
</html>
|