# 🎮 ServerSeek – Шаблон за браузър за игрови сървъри

**Модерен, адаптивен HTML шаблон за платформи за търсене на игрови сървъри**

---

## 📋 Общ преглед

ServerSeek е HTML шаблон от висок клас, създаден за браузъри на игрови сървъри и платформи за проследяване. Той се отличава с модерна тъмна тема с ярки лилаво-синьо-зелени градиенти, плавни анимации и напълно адаптивно оформление, оптимизирано за всички устройства.

**Идеално за:**

- Уебсайтове със списъци на сървъри за игри
- Платформи за проследяване на сървъри
- Портали на геймърските общности
- Услуги по наемане на сървъри/хостинг

---

## ✨ Характеристики

### 🎨 Дизайн

- **Модерна тъмна тема** – изчистена тъмносиньо-сива цветова схема
- **Ярки градиенти** – акцентни цветове: лилаво, цианово и розово
- **Ефекти на „Glassmorphism“** – размазан фон и прозрачни елементи
- **Плавни анимации** – ефекти при навеждане, преходи и микроинтеракции
- **VIP/Премиум стил** – златни акценти за VIP сървъри и съдържание

### 📱 Адаптивен

- **Дизайн, ориентиран към мобилни устройства** – оптимизиран за всички размери на екрана
- **Адаптивна навигация** – Сгъваемо меню за мобилни устройства
- **Адаптивни оформления** – системи от решетки, които се приспособяват към ширината на екрана
- **Оптимизирано за докосване** – големи елементи за докосване за потребители на мобилни устройства

### 🔧 Функционалност

- **Търсене и филтри за сървъри** – Разширени опции за филтриране
- **Статистика на сървъра** – Брой играчи и пинг в реално време
- **Интерактивни диаграми** – интеграция с Chart.js за визуализация на данни
- **Изтъкване на VIP сървъри** – Специално оформление за премиум обяви
- **Удостоверяване на потребители** – Страници за вход и регистрация

### 🔍 Оптимизирано за SEO

- **Мета тагове** – Пълни SEO мета тагове на всички страници
- **Open Graph** – Оптимизация за споделяне в социалните мрежи
- **Twitter Cards** – разширени прегледи в Twitter
- **Семантичен HTML** – Правилна структура на HTML5
- **Канонични URL адреси** – предотвратяват проблеми с дублираното съдържание

---

## 📄 Страници

| Страница | Описание |
| ----------------- | ---------------------------------------------------------------------------------------- |
| `index.html` | Начална страница с главно заглавие, функции, ценови планове, статистика и поддържани игри |
| `servers.html` | Браузър за сървъри с търсене, филтри, VIP сървъри, популярни сървъри и пълна таблица със сървъри |
| `serverinfo.html` | Страница с подробна информация за сървъра, включваща графики, статистически данни и подробности за сървъра |
| `contact.html` | Форма за контакт с данни за връзка, връзки към социални мрежи и често задавани въпроси |
| `login.html` | Страница за вход на потребителя с опции за вход чрез социални мрежи (Discord, Steam) |
| `register.html` | Страница за регистрация на потребители с валидиране на формуляра |
| `docs.html` | Страница с документация, съдържаща структурата на проекта и ръководства за използване |

---

## 🛠 Технологии

### Ядро

- **HTML5** – Семантично маркиране
- **CSS3** – потребителски свойства, Flexbox, Grid
- **JavaScript** – Vanilla JS за интерактивни елементи

### Фреймворкове и библиотеки

- **TailwindCSS** – CSS-фреймворк, ориентиран към полезните функции (чрез CDN)
- **Икони на Bootstrap** – Библиотека с икони
- **Chart.js** – Интерактивни диаграми и графики
- **Google Fonts** – семейство шрифтове „Rajdhani“

### Цветова палитра

```
Primary: #7e22ce (Purple)
Secondary: #06b6d4 (Cyan)
Tertiary: #db2777 (Pink)
VIP Gold: #fbbf24 (Gold)

Dark 900: #0f172a (Main background)
Dark 800: #1e293b (Secondary background)
Dark 700: #334155 (Card backgrounds)

Light 100: #f1f5f9 (Primary text)
Light 200: #cbd5e1 (Secondary text)
Light 300: #94a3b8 (Muted text)
```

---

## 📦 Инсталиране

### Вариант 1: Пряко изтегляне

