ivaisfelds
/
Pygame_Project
0
3
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update game.html

main
Arsenijs Ļu 2024-04-27 21:54:11 +00:00
parent 68f86c6b07
commit 7d5741f56c
1 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
game.html
View File

@ -4,9 +4,10 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game - Tanks 2D</title> <title>Game - Tanks 2D</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: 'Montserrat', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f0f0f0; background-color: #f0f0f0;
@ -14,20 +15,21 @@
} }
nav { nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #333; background-color: #333;
padding: 10px 0; padding: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20px; z-index: 1000;
}
.logo {
margin-left: 20px;
} }
.logo img { .logo img {
max-height: 50px; max-height: 40px; /* Уменьшенный размер логотипа */
} }
nav ul { nav ul {
@ -39,13 +41,13 @@
nav ul li { nav ul li {
display: inline; display: inline;
margin-left: 20px; margin-left: 10px; /* Уменьшенный отступ между пунктами меню */
} }
nav ul li a { nav ul li a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
padding: 10px 20px; padding: 8px 15px; /* Уменьшенные внутренние отступы в пунктах меню */
transition: background-color 0.3s; transition: background-color 0.3s;
} }
@ -55,7 +57,7 @@
.container { .container {
max-width: 800px; max-width: 800px;
margin: 50px auto; margin: 100px auto 20px;
padding: 20px; padding: 20px;
background-color: #fff; background-color: #fff;
border-radius: 10px; border-radius: 10px;
@ -102,10 +104,9 @@
<body> <body>
<nav> <nav>
<div class="logo"> <div class="logo">
<img src="logo.png" alt="Tanki Logo"> <a href="/"><img src="https://cdn.discordapp.com/attachments/704651653873139803/1233880220004519986/Screenshot_2024-04-27_233856-removebg-preview.png?ex=662eb400&is=662d6280&hm=518bf12af052c5268492e81d64f8957eea1d6163b3c8fe28c3e8a69758169263&" alt="Tanki Logo"></a>
</div> </div>
<ul> <ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
<li><a href="/game">Game</a></li> <li><a href="/game">Game</a></li>
<li><a href="/link">Link</a></li> <li><a href="/link">Link</a></li>
@ -138,5 +139,11 @@
<a href="/download" class="download-link">Download Tanks 2D</a> <a href="/download" class="download-link">Download Tanks 2D</a>
</div> </div>
<script>
document.querySelector('.logo').addEventListener('click', function() {
window.location.href = '/';
});
</script>
</body> </body>
</html> </html>