Resident Evil Wiki

Веб-ресурс, посвященный истории города Раккун-Сити, событиям серии игр Resident Evil и досье ключевых персонажей.

Проект разработан в рамках практической дипломной работы (2026 г.).

---

Ключевые возможности

• Интерактивный интерфейс: Дизайн и атмосфера полностью стилизованы под хоррор-франшизу (темная тема, специфичные шрифты, эффекты).
• База знаний и хронология: Подробное описание истории основания Раккун-Сити, инцидентов в Особняке Спенсера и операции «Стерилизация».
• Интерактивные личные дела: Карточки персонажей (Леон, Крис, Джилл и др.) с динамическим открытием полных досье в модальных окнах.
• Симуляция авторизации: Симуляция работы сессии пользователя (вход/выход) с сохранением состояния через localStorage.
• Пасхалки (Easter Eggs): Встроенные микро-взаимодействия и ачивки (попробуйте кликнуть несколько раз по иконке Resident Evil 3).

---

🛠 Технологический стек

• HTML5: Семантическая верстка, структурирование медицинских отчетов и таблиц.
• CSS3:
  • Адаптивная сетка на Grid/Flexbox.
  • Псевдоэлементы и графические эффекты (CRT overlay, штампы, кастомные скроллбары).
• JavaScript (ES6+):
  • Манипуляция DOM-деревом.
  • Работа с localStorage для эмуляции сессии.
  • Обработка пользовательских событий (клики, таймеры, воспроизведение аудио).

---

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

Resident-Wiki/
├── Auth/              # Страница и логика авторизации
│   ├── Auth.html
│   ├── style.css
│   └── script.js
├── Biography/         # Раздел "Личные дела" (досье персонажей)
│   ├── index.html
│   ├── style.css
│   └── script.js
├── Main/              # Главная страница (обзор франшизы)
│   ├── index.html
│   ├── style.css
│   ├── script.js
│   ├── audio/
│   └── image/
└── Raccoon/           # Раздел "Раккун-Сити" (хронология и отчеты)
    ├── index.html
    └── style.css