Шаблон:Онлайн: відмінності між версіями
Перейти до навігації
Перейти до пошуку
Немає опису редагування Мітка: Скасовано |
Немає опису редагування Мітка: Ручний відкіт |
||
| Рядок 1: | Рядок 1: | ||
< | <html> | ||
<head> | |||
<script src="/resources/status.js"></script> | |||
<title>MC Онлайн Гравці</title> | |||
<style> | |||
#widget { | |||
padding: 1em; | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
} | |||
#players { | |||
font-weight: bold; | |||
list-style: none; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
#players li { | |||
display: flex; | |||
align-items: center; | |||
padding: 5px 0; | |||
border-bottom: 1px solid #b1b3b6; | |||
} | |||
#players li:last-child { | |||
border-bottom: none; | |||
} | |||
#players img { | |||
width: 24px; | |||
height: 24px; | |||
margin-right: 10px; | |||
border-radius: 4px; | |||
border: 1px solid #a2a9b1; | |||
} | |||
#players a { | |||
text-decoration: none; | |||
color: #555; | |||
} | |||
#players a:hover { | |||
text-decoration: underline; | |||
color: #007bff; | |||
</ | } | ||
.server-header { | |||
text-align: center; | |||
margin-bottom: 15px; | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
} | |||
#playerCount { | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
margin-left: 10px; | |||
} | |||
#server-icon { | |||
width: 64px; | |||
height: 64px; | |||
display: block; | |||
float: left; | |||
} | |||
.status-container { | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-start; | |||
} | |||
.status-indicator { | |||
width: 20px; | |||
height: 20px; | |||
border-radius: 50%; | |||
margin-right: 10px; | |||
animation: pulse 1.5s infinite; | |||
} | |||
.status-online { | |||
background-color: #4caf50; | |||
box-shadow: 0 0 10px #4caf50; | |||
} | |||
.status-offline { | |||
background-color: #f44336; | |||
box-shadow: 0 0 10px #f44336; | |||
} | |||
.status-text { | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
} | |||
.status-online-text { | |||
color: #4caf50; | |||
} | |||
.status-offline-text { | |||
color: #f44336; | |||
} | |||
@keyframes pulse { | |||
0%, 100% { | |||
transform: scale(1); | |||
opacity: 1; | |||
} | |||
50% { | |||
transform: scale(1.2); | |||
opacity: 0.7; | |||
} | |||
} | |||
#motd { | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
font-weight: bold; | |||
color: #0056b3; | |||
background-color: #000000; | |||
padding: 20px 10px 10px 10px; | |||
/* border-radius: 4px; */ | |||
margin-bottom: 1em; | |||
text-align: center; | |||
height: 34px; | |||
} | |||
#server-ip { | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
width: 21%; | |||
font-size: 1.2em; */ | |||
margin: 1em 0 auto; | |||
padding: 10px; | |||
/* background-color: #f1f1f1; */ | |||
/* border: 1px solid #ccc; */ | |||
display: block; | |||
cursor: pointer; | |||
text-align: center; | |||
/* position: absolute; */ | |||
top: 50%; | |||
background-color: #fff; | |||
color: #000; | |||
} | |||
#server-ip:hover { | |||
background-color: #000; | |||
color: #fff; | |||
} | |||
#anketa { | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
width: 21%; | |||
font-size: 1.2em; */ | |||
margin: 1em 0 auto; | |||
padding: 10px; | |||
/* background-color: #f1f1f1; */ | |||
/* border: 1px solid #ccc; */ | |||
display: block; | |||
cursor: pointer; | |||
text-align: center; | |||
/* position: absolute; */ | |||
top: 50%; | |||
background-color: #fff; | |||
color: #000; | |||
text-decoration: none; | |||
} | |||
#anketa:hover { | |||
background-color: #000; | |||
color: #fff; | |||
} | |||
.link-header { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-evenly; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div id="widget"> | |||
<div class="server-header"> | |||
<img id="server-icon" src="" alt="Іконка сервера"> | |||
<p id="motd" class="info">Завантаження MOTD...</p> | |||
</div> | |||
<div class="link-header"> | |||
<p id="server-ip" onclick="copyToClipboard('play.bastion16.co.ua')">IP Сервера</p> | |||
<a target=”_blank” href="https://t.me/bastionanketa_bot" id="anketa">Анкета</a> | |||
<a target=”_blank” href="https://map.bastion16.co.ua/" id="anketa">Мапа</a> | |||
<a target=”_blank” href="https://t.me/bastionanketa_bot" id="anketa">Написати адміну</a> | |||
</div> | |||
<div class="status-container"> | |||
<div id="status-indicator" class="status-indicator status-offline"></div> | |||
<div id="status-text" class="status-text status-offline-text">Offline</div> | |||
<p id="playerCount" class="info">Завантаження...</p> | |||
</div> | |||
<ul id="players"></ul> | |||
</div> | |||
</body> | |||
</html> | |||
Версія за 13:06, 5 червня 2025