From 2ab748a509d503f2f01cfa5a0a11a213aa8df261 Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Thu, 28 Aug 2025 14:00:25 +0300 Subject: [PATCH] Update hagmangame_en.html --- EN/hagmangame_en.html | 37 +++++++++++++++++++++++++++++++++---- 1 file changed, 33 insertions(+), 4 deletions(-) diff --git a/EN/hagmangame_en.html b/EN/hagmangame_en.html index 8fe5db2..a8d6eb7 100644 --- a/EN/hagmangame_en.html +++ b/EN/hagmangame_en.html @@ -4,13 +4,42 @@ @font-face{font-family:'Montserrat';src:url('/FONTS/Montserrat.woff2')format('woff2');font-style:normal;} *{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif;} body{-webkit-user-select: none !important;display:flex;padding:0 10px;align-items:center;justify-content:center;min-height:100vh;background:#5E63BA} -.container{display:flex;flex-direction: column; width:850px;gap:70px;padding:60px 40px;background:#fff;border-radius:10px;align-items:flex-end;justify-content:space-between;box-shadow:0 10px 20px rgb(0 0 0 / .1)} +.container{display:flex;flex-direction: column; width: 53rem;gap: 4.4rem;padding: 3.8rem 2.5rem;background:#fff;border-radius:10px;align-items:flex-end;justify-content:space-between;box-shadow:0 10px 20px rgb(0 0 0 / .1)} .border_1{display: flex;flex-direction: row;justify-content: space-between;width:100%;} .title{width: 80%;display: flex;justify-content: center;} -#scoreboard {display: flex;justify-content:space-between;background: white;color: black;width: 100%;font-size: 1.2rem;font-weight: bold;padding: 10px 20px;border-radius: 10px;display: inline-block;margin-bottom: 20px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.32);width: 20%} +#scoreboard {display: flex;justify-content:space-between;background: white;color: black;width: 100%;font-size: 1.2rem;font-weight: bold;padding: .62rem 1.25rem;border-radius: 10px;display: inline-block;margin-bottom: 1.25rem;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.32);width: 20%} .hangman-box img{user-select:none;max-width:270px} -.hangman-box h1{font-size:1.45rem;text-align:center;margin-top:20px;text-transform:uppercase} -.game-box .word-display{gap:10px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top: 5rem;}.word-display .letter{width:28px;font-size:2rem;text-align:center;font-weight:600;margin-bottom:40px;text-transform:uppercase;border-bottom:3px solid #000}.word-display .letter.guessed{margin:-40px 0 35px;border-color:#fff0}.game-box h4{text-align:center;font-size:1.1rem;font-weight:500;margin-bottom:15px}.game-box h4 b{font-weight:600}.game-box .guesses-text b{color:red}.game-box .keyboard{display:flex;gap:5px;flex-wrap:wrap;margin-top:40px;justify-content:center}:where(.game-modal,.keyboard) button{color:#fff;border:none;outline:none;cursor:pointer;font-size:1rem;font-weight:600;border-radius:4px;text-transform:uppercase;background:#5E63BA}.keyboard button{padding:7px;width:calc(100% / 9 - 5px)}.keyboard button[disabled]{pointer-events:none;opacity:.6}:where(.game-modal,.keyboard) button:hover{background:#8286c9}.game-modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:0 10px;transition:opacity 0.4s ease}.game-modal.show{opacity:1;pointer-events:auto;transition:opacity 0.4s 0.4s ease}.game-modal .content{padding:30px;max-width:420px;width:100%;border-radius:10px;background:#fff;text-align:center;box-shadow:0 10px 20px rgb(0 0 0 / .1)}.game-modal img{max-width:130px;margin-bottom:20px}.game-modal img[src="img/victory.gif"]{margin-left:-10px}.game-modal h4{font-size:1.53rem}.game-modal p{font-size:1.15rem;margin:15px 0 30px;font-weight:500}.game-modal p b{color:#5E63BA;font-weight:600}.game-modal button{padding:12px 23px}@media (max-width:782px){.container{flex-direction:column;padding:30px 15px;align-items:center}.hangman-box img{max-width:200px}.hangman-box h1{display:none}.game-box h4{font-size:1rem}.word-display .letter{margin-bottom:35px;font-size:1.7rem}.word-display .letter.guessed{margin:-35px 0 25px}.game-modal img{max-width:120px}.game-modal h4{font-size:1.45rem}.game-modal p{font-size:1.1rem}.game-modal button{padding:10px 18px}} +.game-box .word-display{gap:.62rem;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top: 5rem;} +.word-display .letter{width:1.8rem;font-size:2rem;text-align:center;font-weight:600;margin-bottom:2.4rem;text-transform:uppercase;border-bottom:3px solid #000} +.word-display .letter.guessed{margin:-40px 0 35px;border-color:#fff0} +.game-box h4{text-align:center;font-size:1.1rem;font-weight:500;margin-bottom:1rem} +.game-box h4 b{font-weight:600} +.game-box .guesses-text b{color:red} +.game-box .keyboard{display:flex;gap:5px;flex-wrap:wrap;margin-top:2.5rem;justify-content:center} +:where(.game-modal,.keyboard) button{color:#fff;border:none;outline:none;cursor:pointer;font-size:1rem;font-weight:600;border-radius:4px;text-transform:uppercase;background:#5E63BA} +.keyboard button{padding:.44rem;width:calc(100% / 9 - 5px)} +.keyboard button[disabled]{pointer-events:none;opacity:.6} +:where(.game-modal,.keyboard) button:hover{background:#8286c9} +.game-modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:0 10px;transition:opacity 0.4s ease} +.game-modal.show{opacity:1;pointer-events:auto;transition:opacity 0.4s 0.4s ease} +.game-modal .content{padding:30px;max-width:420px;width:100%;border-radius:10px;background:#fff;text-align:center;box-shadow:0 10px 20px rgb(0 0 0 / .1)} +.game-modal img{max-width:130px;margin-bottom:20px} +.game-modal img[src="img/victory.gif"]{margin-left:-10px} +.game-modal h4{font-size:1.53rem} +.game-modal p{font-size:1.15rem;margin:15px 0 30px;font-weight:500} +.game-modal p b{color:#5E63BA;font-weight:600} +.game-modal button{padding:12px 23px} +@media (max-width:782px){ + .container{padding:1.80rem .94rem;align-items:center} + .hangman-box img{max-width:200px} + .game-box h4{font-size:1rem} + .word-display .letter{margin-bottom:35px;font-size:1.7rem} + .word-display .letter.guessed{margin:-35px 0 25px} + .game-modal img{max-width:120px} + .game-modal h4{font-size:1.45rem} + .game-modal p{font-size:1.1rem} + .game-modal button{padding:10px 18px} +}
gif

Kaybettin!

Doğru kelime:kelime

Hangman Game

Skor: 0
hangman-img

    Hint:

    Incorrect guesses: