SynchroGomoku/index.html at main · NekoWs/SynchroGomoku · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8"/>
    <title>Synchro Gomoku</title>
    <link rel="stylesheet" href="css/chess.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="icon" href="favicon.ico" />
</head>
<body>
<div class="index-box" id="index-box">
    <div class="room-info">
        <i18n key="now-in"></i18n>
        <span id="room-id"></span>
        <button class="btn join-btn" id="join">+</button>
        <button class="btn restart" id="reset">
            <?xml version="1.0" encoding="UTF-8"?>
            <svg width="15" height="15" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M42 8V24" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M6 24L6 40" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M42 24C42 14.0589 33.9411 6 24 6C18.9145 6 14.3216 8.10896 11.0481 11.5M6 24C6 33.9411 14.0589 42 24 42C28.8556 42 33.2622 40.0774 36.5 36.9519"
                      stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </button>
        <button class="btn leave-btn" id="leave">
            <?xml version="1.0" encoding="UTF-8"?>
            <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M23.9917 6H6V42H24" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M33 33L42 24L33 15" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M16 23.9917H42" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        </button>
        <button class="btn replay" id="replay"><?xml version="1.0" encoding="UTF-8"?>
            <?xml version="1.0" encoding="UTF-8"?>
            <svg width="15" height="15" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M15 24V11.8756L25.5 17.9378L36 24L25.5 30.0622L15 36.1244V24Z" fill="none" stroke="#fff"
                      stroke-width="4" stroke-linejoin="round"/>
            </svg>
        </button>
    </div>
    <div class="strike-box">
        <i18n key="strike-before"></i18n>
        <span id="strike-count">0</span>
        <i18n key="strike-after"></i18n>
    </div>
    <div class="players-box" id="players-box">
        <div class="player p1">
            <div class="name-box">
                <span class="name" id="p1-name"></span>
            </div>
            <span class="status" id="p1-status"></span>
            <div class="pass-box" id="p1-pass">0</div>
        </div>
        <div class="player p2">
            <div class="name-box">
                <span class="name" id="p2-name"></span>
            </div>
            <span class="status" id="p2-status"></span>
            <div class="pass-box" id="p2-pass">0</div>
        </div>
    </div>
    <button id="pass-btn" class="btn pass-btn">PASS</button>
    <div class="chess-main" id="chess-main"></div>
    <div class="invite-main">
        <i18n key="invite-title"></i18n>
        <div id="invite-qrcode"></div>
        <a id="invite-link"></a>
    </div>
</div>
<div class="alert window" id="alert">
    <div class="main">
        <div class="title-box">
            <span class="title"></span>
            <button class="close-btn"></button>
        </div>
        <span class="content"></span>
        <label class="input-box">
            <input class="input"/>
            <button class="btn submit-btn">></button>
        </label>
        <label class="button-box">
            <button class="btn yes-btn">YES</button>
            <button class="btn no-btn">NO</button>
        </label>
    </div>
</div>
<div class="footer">
    <div class="owner"><a href="https://nekow.work/" target="_blank">NekoW</a></div>
    <div class="split"></div>
    <div class="icp">浙ICP备2024116396号</div>
</div>
<script type="text/javascript" src="js/qrcode.min.js"></script>
<script type="text/javascript" src="js/i18n.js"></script>
<script type="text/javascript" src="js/ui.js"></script>
<script type="text/javascript" src="js/learn.js"></script>
<script type="text/javascript" src="js/service.js"></script>
<script type="text/javascript" src="js/chess.js"></script>
</body>
</html>