wiki/index.html at main · Metro-Observers/wiki · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="ru">
<head>
    <base href="/wiki/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Википедия проекта - Главная</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="resources/styles.css">
</head>
<body>
    <!-- Шапка сайта -->
    <div id="header-placeholder"></div>

    <!-- Навигация с вкладками -->
    <div id="nav-placeholder"></div>

    <!-- Основное содержимое -->
    <main class="container">
        <!-- Приветственная секция -->
        <section>
            <div class="welcome-section">
                <h2>Добро пожаловать в вики проекта!</h2>
                <p>
                    Это официальная документация для нашего проекта. Здесь вы найдете всю необходимую информацию:
                    от основных правил до продвинутых руководств. Используйте вкладки выше для навигации по разделам.
                </p>
            </div>

            <h3>Быстрый доступ к разделам</h3>
            <div class="content-grid">
                <a href="pages/beginners.html" class="card">
                    <i class="fas fa-users"></i>
                    <h4>Новичкам</h4>
                    <p>Всё, что нужно для старта: установка, настройка и первые шаги в проекте.</p>
                </a>
                <a href="pages/rules.html" class="card">
                    <i class="fas fa-gavel"></i>
                    <h4>Правила сервера</h4>
                    <p>Основные правила поведения и технические ограничения для всех участников.</p>
                </a>
                <a href="pages/roles.html" class="card">
                    <i class="fas fa-user-tag"></i>
                    <h4>Роли</h4>
                    <p>Описание доступных ролей в проекте, их обязанности и возможности.</p>
                </a>
                <a href="pages/paperwork.html" class="card">
                    <i class="fas fa-file-alt"></i>
                    <h4>Бумажная работа</h4>
                    <p>Шаблоны документов, формы заявок и другая административная информация.</p>
                </a>
                <a href="pages/modes.html" class="card">
                    <i class="fas fa-gamepad"></i>
                    <h4>Режимы</h4>
                    <p>Все доступные игровые режимы, их особенности и правила.</p>
                </a>
                <a href="pages/renders.html" class="card">
                    <i class="fas fa-map"></i>
                    <h4>Рендер карт</h4>
                    <p>Создание и работа с картами, визуализация игрового мира.</p>
                </a>
                <a href="pages/others.html" class="card">
                    <i class="fa-solid fa-box-archive"></i>
                    <h4>Прочее</h4>
                    <p>Торговые предложения, существующие станки и многое другое.</p>
                </a>
            </div>
        </section>
    </main>

    <!-- Футер -->
    <div id="footer-placeholder"></div>

    <script src="resources/main.js"></script>
    <script>
        // Простые функции для взаимодействия
        function handleSearch(event) {
            if (event.key === 'Enter') {
                const query = event.target.value;
                alert('Поиск по запросу: "' + query + '". В реальной версии здесь будет поиск по вики.');
                event.target.value = '';
            }
        }

        function handleLogin() {
            alert('Функция входа будет доступна после подключения к серверу авторизации.');
        }
    </script>
</body>
</html>