mirror of
https://github.com/webxoss/webxoss-client.git
synced 2025-01-30 23:19:07 +01:00
211 lines
No EOL
8.9 KiB
HTML
211 lines
No EOL
8.9 KiB
HTML
<!DOCTYPE html>
|
|
<!-- <html manifest="webxoss.appcache"> -->
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<title>WEBXOSS | Beta</title>
|
|
<meta name="description" content="WEBXOSS is a free, no-ads, multilingual, cross-platform and full automated online Battle-Field for WIXOSS.">
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="theme-color" content="#2196F3">
|
|
<script>
|
|
var global = window;
|
|
if (window.location != window.parent.location) window.parent.location = window.location;
|
|
</script>
|
|
<script src="./lib/easeljs-0.8.2.min.js" defer="defer"></script>
|
|
<script src="./socket.io.min.js" defer="defer"></script>
|
|
<script src="./CardInfo.js" defer="defer"></script>
|
|
|
|
<!-- <script src="./Localize.min.js" defer="defer"></script>
|
|
<script src="./ImageAndDetail.min.js" defer="defer"></script>
|
|
<script src="./DeckEditor/Deck.min.js" defer="defer"></script>
|
|
<script src="./webxoss.js" defer="defer"></script> -->
|
|
|
|
<!-- <script src="./Localize.js" defer="defer"></script>
|
|
<script src="./ImageFileCache.js" defer="defer"></script>
|
|
<script src="./ImageManager.js" defer="defer"></script>
|
|
<script src="./Detail.js" defer="defer"></script>
|
|
<script src="./lib/util.js" defer="defer"></script>
|
|
<script src="./MessageBox.js" defer="defer"></script>
|
|
<script src="./IO.js" defer="defer"></script>
|
|
<script src="./Card.js" defer="defer"></script>
|
|
<script src="./CardBitmap.js" defer="defer"></script>
|
|
<script src="./StateBitmap.js" defer="defer"></script>
|
|
<script src="./Style.js" defer="defer"></script>
|
|
<script src="./Zone.js" defer="defer"></script>
|
|
<script src="./Game.js" defer="defer"></script>
|
|
<script src="./ZonePosition.js" defer="defer"></script>
|
|
<script src="./Button.js" defer="defer"></script>
|
|
<script src="./ButtonList.js" defer="defer"></script>
|
|
<script src="./Selector.js" defer="defer"></script>
|
|
<script src="./Dialog.js" defer="defer"></script>
|
|
<script src="./GameBackground.js" defer="defer"></script>
|
|
<script src="./FakeSocket.js" defer="defer"></script>
|
|
<script src="./RoomManager.js" defer="defer"></script>
|
|
<script src="./ChatManager.js" defer="defer"></script>
|
|
<script src="./GameAudio.js" defer="defer"></script>
|
|
<script src="./DeckManager.js" defer="defer"></script>
|
|
<script src="./DeckEditor/Rules.js" defer="defer"></script>
|
|
<script src="./DeckEditor/Searcher.js" defer="defer"></script> -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="./webxoss.css" />
|
|
</head>
|
|
<body>
|
|
<div id="side-bar">
|
|
<div id="div-logo">
|
|
<h1 id="logo">WEBXOSS</h1>
|
|
<div id="version"><龙灭连锁></div>
|
|
</div>
|
|
<ul id="nav" unselectable>
|
|
<li><a id="link-lobby" href="#">Battle</a></li>
|
|
<li><a id="link-deck" href="#Deck">Deck</a></li>
|
|
<li><a id="link-replay" href="#Replay">Replay</a></li>
|
|
<li><a id="link-donate" href="#Donate">Donate</a></li>
|
|
<!-- <li><a id="link-supporters" href="#Supporters">Supporters</a></li> -->
|
|
<li><a id="link-about" href="#About">About</a></li>
|
|
</ul>
|
|
<menu toolbar id="toolbar-header" unselectable>
|
|
<span icon id="icon-search">🔎</span>
|
|
<span icon id="icon-add">➕</span>
|
|
<span icon id="icon-menu">☰</span>
|
|
</menu>
|
|
</div>
|
|
<div id="content">
|
|
<section id="lobby">
|
|
<div id="lobby-title">
|
|
<h1 id="lobby-logo">WEBXOSS</h1>
|
|
<!-- <h2 id="lobby-desc">desc</h1> -->
|
|
</div>
|
|
<div id="lobby-header-bar">
|
|
<span id="label-nickname">Nickname:</span><input id="input-nickame" type="text" placeholder="nickname" maxlength="10" required>
|
|
<div id="lobby-options">
|
|
<label><input id="checkbox-bgm" type="checkbox" class="checkbox"><span id="label-bgm">BGM</span></label>
|
|
<label><input id="checkbox-sound-effect" type="checkbox" class="checkbox" checked="checked"><span id="label-sound-effect">SE</span></label>
|
|
<select id="select-language">
|
|
<option value="en">English</option>
|
|
<option value="zh_CN">简体中文</option>
|
|
<option value="zh_TW">繁體中文</option>
|
|
<option value="jp">日本語</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div id="lobby-add">
|
|
<div>
|
|
<input id="input-nickame-mobile" type="text" placeholder="nickname" maxlength="15">
|
|
</div>
|
|
<div>
|
|
<input id="input-room-name-mobile" type="text" placeholder="room name" maxlength="15">
|
|
</div>
|
|
<div>
|
|
<input id="input-create-room-password-mobile" type="text" placeholder="password" maxlength="15">
|
|
</div>
|
|
<div>
|
|
<button id="button-create-room-mobile">Create</button>
|
|
</div>
|
|
</div>
|
|
<ol id="room-list"><li class="live">free </li><li class="live">初心者</li><li class="live">フリーお願いします</li><li class="live">free+</li><li class="live">フリー。</li><li class="live">free</li><li class="live">るみるみの部屋</li></ol>
|
|
<table id="table-create-room" noborder>
|
|
<tbody>
|
|
<tr>
|
|
<td><span id="label-create-room">New Room:</span></td>
|
|
<td><input id="input-room-name" type="text" placeholder="room name" maxlength="15"></td>
|
|
<td rowspan="2"><button id="button-create-room">Create</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td><span id="label-create-room-password">Password:</span></td>
|
|
<td><input id="input-create-room-password" type="text" placeholder="password" maxlength="15"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
<section id="deck">
|
|
<section id="Detail">
|
|
<div id="detail-card-figure">
|
|
<img id="detail-card-image">
|
|
</div>
|
|
<div id="detail-card-data">
|
|
<div id="detail-card-wxid"></div>
|
|
<div id="detail-card-name"></div>
|
|
<div id="detail-card-limiting"></div>
|
|
<table id="detail-table">
|
|
<tbody id="detail-table-body"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
<section id="deck-main">
|
|
<div id="div-deck">
|
|
<div>
|
|
<span id="label-select-deck">选择牌组:</span><select id="select-decks"></select><button id="button-delete-deck">删除</button><button id="button-rename">重命名</button>
|
|
</div>
|
|
<div id="div-new-deck">
|
|
<span id="label-new-deck">新建牌组:</span><input id="input-new-deck-name" type="text" placeholder="牌组名字"><button id="button-new-deck">新建</button><button id="button-copy-deck">复制</button><button id="button-import-export">导入/导出</button>
|
|
</div>
|
|
</div>
|
|
<div id="main-deck-text-bar">
|
|
<span id="main-deck-title">主卡组</span><span id="main-deck-burst"><span id="main-deck-burst-title">爆发:</span><span id="main-deck-burst-count"></span><span>/20</span></span>
|
|
</div>
|
|
<div id="main-deck-zone"></div>
|
|
<div id="lrig-deck-text-bar">
|
|
<span id="lrig-deck-title">LRIG卡组</span>
|
|
</div>
|
|
<div id="lrig-deck-zone"></div>
|
|
<div id="div-import-warp" style="display: none;">
|
|
<div id="div-import-export">
|
|
<div>
|
|
<span id="label-import-from-file">从文件导入:</span><input id="input-file" type="file">
|
|
</div>
|
|
<div>
|
|
<span id="label-export-to-file">导出到文件:</span><button id="button-export">导出</button>
|
|
</div>
|
|
<div>
|
|
<textarea id="textarea-import-export"></textarea>
|
|
</div>
|
|
<div id="div-import-footer">
|
|
<button id="button-text">显示文本</button><button id="button-export-code">显示代码</button><button id="button-import-code">导入代码</button><button id="button-import-export-cancel">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="deck-search">
|
|
<input id="search-input" placeholder="输入关键字以搜索" spellcheck="false" autocomplete="off" autocapitalize="none">
|
|
<div id="div-search-tips">
|
|
<a id="link-search-tips" href="./SearchTips.html" target="_blank">搜索技巧</a>
|
|
</div>
|
|
<div id="div-search-results">
|
|
<ol id="search-list"></ol>
|
|
<div id="search-show-more" style="display: none;">显示更多</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<audio id="audio-bgm" loop></audio>
|
|
<audio id="audio-sound-effect" autoplay></audio>
|
|
<script>
|
|
var $ = document.getElementById.bind(document);
|
|
function setTab(tab) {
|
|
document.body.setAttribute('tab',tab);
|
|
return false;
|
|
}
|
|
$('icon-add').onclick = function () {
|
|
$('lobby-add').classList.toggle('open');
|
|
};
|
|
$('link-lobby').onclick = setTab.bind(null,'lobby');
|
|
$('link-deck').onclick = setTab.bind(null,'deck');
|
|
$('link-replay').onclick = setTab.bind(null,'replay');
|
|
$('link-donate').onclick = setTab.bind(null,'donate');
|
|
$('link-supporters').onclick = setTab.bind(null,'supporters');
|
|
$('link-about').onclick = setTab.bind(null,'about');
|
|
</script>
|
|
<script src="./trash/CardInfo.js"></script>
|
|
<script src="./lib/util.js"></script>
|
|
<script src="./Localize.js"></script>
|
|
<script src="./ImageFileCache.js"></script>
|
|
<script src="./ImageManager.js"></script>
|
|
<script src="./Detail.js"></script>
|
|
<script src="./DeckManager.js"></script>
|
|
<script src="./DeckEditor/Rules.js"></script>
|
|
<script src="./DeckEditor/Searcher.js"></script>
|
|
<script src="./DeckEditor/editor.js"></script>
|
|
</body>
|
|
</html> |