Boxpect/index.html at main · Norcith/Boxpect · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Boxpect - Home</title>
    <link href="/css/index.css" rel="stylesheet">
    <script src="/js/index.js"></script>
  </head>
  <body onLoad="loadStuff()">
  <div id="head" class="center">
    <div class="main"><h1>Boxpect</h1><em>Find all the bombs</em><br></div>
    <div class="main">
      <h2>New game</h2>
      <a href="/game.html?columns=3&rows=2&bombs=2&emojis=3&name=Easy&hints=110" class="btn">Easy</a>
      <a href="/game.html?columns=4&rows=2&bombs=3&emojis=3&name=Medium&hints=111" class="btn">Medium</a>
      <a href="/game.html?columns=5&rows=3&bombs=4&emojis=5&name=Hard&hints=111" class="btn">Hard</a>
      <br><br>
      <details>
        <summary>Custom game</summary>
        <br>
        <p><strong>General</strong></p>
        <label for="inputColumns">Columns</label><input  type="range" id="inputColumns" min="2" max="8">
        <label for="inputRows">Rows</label><input  type="range" id="inputRows" min="1" max="5">
        <label for="inputBombs">Bombs</label><input  type="range" id="inputBombs" min="1" max="6">
        <label for="inputPackage">Package types</label><input  type="range" id="inputPackage" min="1" max="6">
        <p><strong>Hint types</strong></p>
        <label for="inputHint1">Proximity hints</label><input type="checkbox" id="inputHint1" checked><br>
        <label for="inputHint1"></label>Package type hints<input type="checkbox" id="inputHint2" checked><br>
        <label for="inputHint1"></label>Line & Column hints<input type="checkbox" id="inputHint3" checked>
        <br>
        <button onClick="play()">Play</button>
      </details>
    </div>
    </div><br><div class="main center maincenter">
    <h2>How to play:</h2>
    <ol>
      <li><strong>Click</strong> on a package to <strong>search</strong> it.</li>
      <li><strong>Explosive</strong> package's tags always <strong>lie</strong>.</li>
      <li><strong>Good</strong> package's tag always tell the <strong>truth</strong>.</li>
      <li>If you <strong>search</strong> an <strong>explosive</strong> package, the game is <strong>over</strong>.</li>
      <li><strong>Search</strong> all <strong>good</strong> packages to <strong>win</strong>.</li>
      <li><em>Have fun!</em></li>
    </ol>
    </div>
      <center><footer><em>©Norcith 2026 | <a href="https://github.com/Norcith/Boxpect/issues">Report an issue</a>.<br>This game was inspired by the awesome <a href="https://store.steampowered.com/app/2455920/Mimic_Logic/">Mimic Logic</a> and <a href="https://cluesbysam.com/">Clues By Sam</a>. Make sure to check them out !</em></footer></center>
  </body>
</html>