misterkirill/MoodClicker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: title screen fix

Browse Source
This commit is contained in:
Kirill Siukhin 2025-06-20 18:31:53 +05:00
parent 3a30a74d3b
commit dbf408016a
4 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/global.css
View File

@ -17,6 +17,7 @@ a {
.link { .link {
text-decoration: none; text-decoration: none;
color: var(--color-light); color: var(--color-light);
font-weight: 500;
} }
.link:hover { .link:hover {
text-decoration: underline; text-decoration: underline;
@ -69,6 +70,7 @@ a {
font-size: 1.4em; font-size: 1.4em;
font-weight: 500; font-weight: 500;
color: var(--color-dark); color: var(--color-dark);
border: 2px solid var(--color-dark);
background-color: var(--color-light); background-color: var(--color-light);
border-radius: 50rem; border-radius: 50rem;
padding: 0.4rem 0.8rem; padding: 0.4rem 0.8rem;

11
assets/css/upgrades.css
View File

@ -28,7 +28,7 @@
} }
#upg-credits { #upg-credits {
visibility: hidden; display: none;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -43,10 +43,9 @@
align-items: center; align-items: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
top: -85%;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
animation: 15s credits linear; animation: 5s credits linear;
} }
@keyframes credits { @keyframes credits {
0% { 0% {
@ -54,15 +53,15 @@
} }
100% { 100% {
top: -85%; top: 0%;
} }
} }
.upg-credits-footer { .upg-credits-footer {
margin-top: 2rem; margin-top: 1rem;
text-align: center; text-align: center;
} }
.upg-credits-inner > h2 { .upg-credits-play-again {
margin-top: 2rem; margin-top: 2rem;
} }

13
index.html
View File

@ -59,18 +59,17 @@
<h1 class="heading">Mood Clicker</h1> <h1 class="heading">Mood Clicker</h1>
<h2>Visuals</h2> <h2>Visuals</h2>
<p>Upgrade icons by <b>Kirill Siukhin</b></p> <span>Upgrade icons by <b>Kirill Siukhin</b></span>
<p>Cuteface by <b>realexa770</b></p> <span>Cuteface by <b>realexa770</b></span>
<h2>Music</h2> <h2>Music</h2>
<p>Background music – "Mood Not Found" by <b>Kirill Siukhin</b></p> <span>Background music – "Mood Not Found" by <b>Kirill Siukhin</b></span>
<p>Rain FX by <b>Kirill Siukhin</b></p> <span>Rain FX by <b>Kirill Siukhin</b></span>
<h2>Other</h2> <h2>Other</h2>
<p>Programmed by <b>Kirill Siukhin</b></p> <span>Programmed by <b>Kirill Siukhin</b></span>
<p><b>Time spent: 5 hours</b></p> <button class="btn upg-credits-play-again" onclick="resetProgress()">Play again</button>
<button class="btn">Play again</button>
<div class="upg-credits-footer"> <div class="upg-credits-footer">
<p>Made with ❤️ by <a href="https://misterkirill.com" class="link">Mister Kirill</a></p> <p>Made with ❤️ by <a href="https://misterkirill.com" class="link">Mister Kirill</a></p>

10
js/game.js
View File

@ -138,12 +138,16 @@ function loadSave() {
} }
} }
function resetProgress() {
localStorage.removeItem('save');
location.reload();
}
function onResetProgressClick() { function onResetProgressClick() {
if (upgSavesReset.innerText === 'Reset progress') { if (upgSavesReset.innerText === 'Reset progress') {
upgSavesReset.innerText = 'Reset progress (are you sure?)'; upgSavesReset.innerText = 'Reset progress (are you sure?)';
} else { } else {
localStorage.removeItem('save'); resetProgress();
location.reload();
} }
} }
@ -180,7 +184,7 @@ function showCuteface() {
function showCredits() { function showCredits() {
const credits = document.getElementById('upg-credits'); const credits = document.getElementById('upg-credits');
credits.style.visibility = 'visible'; credits.style.display = 'block';
} }