Update v5.1.1
parent
f6562f021e
commit
1da33a9de3
2
game.js
2
game.js
|
@ -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() {
|
||||||
|
|
26
index.html
26
index.html
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue