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

Initial setup

Browse Source
This commit is contained in:
Kirill Siukhin 2025-06-15 00:04:47 +05:00
parent fb52e56d2e
commit ab5298cc5c
3 changed files with 86 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
assets/css/style.css Normal file
View File

@ -0,0 +1,57 @@
:root {
--color-dark: #2a2a2a;
--color-light: #dadada;
}
body {
margin: 0;
font-family: "Noto Sans", sans-serif;
background-color: var(--color-dark);
color: var(--color-light);
text-align: center;
}
a {
text-decoration: none;
}
.link {
text-decoration: none;
color: var(--color-light);
}
.link:hover {
text-decoration: underline;
}
.nav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
}
.heading {
font-size: 3em;
font-family: "Carter One", system-ui;
text-shadow: 2px 2px 15px rgba(var(--color-light), 0.9);
}
.back-btn {
display: flex;
align-items: center;
gap: 0.2rem;
font-family: "Noto Sans", sans-serif;
font-size: 1em;
font-weight: 500;
color: var(--color-light);
background-color: transparent;
border: 1px solid var(--color-light);
border-radius: 50rem;
padding: 0.4rem 0.8rem;
cursor: pointer;
transition: 0.1s background-color linear, 0.1s color linear;
}
.back-btn:hover {
background-color: var(--color-light);
color: var(--color-dark);
}

29
index.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Carter+One&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/style.css">
<title>Mood Clicker</title>
</head>
<body>
<nav class="nav">
<a href="https://misterkirill.com">
<button class="back-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-left-fill" viewBox="0 0 16 16">
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
</svg>
Back to misterkirill.com
</button>
</a>
<a class="link" href="https://git.misterkirill.com/misterkirill/MoodClicker">Source Code</a>
</nav>
<h1 class="heading">Mood Clicker</h1>
<script src="./js/game.js"></script>
</body>
</html>

0
js/game.js Normal file
View File