[xogo.git] / index.html

<!DOCTYPE html>
<html lang="en">

  <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>
    <main>
      <div id="gameInfos"></div>
      <div id="boardContainer"></div>
      <div id="gameStopped">
        <h1>Game over</h1>
        <div class="btn-wrap">
          <button id="rematchBtn"
                onClick="sendRematch()">
            Rematch
          </button>
          <button class="cancel-something"
                onClick="cancelRematch()">
            Close
          </button>
        </div>
      </div>
      <div id="pendingRematch">
        <div class="loader hour-glass"></div>
        <div class="btn-wrap">
          <button class="cancel-something"
                  onClick="cancelRematch()">
            Cancel
          </button>
        </div>
      </div>
      <div id="newGame">
        <button id="seekGame"
                class="block-btn"
                onClick="seekGame()">
          Play!
        </button>
        <div id="ng-select">
          <div class="select">
            <select id="selectVariant"></select>
            <span class="focus"></span>
          </div>
          <div class="btn-wrap">
            <button id="playCustom"
                  onClick="showNewGameForm()">
              Customize
            </button>
          </div>
        </div>
        <div id="ng-name" class="form-field">
          <div class="form-field__control">
            <label for="myName" class="form-field__label">Name</label>
            <input id="myName"
                   type="text"
                   required
                   class="form-field__input"
                   onChange="setName()"/>
          </div>
        </div>
        <div id="footer">
          <p>
            <a class="left-link" href="https://discord.gg/QC7Aa5WMYp">
              <img src="/assets/discord.svg"/>
              Discord
            </a>
            <a class="right-link" href="https://github.com/yagu0/xogo">
              GitHub
              <img src="/assets/github.svg"/>
            </a>
          </p>
        </div>
      </div>
      <div id="pendingSeek">
        <div class="loader hour-glass"></div>
        <div class="btn-wrap">
          <button class="cancel-something"
                  onClick="cancelSeek()">
            Cancel
          </button>
        </div>
      </div>
      <div id="newGameForm">
        <fieldset>
          <div class="select">
            <select id="selectColor">
              <option value="">Any color</option>
              <option value="w">Player 1</option>
              <option value="b">Player 2</option>
            </select>
            <span class="focus"></span>
          </div>
        </fieldset>
        <fieldset id="gameOptions"></fieldset>
        <div class="btn-wrap">
          <button onClick="getGameLink()">Get link</button>
          <button onClick="backToNormalSeek()">Cancel</button>
        </div>
        <div id="gameLink"></div>
      </div>
    </main>

    <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 lang="en">
	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	<main>
	15	<div id="gameInfos"></div>
	16	<div id="boardContainer"></div>
	17	<div id="gameStopped">
	18	<h1>Game over</h1>
	19	<div class="btn-wrap">
	20	<button id="rematchBtn"
	21	onClick="sendRematch()">
	22	Rematch
	23	</button>
	24	<button class="cancel-something"
	25	onClick="cancelRematch()">
	26	Close
	27	</button>
	28	</div>
	29	</div>
	30	<div id="pendingRematch">
	31	<div class="loader hour-glass"></div>
	32	<div class="btn-wrap">
	33	<button class="cancel-something"
	34	onClick="cancelRematch()">
	35	Cancel
	36	</button>
	37	</div>
	38	</div>
	39	<div id="newGame">
	40	<button id="seekGame"
	41	class="block-btn"
	42	onClick="seekGame()">
	43	Play!
	44	</button>
	45	<div id="ng-select">
	46	<div class="select">
	47	<select id="selectVariant"></select>
	48	<span class="focus"></span>
	49	</div>
	50	<div class="btn-wrap">
	51	<button id="playCustom"
	52	onClick="showNewGameForm()">
	53	Customize
	54	</button>
	55	</div>
	56	</div>
	57	<div id="ng-name" class="form-field">
	58	<div class="form-field__control">
	59	<label for="myName" class="form-field__label">Name</label>
	60	<input id="myName"
	61	type="text"
	62	required
	63	class="form-field__input"
	64	onChange="setName()"/>
	65	</div>
	66	</div>
	67	<div id="footer">
	68	<p>
	69	<a class="left-link" href="https://discord.gg/QC7Aa5WMYp">
	70	<img src="/assets/discord.svg"/>
	71	Discord
	72	</a>
	73	<a class="right-link" href="https://github.com/yagu0/xogo">
	74	GitHub
	75	<img src="/assets/github.svg"/>
	76	</a>
	77	</p>
	78	</div>
	79	</div>
	80	<div id="pendingSeek">
	81	<div class="loader hour-glass"></div>
	82	<div class="btn-wrap">
	83	<button class="cancel-something"
	84	onClick="cancelSeek()">
	85	Cancel
	86	</button>
	87	</div>
	88	</div>
	89	<div id="newGameForm">
	90	<fieldset>
	91	<div class="select">
	92	<select id="selectColor">
	93	<option value="">Any color</option>
	94	<option value="w">Player 1</option>
	95	<option value="b">Player 2</option>
	96	</select>
	97	<span class="focus"></span>
	98	</div>
	99	</fieldset>
	100	<fieldset id="gameOptions"></fieldset>
	101	<div class="btn-wrap">
	102	<button onClick="getGameLink()">Get link</button>
	103	<button onClick="backToNormalSeek()">Cancel</button>
	104	</div>
	105	<div id="gameLink"></div>
	106	</div>
	107	</main>
	108
	109	<script src="/parameters.js"></script>
	110	<script src="/variants.js"></script>
	111	<script src="/app.js"></script>
	112	</body>
	113	</html>