From 1228f1df1725075514ea68943c2e87c2a05029b6 Mon Sep 17 00:00:00 2001 From: Tolmachev Igor Date: Sun, 1 Feb 2026 23:14:59 +0300 Subject: Add site --- index.html | 154 +++++++++++++++++++++++++++++++++++++++++++++++++++ script.js | 19 +++++++ src/access0.png | Bin 0 -> 104196 bytes src/access1.png | Bin 0 -> 75898 bytes src/access2.png | Bin 0 -> 50322 bytes src/cert1.png | Bin 0 -> 65053 bytes src/cert2.png | Bin 0 -> 44811 bytes src/connect1.png | Bin 0 -> 73126 bytes src/connect2.png | Bin 0 -> 98059 bytes src/connect3.png | Bin 0 -> 74326 bytes src/connect4.png | Bin 0 -> 65112 bytes src/connect5.png | Bin 0 -> 61142 bytes src/download.png | Bin 0 -> 124409 bytes style.css | 164 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 14 files changed, 337 insertions(+) create mode 100644 index.html create mode 100644 script.js create mode 100644 src/access0.png create mode 100644 src/access1.png create mode 100644 src/access2.png create mode 100644 src/cert1.png create mode 100644 src/cert2.png create mode 100644 src/connect1.png create mode 100644 src/connect2.png create mode 100644 src/connect3.png create mode 100644 src/connect4.png create mode 100644 src/connect5.png create mode 100644 src/download.png create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..63961f6 --- /dev/null +++ b/index.html @@ -0,0 +1,154 @@ + + + + + + + + Гайд по Mumble + + + + + + + + + + +
+

Гайд по Mumble

+

Гайд для тех, кто хочет дискорд, только рабочий.

+
+ +
+
+ 1 +

Установка

+
+

+ Для начала тебе нужен сам клиент. Да, он выглядит сурово, зато работает надежно. + Скачай Mumble с + официального сайта. +

+
+ Кнопка скачать +
+
+ +
+
+ 2 +

Настройка звука

+
+

Запусти Mumble. Сразу откроется мастер настройки звука.

+
+ Не прокликивай всё подряд кнопкой «Далее» не глядя! Настрой + микрофон нормально. Мы хотим слышать твой голос, а не то, как ты яростно долбишь по + клавиатуре. +
+
+ +
+
+ 3 +

Сертификат

+
+

+ Mumble не использует логины и пароли в привычном виде. Он использует сертификаты. +
Перейди в «Настройки» > «Мастер сертификатов» и выбери + «Сохранить текущий сертификат». +

+
+ Не теряй этот файл! Сохрани его в надежное место (Избранное в + Telegram). Если переустановишь систему и потеряешь сертификат — потеряешь доступ к + своим правам на сервере (ну если решишь залогиниться). +
+
+ Мастер сертификатов + Сохранить текущий сертификат +
+
+ +
+
+ 4 +

Подключение к серверу

+
+

Пора заходить. Действуй по инструкции:

+
    +
  1. Открой меню «Сервер» > «Подключиться».
    2. +
  2. + В поле поиска скопируй этот адрес: +
    + + Voice chat on igorek.dev + +
    3. +
  3. + Нажми на найденный сервер правой кнопкой мыши и + «Добавить в избранное». +
    4. +
  4. + Перейди в раздел «Избранное» (сердечко), нажми на сервер правой кнопкой и + «Редактировать». +
    5. +
  5. Придумай себе нормальное «Имя пользователя» и жми «ОК».
    6. +
  6. Жми «Подключиться».
    7. +
+
+ Подключиться + Добавить в избранное + Редактировать + Окно редактирования сервера + Кнопка Подключиться +
+
+ +
+
+ 5 +

Токен доступа (Секретный пароль)

+
+

+ Ты зашел, но на губах печать молчания? Это нормально. Чтобы говорить, нужно знать + секретное слово. +

+
    +
  1. Иди в меню «Сервер» > «Access Tokens».
    2. +
  2. Нажми кнопку «Добавить».
    3. +
  3. + Вставь этот токен (кликни чтобы скопировать): + premium-skype2 +
    4. +
  4. Не забудь нажать Enter, а затем ОК.
    5. +
+
+ Нельзя говорить + Открыть меню + Добавить токен +
+
+ +
+
+ 6 +

Переподключение

+
+

+ Ввел токен, а говорить всё ещё нельзя? Висит иконка «губы на замке»? +
+ Спокойно! Сервер проверяет твой пропуск только на входе. Нужно выйти и зайти + нормально. +

+
    +
  1. Жми «Сервер» > «Отключиться».
    2. +
  2. Снова жми «Сервер» > «Подключиться» и залетай обратно.
    3. +
  3. Теперь магия должна сработать, и ты сможешь говорить. Добро пожаловать!
    4. +
