Update game.html

2024-04-27 21:54:11 +00:00 · 2024-04-27 21:54:11 +00:00 · 7d5741f56c
parent 68f86c6b07
commit 7d5741f56c
1 changed files with 20 additions and 13 deletions
--- a/game.html
+++ b/game.html
@ -4,9 +4,10 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Game - Tanks 2D</title>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
-            font-family: Arial, sans-serif;
+            font-family: 'Montserrat', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
@ -14,20 +15,21 @@
        }

        nav {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 50px;
            background-color: #333;
-            padding: 10px 0;
+            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
-            margin-bottom: 20px;
-        }
-
-        .logo {
-            margin-left: 20px;
+            z-index: 1000;
        }

        .logo img {
-            max-height: 50px;
+            max-height: 40px; /* Уменьшенный размер логотипа */
        }

        nav ul {
@ -39,13 +41,13 @@

        nav ul li {
            display: inline;
-            margin-left: 20px;
+            margin-left: 10px; /* Уменьшенный отступ между пунктами меню */
        }

        nav ul li a {
            color: #fff;
            text-decoration: none;
-            padding: 10px 20px;
+            padding: 8px 15px; /* Уменьшенные внутренние отступы в пунктах меню */
            transition: background-color 0.3s;
        }

@ -55,7 +57,7 @@

        .container {
            max-width: 800px;
-            margin: 50px auto;
+            margin: 100px auto 20px;
            padding: 20px;
            background-color: #fff;
            border-radius: 10px;
@ -102,10 +104,9 @@
 <body>
    <nav>
        <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>
        <ul>
-            <li><a href="/">Home</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="/game">Game</a></li>
            <li><a href="/link">Link</a></li>
@ -138,5 +139,11 @@

        <a href="/download" class="download-link">Download Tanks 2D</a>
    </div>
+
+    <script>
+        document.querySelector('.logo').addEventListener('click', function() {
+            window.location.href = '/';
+        });
+    </script>
 </body>
 </html>