summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorTolmachev Igor <me@igorek.dev>2026-02-01 23:14:59 +0300
committerTolmachev Igor <me@igorek.dev>2026-02-01 23:14:59 +0300
commit1228f1df1725075514ea68943c2e87c2a05029b6 (patch)
treee22bc98f923277b255791249ddf460711fe341d5 /index.html
downloadmumble_guide_pages-1228f1df1725075514ea68943c2e87c2a05029b6.tar.gz
mumble_guide_pages-1228f1df1725075514ea68943c2e87c2a05029b6.zip
Add site
Diffstat (limited to 'index.html')
-rw-r--r--index.html154
1 files changed, 154 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..63961f6
--- /dev/null
+++ b/index.html
@@ -0,0 +1,154 @@
1<!doctype html>
2<html lang="ru">
3 <head>
4 <meta charset="UTF-8" />
5 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
8 <title>Гайд по Mumble</title>
9
10 <script src="script.js"></script>
11 <link rel="stylesheet" href="style.css" />
12
13 <link rel="preconnect" href="https://fonts.googleapis.com" />
14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 <link
16 href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap"
17 rel="stylesheet"
18 />
19 </head>
20
21 <body>
22 <main>
23 <h1>Гайд по Mumble</h1>
24 <p>Гайд для тех, кто хочет дискорд, только рабочий.</p>
25 </main>
26
27 <section>
28 <div class="step-header">
29 <span class="step-number">1</span>
30 <h2>Установка</h2>
31 </div>
32 <p>
33 Для начала тебе нужен сам клиент. Да, он выглядит сурово, зато работает надежно.
34 Скачай Mumble с
35 <a href="https://www.mumble.info/" target="_blank">официального сайта</a>.
36 </p>
37 <div class="gallery single">
38 <img src="src/download.png" alt="Кнопка скачать" loading="lazy" />
39 </div>
40 </section>
41
42 <section>
43 <div class="step-header">
44 <span class="step-number">2</span>
45 <h2>Настройка звука</h2>
46 </div>
47 <p>Запусти Mumble. Сразу откроется мастер настройки звука. <br /></p>
48 <div class="alert">
49 <strong>Не прокликивай всё подряд кнопкой «Далее» не глядя!</strong> Настрой
50 микрофон нормально. Мы хотим слышать твой голос, а не то, как ты яростно долбишь по
51 клавиатуре.
52 </div>
53 </section>
54
55 <section>
56 <div class="step-header">
57 <span class="step-number">3</span>
58 <h2>Сертификат</h2>
59 </div>
60 <p>
61 Mumble не использует логины и пароли в привычном виде. Он использует сертификаты.
62 <br />Перейди в <strong>«Настройки» &gt; «Мастер сертификатов»</strong> и выбери
63 <strong>«Сохранить текущий сертификат»</strong>.
64 </p>
65 <div class="alert">
66 <strong>Не теряй этот файл!</strong> Сохрани его в надежное место (Избранное в
67 Telegram). Если переустановишь систему и потеряешь сертификат — потеряешь доступ к
68 своим правам на сервере (ну если решишь залогиниться).
69 </div>
70 <div class="gallery">
71 <img src="src/cert1.png" alt="Мастер сертификатов" loading="lazy" />
72 <img src="src/cert2.png" alt="Сохранить текущий сертификат" loading="lazy" />
73 </div>
74 </section>
75
76 <section>
77 <div class="step-header">
78 <span class="step-number">4</span>
79 <h2>Подключение к серверу</h2>
80 </div>
81 <p>Пора заходить. Действуй по инструкции:</p>
82 <ol class="instructions-list">
83 <li>Открой меню <strong>«Сервер» &gt; «Подключиться»</strong>.</li>
84 <li>
85 В поле поиска скопируй этот адрес:
86 <br />
87 <span class="copy" copy-text="Voice chat on igorek.dev">
88 Voice chat on igorek.dev
89 </span>
90 </li>
91 <li>
92 Нажми на найденный сервер правой кнопкой мыши и
93 <strong>«Добавить в избранное»</strong>.
94 </li>
95 <li>
96 Перейди в раздел «Избранное» (сердечко), нажми на сервер правой кнопкой и
97 <strong>«Редактировать»</strong>.
98 </li>
99 <li>Придумай себе нормальное <strong>«Имя пользователя»</strong> и жми «ОК».</li>
100 <li>Жми <strong>«Подключиться»</strong>.</li>
101 </ol>
102 <div class="gallery grid-gallery">
103 <img src="src/connect1.png" alt="Подключиться" />
104 <img src="src/connect2.png" alt="Добавить в избранное" />
105 <img src="src/connect3.png" alt="Редактировать" />
106 <img src="src/connect4.png" alt="Окно редактирования сервера" />
107 <img src="src/connect5.png" alt="Кнопка Подключиться" />
108 </div>
109 </section>
110
111 <section>
112 <div class="step-header">
113 <span class="step-number">5</span>
114 <h2>Токен доступа (Секретный пароль)</h2>
115 </div>
116 <p>
117 Ты зашел, но на губах печать молчания? Это нормально. Чтобы говорить, нужно знать
118 секретное слово.
119 </p>
120 <ol class="instructions-list">
121 <li>Иди в меню <strong>«Сервер» &gt; «Access Tokens»</strong>.</li>
122 <li>Нажми кнопку <strong>«Добавить»</strong>.</li>
123 <li>
124 Вставь этот токен (кликни чтобы скопировать):
125 <span class="copy" copy-text="premium-skype2">premium-skype2</span>
126 </li>
127 <li>Не забудь нажать <strong>Enter</strong>, а затем <strong>ОК</strong>.</li>
128 </ol>
129 <div class="gallery">
130 <img src="src/access0.png" alt="Нельзя говорить" />
131 <img src="src/access1.png" alt="Открыть меню" />
132 <img src="src/access2.png" alt="Добавить токен" />
133 </div>
134 </section>
135
136 <section>
137 <div class="step-header">
138 <span class="step-number">6</span>
139 <h2>Переподключение</h2>
140 </div>
141 <p>
142 Ввел токен, а говорить всё ещё нельзя? Висит иконка «губы на замке»?
143 <br />
144 Спокойно! Сервер проверяет твой пропуск только на входе. Нужно выйти и зайти
145 нормально.
146 </p>
147 <ol class="instructions-list">
148 <li>Жми <strong>«Сервер» &gt; «Отключиться»</strong>.</li>
149 <li>Снова жми <strong>«Сервер» &gt; «Подключиться»</strong> и залетай обратно.</li>
150 <li>Теперь магия должна сработать, и ты сможешь говорить. Добро пожаловать!</li>
151 </ol>
152 </section>
153 </body>
154</html>
generated by cgit v1.2.3 (git 2.46.0) at 2026-03-02 11:28:39 +0000