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

Update game.html

main
Arsenijs Ļu 2024-04-28 14:14:22 +00:00
parent 937cfd8953
commit 9a91b4a436
1 changed files with 10 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
game.html
View File

@ -14,11 +14,6 @@
color: #fff; /* Белый цвет текста */ color: #fff; /* Белый цвет текста */
} }
.wrapper {
margin-top: 80px; /* Отступ для контента под фиксированной шапкой */
overflow-y: auto; /* Включаем вертикальную прокрутку */
}
nav { nav {
position: fixed; /* Фиксированная позиция */ position: fixed; /* Фиксированная позиция */
top: 0; /* Расположение шапки вверху */ top: 0; /* Расположение шапки вверху */
@ -78,20 +73,6 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #748623; /* Цвет кнопки */
color: #fff; /* Цвет текста на кнопке */
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
}
.btn:hover {
background-color: #748623; /* Изменение цвета кнопки при наведении */
}
.advertisement { .advertisement {
margin-top: 50px; margin-top: 50px;
} }
@ -102,20 +83,10 @@
box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень изображения */ box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень изображения */
} }
.footer {
background-color: #748623; /* Серый цвет фона нижнего раздела */
padding: 20px;
margin-top: 50px; /* Отступ сверху */
}
.footer h2 {
color: #fff; /* Белый цвет текста */
margin: 0; /* Убираем внешние отступы */
}
/* Стили для области оценки */ /* Стили для области оценки */
#ratings { #ratings {
padding-top: 50px; /* Добавляем отступ сверху, чтобы область оценки была выше */ padding-top: 50px; /* Добавляем отступ сверху, чтобы область оценки была выше */
padding-bottom: 50px; /* Добавляем отступ снизу */
text-align: center; /* Центрируем содержимое */ text-align: center; /* Центрируем содержимое */
} }
@ -123,6 +94,12 @@
width: 50px; /* Устанавливаем ширину поля ввода */ width: 50px; /* Устанавливаем ширину поля ввода */
margin: 10px; /* Добавляем отступы между элементами */ margin: 10px; /* Добавляем отступы между элементами */
} }
/* Стили для QR-кода */
#qr-code {
width: 150px; /* Задаем ширину */
height: 150px; /* Задаем высоту */
}
</style> </style>
</head> </head>
<body> <body>
@ -158,14 +135,11 @@
<h2>Difficulties</h2> <h2>Difficulties</h2>
<p> <p>
To start playing Tanks 2D, download the game using the link below and follow the instructions to install it. To start playing Tanks 2D, <a href="your-pdf-file.pdf" target="_blank">click here</a> to view the PDF file showcasing the difficulties encountered during the game development process.
You can play single-player or join multiplayer battles to test your skills against other players.
</p> </p>
<p><img id="qr-code" src="https://cdn.discordapp.com/attachments/711235658319921268/1234144155463057408/QRCode.png?ex=662fa9cf&is=662e584f&hm=469e1f53dc4872746d91f8bb84db6d2da0b47d7dda6b37745341179a20df19ab&" alt="QR Code"><br>QR Code</p>
<a href="/download" class="download-link">Download Tanks 2D</a>
</div> </div>
<!-- Область для оценки --> <!-- Область для оценки -->
<div id="ratings" class="container" style="margin-top: 1000px;"> <!-- Установите высоту в px в зависимости от контента выше --> <div id="ratings" class="container" style="margin-top: 1000px;"> <!-- Установите высоту в px в зависимости от контента выше -->
<h2>Rate Our Website and Game</h2> <h2>Rate Our Website and Game</h2>
@ -193,4 +167,4 @@
} }
</script> </script>
</body> </body>
</html> </html>