1. Изтеглете или клонирайте това хранилище
2. Отвори в`index.html` браузъра си
3. Това е всичко! Не се изисква процес на компилиране

### Вариант 2: Местен сървър

За разработка използвайте локален сървър:

```bash
# Using Python
python -m http.server 8000

# Using Node.js (http-server)
npx http-server

# Using PHP
php -S localhost:8000
```

След това отворете страницата в`http://localhost:8000` браузъра си.

---

## 🎨 Персонализиране

### Промяна на цветовете

Редактирайте персонализираните CSS свойства в`assets/css/style.css`:

```css
:root {
--color-primary: #7e22ce; /* Change main purple */
--color-secondary: #06b6d4; /* Change cyan accent */
--color-tertiary: #db2777; /* Change pink accent */
}
```

### Добавяне на нови страници

1. Копиране на съществуващ HTML файл като шаблон
2. Актуализирайте заглавието и мета таговете
3. Променете съдържанието според нуждите
4. Актуализиране на навигационните връзки във всички страници

### Промяна на навигацията

Навигацията се намира в горната част на всеки HTML файл. При добавяне на нови връзки актуализирайте както секциите на менюто за настолни компютри, така и тези за мобилни устройства.

### Персонализиране на диаграмите

Диаграмите използват Chart.js. Настройките се намират в секцията със скриптове на `serverinfo.html`.

---

## 📁 Структура на проекта

```
ServerSeek/
├── assets/
│ ├── css/
│ │ └── style.css # Main stylesheet
│ ├── js/
│ │ └── main.js # JavaScript functionality
│ └── images/
│ ├── games/ # Game icons
│ ├── maps/ # Map images
│ ├── seo/ # OG images
│ ├── favicon.png # Favicon
│ └── hero.webp # Hero background
├── index.html # Homepage
├── servers.html # Server browser
├── serverinfo.html # Server details
├── contact.html # Contact page
├── login.html # Login page
├── register.html # Registration page
├── docs.html # Documentation
└── README.md # This file
```

---

## 🎮 Поддържани игри (демо версии)

Шаблонът включва демонстрационни икони за:

- Counter-Strike 2 (CS2)
- Counter-Strike 1.6
- Minecraft
- Ръжда
- ARK: Survival Evolved
- FiveM (GTA V)

Добавете още игри, като поставите икони в `assets/images/games/`.

---

## 📱 Поддръжка на браузъри

| Браузър | Поддръжка |
| ------- | ---------------- |
| Chrome | ✅ Пълен |
| Firefox | ✅ Пълен |
| Сафари | ✅ Пълен |
| Край | ✅ Пълен |
| Опера | ✅ Пълен |
| IE 11 | ❌ Не се поддържа |

---

## 🔧 Основни компоненти

### Навигационна лента

- Неподвижно положение с ефект на размазване
- Намалява при превъртане
- Анимирана рамка с градиент
- Адаптивно меню за мобилни устройства
- Бутони „Вход“/„Регистрация“

### Карти за сървъри

- Икона на играта и име на сървъра
- Брой играчи с индикатор за напредъка
- Информация за пинг и местоположение
- Индикатор за състоянието „онлайн“/„офлайн“
- VIP значка за премиум сървъри

### Ценови листи

- Тристепенна ценова структура (седмична, месечна, годишна)
- Подчертана опция „Най-изгодна оферта“
- Списъци с функции и отметки
- Анимирани бутони за призив към действие

---

## 📊 Раздел „Статистика“

Разделът „Статистика“ включва анимирани броячи:

- Общ брой потребители
- Последният регистриран потребител
- Общ брой сървъри
- VIP сървъри
- Поддържани игри
- Страни
- Общ брой играчи
- Процент на работоспособност

---

## 🤝 Благодарности

- **Дизайн и разработка**: illusion @ CodeStrike.STORE
- **Икони**: Икони на Bootstrap
- **CSS фреймворк**: TailwindCSS
- **Диаграми**: Chart.js
- **Шрифтове**: Google Fonts – Rajdhani

---

## 📄 Лиценз

Този шаблон се предоставя за лична и търговска употреба. Посочването на източника се оценява, но не е задължително.

---

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

При въпроси, проблеми или искания за персонализиране:

- 🌐 Уебсайт: codestrike.store
- 💬 Discord: Присъединете се към сървъра на нашата общност

---

Създадено с ❤️ от CodeStrike.STORE

© 2025 ServerSeek. Всички права запазени.