Update v5.1.1

archived
MohsenEMX 2022-12-25 22:22:07 +03:30
parent f6562f021e
commit 1da33a9de3
2 changed files with 23 additions and 5 deletions

View File

@ -15,7 +15,7 @@ if (localStorage.getItem("win_count") == undefined || localStorage.getItem("win_
} }
var settings = { var settings = {
"fontName": "Arial" "fontName": "Trebuchet MS"
}; };
var settingsWindowOpen = false; var settingsWindowOpen = false;
var settingsManager = new (function() { var settingsManager = new (function() {

View File

@ -70,18 +70,36 @@
border-width: calc(0.2*(1vw+1vh+4)); border-width: calc(0.2*(1vw+1vh+4));
font-size: 20px; font-size: 20px;
font-size: calc(14px + (0.6*(1vw+1vh+4))); font-size: calc(14px + (0.6*(1vw+1vh+4)));
transition: 0.2s;
} }
.settings button, .settings input { .settings button, .settings input {
background-color: rgba(0, 0, 0, 0.7);
color: white;
font-size: 20px; font-size: 20px;
font-size: calc(10px + (0.6*(1vw+1vh+4))); font-size: calc(10px + (0.6*(1vw+1vh+4)));
padding: calc(7px + 1vw - 1.7vh);
transition: 0.2s;
border: 1px solid #fff;
border-radius: 5px;
} }
h1 { h1 {
font-weight: normal; font-weight: normal;
margin-block-start: 0.5em; margin-block-start: 0.5em;
margin-block-end: 0.5em; margin-block-end: 0.5em;
transition: 0.3s;
} }
canvas { canvas {
transition: 0.2s; transition: 0.4s;
}
button:hover {
background-color: rgba(222, 222, 222, 0.52);
/*border: 1px solid white;*/
border-radius: 8px;
}
.settings input:focus {
background-color: rgba(222, 222, 222, 0.36);
/*border: 1px solid white;*/
border-radius: 8px;
} }
</style> </style>
</head> </head>
@ -91,9 +109,9 @@
<div class="settings" style="display:none"> <div class="settings" style="display:none">
<h1>Settings</h1> <h1>Settings</h1>
Font name: <input id="settings_fontname" placeholder="Enter font name" value="Arial"><br> Font name: <input id="settings_fontname" placeholder="Enter font name" value="Arial"><br>
<br><button onclick="removeWins()">Reset wins counter</button><hr> <br><button onclick="removeWins()">Reset Wins Counter</button><hr>
<button onclick="settingsManager.resetAll()">Reset settings</button> <button onclick="settingsManager.resetAll()">Reset Settings</button>
<button onclick="settingsManager.save()">Save settings</button> <button onclick="settingsManager.save()">Save Settings</button>
</div> </div>
<script src="game.js"></script> <script src="game.js"></script>
</body> </body>