+
+ + diff --git a/script.js b/script.js new file mode 100644 index 0000000..9afcb2c --- /dev/null +++ b/script.js @@ -0,0 +1,19 @@ +window.onload = () => { + document.querySelectorAll(".copy").forEach((element) => { + const tooltip = document.createElement("span"); + tooltip.textContent = " [copy]"; + tooltip.style.fontSize = "0.8em"; + tooltip.style.opacity = "0.7"; + element.appendChild(tooltip); + + element.addEventListener("click", () => { + try { + navigator.clipboard.writeText(element.attributes["copy-text"]?.value); + tooltip.textContent = " [copied]"; + } catch (error) { + tooltip.textContent = " [error]"; + } + setTimeout(() => (tooltip.textContent = " [copy]"), 1000); + }); + }); +}; diff --git a/src/access0.png b/src/access0.png new file mode 100644 index 0000000..4858940 Binary files /dev/null and b/src/access0.png differ diff --git a/src/access1.png b/src/access1.png new file mode 100644 index 0000000..c41b08f Binary files /dev/null and b/src/access1.png differ diff --git a/src/access2.png b/src/access2.png new file mode 100644 index 0000000..ec1a38f Binary files /dev/null and b/src/access2.png differ diff --git a/src/cert1.png b/src/cert1.png new file mode 100644 index 0000000..c85750c Binary files /dev/null and b/src/cert1.png differ diff --git a/src/cert2.png b/src/cert2.png new file mode 100644 index 0000000..74b0e16 Binary files /dev/null and b/src/cert2.png differ diff --git a/src/connect1.png b/src/connect1.png new file mode 100644 index 0000000..a4d9375 Binary files /dev/null and b/src/connect1.png differ diff --git a/src/connect2.png b/src/connect2.png new file mode 100644 index 0000000..594fd4b Binary files /dev/null and b/src/connect2.png differ diff --git a/src/connect3.png b/src/connect3.png new file mode 100644 index 0000000..00a28c3 Binary files /dev/null and b/src/connect3.png differ diff --git a/src/connect4.png b/src/connect4.png new file mode 100644 index 0000000..6088665 Binary files /dev/null and b/src/connect4.png differ diff --git a/src/connect5.png b/src/connect5.png new file mode 100644 index 0000000..3a1775e Binary files /dev/null and b/src/connect5.png differ diff --git a/src/download.png b/src/download.png new file mode 100644 index 0000000..7ee1bfb Binary files /dev/null and b/src/download.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..035e238 --- /dev/null +++ b/style.css @@ -0,0 +1,164 @@ +@import url("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"); + +@media (prefers-color-scheme: light) { + :root { + --color-primary: rgb(0 104 119); + --color-on-primary: rgb(255 255 255); + + --color-secondary: rgb(75 98 104); + + --color-surface: rgb(245 250 252); + --color-surface-container: rgb(233 239 240); + --color-on-surface: rgb(23 29 30); + + --color-alert-bg: rgb(254 242 242); + --color-alert-border: rgb(220 38 38); + --color-alert-text: rgb(153 27 27); + } +} + +@media (prefers-color-scheme: dark) { + :root { + --color-primary: rgb(131 210 228); + --color-on-primary: rgb(0 54 63); + + --color-secondary: rgb(178 203 209); + + --color-surface: rgb(14 20 22); + --color-surface-container: rgb(27 33 34); + --color-on-surface: rgb(222 227 229); + + --color-alert-bg: rgb(69 10 10); + --color-alert-border: rgb(127 29 29); + --color-alert-text: rgb(254 202 202); + } +} + +* { + transition-duration: 0.5s; + transition-property: background, color; + transition-timing-function: ease-in-out; +} + +body { + font-family: "Noto Sans", sans-serif; + background-color: var(--color-surface); + color: var(--color-on-surface); + margin: 0 auto; + padding: 0 0.5rem; + + max-width: 50rem; +} + +main, +section, +footer { + background-color: var(--color-surface-container); + border-radius: 2rem; + margin: 1rem 0; + padding: 1.5rem; +} + +main > :first-child, +section > :first-child, +footer > :first-child { + margin-top: 0; +} + +main > :last-child, +section > :last-child, +footer > :last-child { + margin-bottom: 0; +} + +h1 { + font-size: 2rem; + margin-bottom: 0.5rem; +} + +h2 { + font-size: 1.5rem; +} + +a, +.copy { + color: var(--color-primary); + text-decoration: none; + font-weight: bold; +} + +.copy:hover { + cursor: pointer; + color: var(--color-secondary); +} + +.step-header { + display: flex; + align-items: center; + gap: 1rem; + margin-bottom: 1rem; +} + +.step-number { + background-color: var(--color-primary); + color: var(--color-on-primary); + width: 2rem; + height: 2rem; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-weight: bold; + flex-shrink: 0; +} + +ol.instructions-list { + padding-left: 1.5rem; +} + +ol.instructions-list li { + margin-bottom: 0.5rem; +} + +.alert { + background-color: var(--color-alert-bg); + border: 1px solid var(--color-alert-border); + color: var(--color-alert-text); + padding: 1rem; + border-radius: 1rem; + margin-bottom: 1.5rem; + font-weight: 500; +} + +.gallery { + display: flex; + gap: 1rem; + flex-wrap: wrap; + margin-top: 1.5rem; +} + +.gallery img { + max-height: 250px; + width: auto; + max-width: 100%; + border-radius: 1rem; + border: 2px solid var(--color-surface); +} + +@media (max-width: 600px) { + .gallery img { + width: 100%; + height: auto; + max-height: unset; + } +} + +main h1, +main p { + text-align: center; +} + +footer p { + text-align: center; + opacity: 0.7; +} -- cgit v1.2.3