diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 154 |
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>«Настройки» > «Мастер сертификатов»</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>«Сервер» > «Подключиться»</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>«Сервер» > «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>«Сервер» > «Отключиться»</strong>.</li> | ||
| 149 | <li>Снова жми <strong>«Сервер» > «Подключиться»</strong> и залетай обратно.</li> | ||
| 150 | <li>Теперь магия должна сработать, и ты сможешь говорить. Добро пожаловать!</li> | ||
| 151 | </ol> | ||
| 152 | </section> | ||
| 153 | </body> | ||
| 154 | </html> | ||
