[xogo.git] / index.html

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8"/>
    <title>xogo</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1"/>
    <link id="_common_css"
          rel="stylesheet" href="./common.css"/>
  </head>

  <body>
    <div id="gameInfos"></div>
    <div id="boardContainer"></div>
    <div id="gameStopped">
      <h1>Game over</h1>
      <button id="rematchBtn"
              onClick="sendRematch()">
        Rematch
      </button>
      <button class="cancel-something"
              onClick="cancelRematch()">
        Close
      </button>
    </div>
    <div id="pendingRematch">
      <div class="loader hour-glass"></div>
      <button class="cancel-something"
              onClick="cancelRematch()">
        Cancel
      </button>
    </div>
    <div id="newGame">
      <button id="seekGame"
              class="block-btn"
              onClick="seekGame()">
        Play!
      </button>
      <div id="ng-select">
        <select id="selectVariant"></select>
        <span id="playCustom"
              onClick="showNewGameForm()">
          Customize
        </span>
      </div>
      <div id="ng-name">
        <label for="myName">Name:</label>
        <input id="myName"
               type="text"
               onChange="setName()"/>
      </div>
      <footer>
        <a href="https://discord.gg/QC7Aa5WMYp">Discord</a>
        /
        <a href="https://github.com/yagu0/xogo">GitHub</a>
      </footer>
    </div>
    <div id="pendingSeek">
      <div class="loader hour-glass"></div>
      <button class="cancel-something"
              onClick="cancelSeek()">
        Cancel
      </button>
    </div>
    <div id="newGameForm">
      <fieldset>
        <label for="selectColor">Play as</label>
        <select id="selectColor">
          <option value=""></option>
          <option value="w">Player 1</option>
          <option value="b">Player 2</option>
        </select>
      </fieldset>
      <fieldset id="gameOptions"></fieldset>
      <button onClick="getGameLink()">Get link</button>
      <button onClick="backToNormalSeek()">Cancel</button>
      <div id="gameLink"></div>
    </div>

    <script src="/parameters.js"></script>
    <script src="/variants.js"></script>
    <script src="/app.js"></script>
  </body>
</html>
Commit	Line	Data
	1	<!DOCTYPE html>
	2	<html>
	3
	4	<head>
	5	<meta charset="utf-8"/>
	6	<title>xogo</title>
	7	<meta name="viewport"
	8	content="width=device-width, initial-scale=1"/>
	9	<link id="_common_css"
	10	rel="stylesheet" href="./common.css"/>
	11	</head>
	12
	13	<body>
	14	<div id="gameInfos"></div>
	15	<div id="boardContainer"></div>
	16	<div id="gameStopped">
	17	<h1>Game over</h1>
	18	<button id="rematchBtn"
	19	onClick="sendRematch()">
	20	Rematch
	21	</button>
	22	<button class="cancel-something"
	23	onClick="cancelRematch()">
	24	Close
	25	</button>
	26	</div>
	27	<div id="pendingRematch">
	28	<div class="loader hour-glass"></div>
	29	<button class="cancel-something"
	30	onClick="cancelRematch()">
	31	Cancel
	32	</button>
	33	</div>
	34	<div id="newGame">
	35	<button id="seekGame"
	36	class="block-btn"
	37	onClick="seekGame()">
	38	Play!
	39	</button>
	40	<div id="ng-select">
	41	<select id="selectVariant"></select>
	42	<span id="playCustom"
	43	onClick="showNewGameForm()">
	44	Customize
	45	</span>
	46	</div>
	47	<div id="ng-name">
	48	<label for="myName">Name:</label>
	49	<input id="myName"
	50	type="text"
	51	onChange="setName()"/>
	52	</div>
	53	<footer>
	54	<a href="https://discord.gg/QC7Aa5WMYp">Discord</a>
	55	/
	56	<a href="https://github.com/yagu0/xogo">GitHub</a>
	57	</footer>
	58	</div>
	59	<div id="pendingSeek">
	60	<div class="loader hour-glass"></div>
	61	<button class="cancel-something"
	62	onClick="cancelSeek()">
	63	Cancel
	64	</button>
	65	</div>
	66	<div id="newGameForm">
	67	<fieldset>
	68	<label for="selectColor">Play as</label>
	69	<select id="selectColor">
	70	<option value=""></option>
	71	<option value="w">Player 1</option>
	72	<option value="b">Player 2</option>
	73	</select>
	74	</fieldset>
	75	<fieldset id="gameOptions"></fieldset>
	76	<button onClick="getGameLink()">Get link</button>
	77	<button onClick="backToNormalSeek()">Cancel</button>
	78	<div id="gameLink"></div>
	79	</div>
	80
	81	<script src="/parameters.js"></script>
	82	<script src="/variants.js"></script>
	83	<script src="/app.js"></script>
	84	</body>
	85	</html>