992
edições
(Criou página com '<style> .agatha__bookshelfs { position: relative; background: url("https://image.ibb.co/njxx5o/back.jpg") 0 0 no-repeat; width: 386px; height: 424px; } .agatha__bookshelfArrow { position: absolute; display: none; width: 46px; } .agatha__bookshelfArrow.active { display: block; animation: blink 1s ease .2s backwards infinite; } @keyframes blink { 0% {...') |
Sem resumo de edição |
||
(6 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
Linha 2: | Linha 2: | ||
.agatha__bookshelfs { | .agatha__bookshelfs { | ||
position: relative; | position: relative; | ||
background: url(" | background: url("/images/3/36/Decod_agatha.png") 0 0 no-repeat; | ||
background-size: contain; | |||
width: 386px; | width: 386px; | ||
height: 424px; | height: 424px; | ||
Linha 34: | Linha 35: | ||
<center> | <center> | ||
<div class="agatha__bookshelfs"> | <div class="agatha__bookshelfs"> | ||
<img id="arrow" class="agatha__bookshelfArrow" src=" | <img id="arrow" class="agatha__bookshelfArrow" src="/images/8/8d/Setagatha.png" alt="Seta que indica estante"> | ||
</div> | </div> | ||
</center> | </center> | ||
<input type="text" name="agatha__bookshelfCode"> | <center> | ||
<div style="width:28rem;margin-top:.75rem;"><input type="text" class="input-default" name="agatha__bookshelfCode"></div> | |||
<button type="submit"> | <button type="submit"> | ||
decode | decode | ||
</button> | </button> | ||
</center> | |||
</form> | </form> | ||
Linha 160: | Linha 163: | ||
e.preventDefault(); | e.preventDefault(); | ||
const code = document.querySelector("input[name='agatha__bookshelfCode']").value; | const code = document.querySelector("input[name='agatha__bookshelfCode']").value; | ||
decode( | decode(code); | ||
}) | }) | ||
}); | }); | ||
</script> | </script> |