# 🎮 CubicHome — целевая страница премиум-сервера Minecraft

Современный шаблон целевой страницы премиум-класса для серверов Minecraft. Создан с использованием TailwindCSS, с отображением текущего статуса сервера в режиме реального времени, плавными анимациями и защитой от взлома.


---

## ✨ Особенности

### 🎯 Основные функции

- **Состояние сервера в** реальном времени — количество игроков и состояние сервера в режиме реального времени через API mcstatus.io
- **Копирование IP-адреса одним щелчком** — копирование IP-адреса сервера с помощью красивых всплывающих уведомлений
- **Автоматическое определение местоположения сервера** — автоматическое определение и отображение местоположения сервера с флагом страны
- **Раздел «Команда»** — представьте свою команду с помощью аватаров Minecraft с сайта mc-heads.net
- **Адаптивный дизайн для мобильных устройств** — полностью адаптивный дизайн для всех устройств

### 🎨 Дизайн премиум-класса

- **Современный пользовательский интерфейс** — «гласморфизм», градиенты и плавные анимации
- **3D-эффект параллакса мыши** — фон с изображением героя следует за движением мыши
- **Анимированные элементы** — парящие частицы, мигающие индикаторы состояния, эффекты при наведении курсора
- **Эффект «Premium Glow»** — привлекающие внимание анимации свечения на ключевых элементах
- **Темная тема** — красивая эстетика темных игр

### 🔒 Защита от кражи

- **Обнаружение DevTools** — блокирует содержимое страницы при открытии DevTools
- **Функция «Щелчок правой кнопкой мыши» отключена** — блокирует доступ к контекстному меню
- **Блокировка сочетаний клавиш** — блокирует Ctrl+U, Ctrl+S, F12, Ctrl+Shift+I
- **Настраиваемо** — можно отключить на этапе разработки

### ⚡ Быстрые ссылки

- Интеграция с магазинами (Tebex, CraftingStore и др.)
- Кнопка приглашения в Discord
- Ссылки для голосования

---

## 📦 Установка

1. **Скачать** файлы шаблонов
2. **Загрузите** на свой веб-хостинг
3. **Изменить** `assets/js/config.js`для настройки
4. **Готово!** Ваша целевая страница готова

---

## ⚙️ Настройки

Все настройки находятся в`assets/js/config.js`:

### Брендирование шаблонов

```javascript
template: {
name: "CubicHome", // Your brand name
year: "2025", // Copyright year
copyright: "© {year} {name} Template",
templateProtect: true // Anti-theft protection (true/false)
}
```

### Настройки сервера

```javascript
server: {
name: "Your Server Name", // Displayed in hero section
ip: "play.yourserver.com", // Server IP for players
port: 25565, // Server port
isBedrock: false, // true for Bedrock servers
}
```

### Быстрые ссылки

```javascript
links: {
store: {
enabled: true,
url: "https://store.yourserver.com",
label: "Store",
description: "Get ranks & items"
},
discord: {
enabled: true,
url: "https://discord.gg/YOUR_INVITE"
},
vote: {
enabled: true,
url: "https://minecraft-server.net/vote/yourserver"
}
}
```

### Команда сотрудников

```javascript
staff: [
{
username: "Notch", // Minecraft username (auto-fetches avatar)
role: "Owner", // Their role
color: "amber", // Tailwind color: amber, red, blue, green, purple
},
// Add more staff members...
];
```

### Раздел «Особенности»

```javascript
features: [
{
icon: "bi-gem", // Bootstrap icon
title: "Custom Items",
description: "Unique weapons and tools.",
gradient: "from-purple-500 to-pink-500",
},
// Add up to 4 features...
];
```

### Настройки темы

```javascript
theme: {
enableSmoothScroll: true, // Smooth scroll on anchor clicks
enableAnimations: true, // Enable scroll animations
enableParallax: true // Enable mouse parallax effect
}
```

---

## 🎨 Индивидуальная настройка

### Смена цветов

Отредактируйте конфигурацию TailwindCSS в`index.html`:

```javascript
tailwind.config = {
theme: {
extend: {
colors: {
primary: "#4ade80", // Main green
"primary-dark": "#22c55e",
accent: "#fbbf24", // Gold accent
surface: "#1e293b",
dark: "#0f172a",
},
},
},
};
```

### Изменение биографии героя

Замените`assets/img/hero.jpg` своим изображением.

### Изменение фавикона

Замените `assets/img/favicon.png`на свой фавикон.

---

## 📁 Структура файлов

```
CubicHome/
├── index.html # Main HTML file
├── README.md # This file
├── assets/
│ ├── css/
│ │ └── style.css # All custom styles
│ ├── js/
│ │ ├── config.js # Configuration file
│ │ └── main.js # Main JavaScript
│ └── img/
│ ├── hero.jpg # Hero background
│ └── favicon.png # Site favicon
```

---

## 🔧 Используемые технологии

- **HTML5** — семантическая разметка
- **TailwindCSS** — CSS с приоритетом утилит (через CDN)
- **Bootstrap Icons** — библиотека значков (через CDN)
- **Ванильный JavaScript** — jQuery не требуется
- **API mcstatus.io** — Состояние сервера
- **mc-heads.net** — Аватары для Minecraft
- **flagcdn.com** — Флаги стран
- **ipwho.is** — геолокация по IP-адресу

---

## 🛡️ Защита от кражи

Шаблон содержит встроенную защиту от несанкционированного копирования:

| Особенность | Описание |
| ------------------ | --------------------------------------------- |
| Обнаружение DevTools | Заменяет содержимое страницы при открытии DevTools |
| Блок «Щелчок правой кнопкой мыши» | Отключает контекстное меню |
| Ctrl+U — выделить блок | Предотвращает использование сочетания клавиш «Просмотреть исходный код» |
| Блок F12 | Предотвращает использование горячей клавиши DevTools |
| Обнаружение отладчика | Обнаруживает приостановку выполнения JavaScript |

**Чтобы отключить эту функцию для разработки:**

```javascript
template: {
templateProtect: false; // Disable protection
}
```

---

## 📄 Лицензия и благодарности

**Автор шаблона:** illusion @ [CodeStrike.STORE](https://codestrike.store)

**Условия использования:**

- ✅ Использование в личных проектах или проектах для клиентов
- ✅ Вносите изменения и настраивайте по своему усмотрению
- ❌ Перепродавать или распространять этот шаблон
- ❌ Удаление титров без разрешения

---

## 🆘 Поддержка

Чтобы получить поддержку, посетите [сайт CodeStrike.STORE](https://codestrike.store) или присоединяйтесь к нашему Discord-серверу.

---

**Создано с любовью ❤️ от illusion @ CodeStrike.STORE**