update version to v1.0.3

s956142 · Apr 24, 2024 · 52ea991 · 52ea991
1 parent b0a4466
commit 52ea991
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 72 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -1,71 +1 @@
-<!doctype html><html><head><meta charset="utf-8"/><script src="./lib/js/jquery-1.10.2.min.js"></script><link rel="icon" href="./img/tetris.png" type="image/x-icon"><style>#canvas {
-        width: 300px;
-        height: 600px;
-        margin: 0px auto;
-        padding: 10px;
-        text-align: center;
-        background: #FFFFF4;
-      }
-      .container {
-        /* width: 310px; */
-        /* height: 510px; */
-        margin: 0px auto;
-        padding: 5px;
-        position: relative;
-        background-color: #FFFFF4;
-
-      }
-      .flex-row{
-        display: flex;
-        flex-direction: row;
-      }
-      .align-center{
-        align-items: center;
-
-      }
-
-      .ta-l {
-        text-align: left;
-      }
-      .ta-c {
-        text-align: center;
-      }
-      .fs-0 {
-        font-size: 0px;
-      }
-      .fs-16 {
-        font-size: 16px;
-      }
-      .fs-20 {
-        font-size: 20px;
-      }
-      .inline-div {
-        display: inline-block;
-        position: relative;
-      }
-      #game-over {
-        width: 310px;
-        height: 620px;
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        display: none;
-      }
-      .score-board {
-        vertical-align: top;
-      }
-
-      .mt-10 {
-        margin-top: 10px;
-      }
-      .mr-2 {
-        margin-right: 2px;
-      }
-      .operation-intro{
-        display:flex;
-        flex-direction: column;
-        border: 1px solid #181804;
-        border-radius: 4px;
-        padding: 10px;
-
-      }</style></head><body style="text-align: center;"><div class="container"><div class="fs-0"><div class="inline-div"><canvas id="canvas" width="310" height="620"></canvas><img id="game-over" src="./img/gameOver.png"/><div class="fs-16"><button id="pause">暫停</button> <button id="continue">繼續</button> <button id="restart">重新開始</button></div></div><input type="hidden" name="version" value=""><div class="inline-div score-board fs-16 ta-l"><div class="mt-10">分數: <span id="score-number">0</span></div><div class="mt-10">Combo: <span id="combo-number">0</span></div><div class="mt-10">Next</div><div class="preview ta-c"><canvas class="mt-10" id="preview-canvas" width="100" height="100"></canvas></div><div class="mt-10">Hold</div><div class="preview ta-c"><canvas class="mt-10" id="hold-canvas" width="100" height="100"></canvas></div><div class="operation-intro mt-10"><div class="flex-row align-center"><span class="mr-2">旋轉:</span><div class="fs-20 flex-row"><span class="mr-2">⭡</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">移動:</span><div class="fs-20 flex-row"><span class="mr-2">↓ </span><span class="mr-2">←</span> <span class="mr-2">→</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">hold/pause:</span><div class="fs-20 flex-row"><span class="mr-2">⇧</span> <span class="mr-2">/</span> <span class="mr-2">P</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">速降:</span> <span>space</span></div></div></div></div></div><script src="./index.js?version=1.0.2"></script></body></html>
+<!doctype html><html><head><meta charset="utf-8"/><script src="./lib/js/jquery-1.10.2.min.js"></script><link rel="icon" href="./img/tetris.png" type="image/x-icon"/></head><body class="flex-column"><div class="container flex-column align-center flex"><div class="flex-row content-center align-center w-100 flex"><div class="flex-row main-view content-center flex h-80"><div class="flex-column"><div class="p-relative canvas-wrapper"><canvas id="canvas" width="300" height="600"></canvas><img id="game-over" src="./img/gameOver.png"/></div><div class="fs-16 game-group-btn flex-row"><div class="square-btn mr-5"><div id="pause">暫停</div></div><div class="square-btn mr-5"><div id="restart">重新開始</div></div></div></div><div class="flex-column score-board fs-16 ta-l"><div class="mt-10">分數: <span id="score-number">0</span></div><div class="mt-10">Combo: <span id="combo-number">0</span></div><div class="mt-10">Next</div><div class="preview ta-c"><canvas class="mt-10" id="preview-canvas" width="100" height="100"></canvas></div><div class="mt-10">Hold</div><div class="preview ta-c"><canvas class="mt-10" id="hold-canvas" width="100" height="100"></canvas></div><div class="operation-intro mt-10"><div class="flex-row align-center"><span class="mr-2">旋轉:</span><div class="fs-20 flex-row"><span class="mr-2">⭡</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">移動:</span><div class="fs-20 flex-row"><span class="mr-2">↓ </span><span class="mr-2">←</span> <span class="mr-2">→</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">hold/pause:</span><div class="fs-20 flex-row"><span class="mr-2">⇧</span> <span class="mr-2">/</span> <span class="mr-2">P</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">速降:</span> <span>space</span></div></div></div><input type="hidden" name="version" value=""/></div></div><div class="flex-column mobile-btns align-center"><div class="flex-row w-100 content-s-b cube-control"><div class="flex-row flex"><div class="square-btn down-arrow"><div><div>◀</div></div></div></div><div class="flex-row"><div class="square-btn hold-btn"><div>Hold</div></div><div class="square-btn rotation"><div>↻</div></div></div></div><div class="arrow-btn flex-row content-s-b"><div class="square-btn left-arrow"><div><div>◀</div></div></div><div class="square-btn right-arrow"><div><div>◀</div></div></div></div><div class="space-wrapper flex-row flex"><div class="space-btn flex-row flex"><div class="shape-border space-left flex"></div><div class="shape-border space-right flex"></div></div></div></div></div><script src="./index.js?version=1.0.3"></script></body></html>