Update account.html

main
Mihaeļs Mejerovs 2024-05-21 18:56:17 +00:00
parent 329a1964a9
commit 8aff301f4e
1 changed files with 115 additions and 111 deletions

View File

@ -3,28 +3,28 @@
<head> <head>
<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>Stats</title> <title>Статы</title>
<link rel="stylesheet" href="static/css/main.css"> <link rel="stylesheet" href="static/css/main.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style> <style>
/* Add your custom CSS styles here */ /* Add your custom CSS styles here */
body { body {
background-color: #004577; /* Vibrant blue background */ background-color: #ffffff; /* Vibrant blue background */
color: #ffffff; /* White text color */ color: #066163; /* White text color */
} }
.stats-table { .stats-table {
margin-top: 20px; /* Add margin to the top of the table */ margin-top: 20px; /* Add margin to the top of the table */
width: 100%; /* Set table width to 100% */ width: 100%; /* Set table width to 100% */
border-collapse: collapse; /* Collapse border spacing */ border-collapse: collapse; /* Collapse border spacing */
border: 2px solid yellow; /* Set border color and width */ border: 2px solid rgb(0, 0, 0); /* Set border color and width */
} }
.stats-table th, .stats-table th,
.stats-table td { .stats-table td {
padding: 10px; /* Add padding to table cells */ padding: 10px; /* Add padding to table cells */
text-align: left; /* Align text to the left within cells */ text-align: left; /* Align text to the left within cells */
border-bottom: 1px solid #ffffff; /* Add bottom border to cells */ border-bottom: 1px solid #000000; /* Add bottom border to cells */
} }
.stats-table th { .stats-table th {
@ -32,7 +32,7 @@
} }
.back-btn { .back-btn {
background-color: #ffc400; /* Yellow background for the button */ background-color: #0060df; /* Yellow background for the button */
color: #000; /* Black text color */ color: #000; /* Black text color */
border: none; /* Remove border */ border: none; /* Remove border */
padding: 10px 20px; /* Add padding */ padding: 10px 20px; /* Add padding */
@ -42,7 +42,7 @@
} }
.back-btn:hover { .back-btn:hover {
background-color: #ffa000; /* Lighter yellow on hover */ background-color: #0053c0; /* Lighter yellow on hover */
} }
</style> </style>
</head> </head>
@ -73,31 +73,35 @@
</nav> </nav>
<div class="container"> <div class="container">
<h1>Statistics</h1> <h1>Статистика игрока</h1>
<table class="stats-table"> <table class="stats-table">
<tr> <tr>
<th>Statistic</th> <th>Статистика</th>
<th>Value</th> <th>Значение</th>
</tr> </tr>
<tr> <tr>
<td>Damage done</td> <td>Книги</td>
<td>4 747 673</td> <td>5</td>
</tr> </tr>
<tr> <tr>
<td>Enemies killed</td> <td>Зачарованые придметы</td>
<td>678 239</td> <td>3</td>
</tr> </tr>
<tr> <tr>
<td>Best score</td> <td>Придмет у которого больше всего зачарований</td>
<td>489</td> <td>Кожаный шлем</td>
</tr> </tr>
<tr> <tr>
<td>Games played</td> <td>Самое тупое зачарование</td>
<td>2051</td> <td>Проклятье утраты</td>
</tr> </tr>
<tr> <tr>
<td>Time played</td> <td>Сыграное время</td>
<td>150h</td> <td>42 часов</td>
</tr>
<tr>
<td>Жителей убито</td>
<td>371488 ._.(ты...)</td>
</tr> </tr>
</table> </table>
</div> </div>