diff --git a/public/daily.html b/public/daily.html deleted file mode 100644 index ae1ed7b..0000000 --- a/public/daily.html +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - Daily Bonus - - - -

Ежедневный бонус

-
- - - diff --git a/public/index.html b/public/index.html index 8db9333..ee16e4f 100644 --- a/public/index.html +++ b/public/index.html @@ -4,199 +4,7 @@ Меню игрока - + diff --git a/public/styles.css b/public/styles.css index 1771024..43dca8c 100644 --- a/public/styles.css +++ b/public/styles.css @@ -1,132 +1,191 @@ -body { - font-family: 'Arial', sans-serif; - margin: 0; - padding: 0; - background-color: #f4f7fc; - color: #333; -} +/* Общие стили */ + body { + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + background-color: #f4f7fc; + color: #333; + display: flex; + justify-content: center; + align-items: center; + } -.container { - max-width: 600px; - margin: 20px auto; - background: white; - padding: 20px; - border-radius: 15px; - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); -} + /* Контейнер для контента */ + .container { + max-width: 600px; + width: 100%; + background: white; + padding: 20px; + border-radius: 15px; + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); + font-size: 16px; + } -.title { - font-size: 28px; - font-weight: bold; - text-align: center; - color: #e26f22; - margin-bottom: 20px; -} + /* Заголовки */ + .title { + font-size: 28px; + font-weight: bold; + text-align: center; + margin-bottom: 20px; + color: #e26f22; + } -.profile-section { - display: flex; - align-items: center; - justify-content: center; - gap: 20px; -} + .section { + margin-bottom: 20px; + } -.profile-img { - width: 100px; - height: 100px; - border-radius: 50%; - background-size: cover; - background-position: center; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -} + .section h2 { + font-size: 20px; + margin-bottom: 10px; + color: #e26f22; + } -.progress-circle { - display: flex; - flex-direction: column; - align-items: center; - gap: 15px; -} + .section p { + margin: 5px 0; + } -.circle-container { - position: relative; - width: 100px; - height: 100px; -} + .section span { + font-weight: bold; + } -.circle { - width: 100px; - height: 100px; - transform: rotate(-90deg); -} + /* Кнопка */ + .button { + display: block; + background-color: #e26f22; + color: white; + padding: 10px 20px; + text-decoration: none; + border-radius: 5px; + font-size: 16px; + margin-top: 20px; + text-align: center; + width: 100%; + } -.background-ring { - stroke: #f0f0f0; - stroke-width: 10; - fill: none; -} + /* Профиль */ + .profile-section { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; + } -.progress-ring { - stroke-width: 10; - fill: none; - stroke: #e26f22; - stroke-dasharray: 251; - stroke-dashoffset: 251; - transition: stroke-dashoffset 0.5s ease; -} + .profile-img { + width: 100px; + height: 100px; + border-radius: 50%; + background-size: cover; + background-position: center; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + } -.circle-text { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - font-size: 16px; - font-weight: bold; -} + .progress-circle { + display: flex; + flex-direction: column; + align-items: center; + } -.progress-bar { - margin-top: 15px; - background-color: #ddd; - border-radius: 10px; - height: 10px; - width: 100%; -} + .circle-container { + position: relative; + width: 100px; + height: 100px; + margin-bottom: 10px; + } -.progress-hp, .progress-stamina { - height: 100%; - border-radius: 10px; - transition: width 0.5s ease; -} + .circle { + stroke-width: 10; + fill: transparent; + transform-origin: center; + transform: rotate(-90deg); + } -.progress-hp { - background-color: #e26f22; -} + .background-ring { + stroke: #ddd; + } -.progress-stamina { - background-color: #4ba100; -} + .progress-ring { + stroke: #e26f22; + stroke-dasharray: 251; + stroke-dashoffset: 251; + transition: stroke-dashoffset 1s; + } -.fire-stats { - display: flex; - justify-content: space-between; - background-color: #f9f9f9; - padding: 10px; - margin-top: 15px; - border-radius: 8px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -} + .circle-text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 18px; + font-weight: bold; + } -.stat { - text-align: center; -} + /* Прогресс-бары */ + .progress-bar { + background-color: #ddd; + border-radius: 10px; + height: 10px; + width: 100%; + margin-bottom: 10px; + overflow: hidden; + } -.button { - display: block; - background-color: #e26f22; - color: white; - padding: 10px 20px; - text-decoration: none; - border-radius: 5px; - font-size: 16px; - margin: 20px auto; - text-align: center; - width: 50%; -} + .progress-hp, .progress-stamina { + height: 100%; + border-radius: 10px; + transition: width 0.5s ease; + display: flex; + justify-content: center; + align-items: center; + font-weight: bold; + font-size: 14px; + color: white; + } + + .progress-hp { + background-color: #e26f22; + } + + .progress-stamina { + background-color: #4ba100; + } + + /* Статистика игрока */ + .fire-stats { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px; + background-color: #f9f9f9; + padding: 10px; + margin-top: 15px; + border-radius: 8px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + } + + .fire-stats .stat { + text-align: center; + } + + .fire-stats .stat span { + font-weight: bold; + } + + /* Предприятия */ + .enterprise { + padding: 15px; + background-color: #f9f9f9; + border-radius: 10px; + margin-top: 10px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + } + + .enterprise strong { + display: block; + margin-bottom: 5px; + } + + .progress-bar-inner { + background-color: #e26f22; + height: 10px; + border-radius: 5px; + transition: width 0.5s ease; + } \ No newline at end of file