index.html

<!doctypehtml><meta http-equiv="Content-Type"content="text/html; charset=UTF-8"><meta name="viewport"content="width=device-width,initial-scale=1"><link rel="stylesheet"href="css/style.min.css"><script defer="defer"src="js/common.js"></script><script src="js/domain/position.js"></script><script src="js/domain/mine.js"></script><script src="js/domain/flag.js"></script><script src="js/domain/block-indicator.js"></script><script src="js/domain/mine-field.js"></script><script src="js/domain/mine-sweeper.js"></script><script src="js/web/modal/modal-web.js"></script><script defer="defer"src="js/web/modal/help-modal-web.js"></script><script defer="defer"src="js/web/modal/win-modal-web.js"></script><script defer="defer"src="js/web/modal/lose-modal-web.js"></script><script defer="defer"src="js/web/modal/baby-modal-web.js"></script><script src="js/web/block-web.js"></script><script src="js/web/flag-toggle-web.js"></script><script src="js/web/mine-web.js"></script><script src="js/web/mine-sweeper-web.js"></script><script defer="defer"src="js/i18n/en.js"></script><script defer="defer"src="js/i18n.js"></script><script defer="defer"src="js/properties.js"></script><script defer="defer"src="js/init.js"></script><div id="modals"style="display:none"><div id="baby-modal-content"><div class="baby boy"><img src="images/boy2.svg"alt="boy"></div><h1>Sou Menino!</h1><p>Obrigado por ter topado a brincadeira e fazer parte desse momento tão especial para meus pais! ♥️ Estou ansioso pra nos conhecermos pessoalmente. Até breve!<div class="btn-wrapper"><a href="?reload=true"class="btn btn--large btn--color1">Jogue novamente!</a></div></div><div id="help-modal-content"><h1>Campo Minado de Revelação!</h1><img src="images/babies2.svg"class="center"style="max-width: 520px;"><p>Mamãe Fer e papai Shane estão muito felizes com a minha chegada em Agosto e te convidam para jogar com a gente.<br><strong>Vença o Campo Minado para descobrir se sou Menino ou Menina!</strong> (Não que isso importe muito, pois já sou muito/a amado/a por todos que amam meus pais).<h2>Como Jogar</h2><ul><li><strong>O Objetivo</strong> é encontrar os espaços vazios e <strong>evitar</strong> os <img src="images/poo.svg"style="width:2em;margin:0;vertical-align:bottom;">.<li>Se você descobrir um <img src="images/poo.svg"style="width:2em;margin:0;vertical-align:bottom;"> , o jogo acaba.<li>Se você descobrir um espaço vazio ou um número, o jogo continua.<li>Se aparecer um número, ele informará quantos <img src="images/poo.svg"style="width:2em;margin:0;vertical-align:bottom;"> estão escondidos nos oito quadrados que o cercam.<br>Você deve usar essa informação para deduzir em que quadrados próximos é seguro clicar.<li>Se você suspeita que um quadrado contém um <img src="images/poo.svg"style="width:2em;margin:0;vertical-align:bottom;"> , utilize a <img src="images/diaper.svg"style="width:2em;margin:0;vertical-align:bottom;"> para marca-lo ou desmarca-lo.</ul><p>Boa Sorte e Divirta-se! :)<div class="btn-wrapper"><a class="btn btn--large btn--color5"onclick="helpModal.hide()">Jogar!</a></div><p style="text-align: right;font-size: 12px;"><br>jogo feito por <a href="mailto: jeanfern@gmail.com">Ben Pereira e Jean Fernandes</a></div><div id="win-modal-content"><h1>Parabéns Você Concluiu o Campo Minado!</h1><img id="win-image"src="https://media.giphy.com/media/TtTPBR1sA1yJq/giphy.gif"class="center"><div class="btn-wrapper"><a class="btn btn--large btn--color5"onclick="MineSweeperWeb.revealGender()">Revelar Sexo!</a></div></div><div id="lose-modal-content"><h1>Ah Não!</h1><h2>Você clicou em um cocô!</h2><img id="lose-image"class="center"><div class="btn-wrapper"><a href="?reload=true"class="btn btn--large btn--color1">Tente novamente!</a></div></div></div><div class="menu-bar"id="mine-sweeper-menu-bar"><input type="radio"id="select"name="flag"value="select"checked="checked"> <label class="btn"for="select"></label> <input type="radio"id="diaper"name="flag"value="diaper"> <label class="btn"for="diaper"></label> <a href="javascript:void(0);"class="help-btn btn"onclick="helpModal.show()">Ajuda</a></div><div id="mine-sweeper-wrapper"style="display:none"><div id="mine-sweeper-field"></div></div>