Better visuals, add timer, add vibration on mobile, add light theme.

This commit is contained in:
天クマ 2026-04-30 17:25:14 -03:00
commit 37ca135c28
7 changed files with 243 additions and 88 deletions

View file

@ -7,30 +7,39 @@
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
<script type="text/javascript" src="cordova.js"></script>
<script src="StayAwake.js"></script>
</head>
<body>
<header>
<img src="logo.png">
<h1 class="rainbowText">Impostor</h1>
</header>
<div id="playlistHolder">
<div id="playersList">
<div class="playerHolder">
<input type="text" placeholder="Nome do primeiro jogador"/>
</div>
<div class="playerHolder">
<input type="text" placeholder="Nome do segundo jogador"/>
</div>
<div class="playerHolder">
<input type="text" placeholder="Nome do terceiro jogador"/>
</div>
</div>
<button id="newPlayerButton">Adicionar jogador</button>
<div id="hintCheckHolder">
<div id="hintCheckHolder" class="optionsHolder">
<p>Dicas</p>
<input type="checkbox" id="hintCheck" checked>
</div>
<div id="timerInputHolder" class="optionsHolder">
<p>Temporizador (minutos)</p>
<input type="number" max="" id="timerInput" value="3" >
</div>
<div class="optionsHolder">
<p>Jogadores</p>
<div id="playersList">
<div class="playerHolder">
<input type="text" placeholder="Nome do primeiro jogador"/>
</div>
<div class="playerHolder">
<input type="text" placeholder="Nome do segundo jogador"/>
</div>
<div class="playerHolder">
<input type="text" placeholder="Nome do terceiro jogador"/>
</div>
</div>
<button id="newPlayerButton">Adicionar jogador</button>
</div>
</div>
<div name="gameLog" id="gameLog">
@ -38,6 +47,7 @@
</div>
<div id="bottomBar">
<button id="changeTheme" onclick="changeTheme()">Mudar tema</button>
<button id="startGame">Próximo</button>
</div>
</body>