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