Различия

Показаны различия между двумя версиями страницы.

--- base:newb [2025/10/22 11:50] – удалено - внешнее изменение (Дата неизвестна) 127.0.0.1
+++ base:newb [2025/10/22 12:33] (текущий) – Вадим Мартовский
@@ Строка 1: / Строка 1: @@
+==== Шуточный тест для новичков ====
+<html>
+<head>
+  <style>
+    .aquarium-test {
+      font-family: Arial, sans-serif;
+      background-color: #f0f8ff;
+      color: #333;
+      padding: 20px;
+      border-radius: 10px;
+      margin: 20px 0;
+    }
+    .aquarium-test h1 {
+      text-align: center;
+      color: #0077b6;
+    }
+    .aquarium-test .question {
+      margin-bottom: 20px;
+    }
+    .aquarium-test .question h3 {
+      color: #023e8a;
+    }
+    .aquarium-test .options label {
+      display: block;
+      margin: 10px 0;
+    }
+    .aquarium-test button {
+      display: block;
+      margin: 20px auto;
+      padding: 10px 20px;
+      background-color: #0077b6;
+      color: #0077b6; /* Белый текст */
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+      font-size: 16px;
+    }
+    .aquarium-test button:hover {
+      background-color: #023e8a;
+    }
+    .aquarium-test .result {
+      text-align: center;
+      font-size: 1.2em;
+      margin-top: 20px;
+      padding: 20px;
+      background-color: #caf0f8;
+      border-radius: 10px;
+      display: none;
+    }
+    .aquarium-test .explanation {
+      margin-top: 20px;
+      padding: 10px;
+      background-color: #e0f7fa;
+      border-left: 5px solid #0077b6;
+      display: none;
+    }
+  </style>
+</head>
+<body>
+  <div class="aquarium-test">
+    <h1>Тест: Готов ли ты к морскому аквариуму?</h1>
+    <div class="question">
+      <h3>1. Твой друг говорит: «Морской аквариум — это как содержать маленький океан дома!». Твоя реакция:</h3>
+      <div class="options">
+        <label><input type="radio" name="q1" value="1"> А) «Да я уже купил спасательный круг и шляпу капитана!»</label>
+        <label><input type="radio" name="q1" value="2"> Б) «Если океан, то где мои пираты и затонувшие сокровища?»</label>
+        <label><input type="radio" name="q1" value="3"> В) «Океан? Я даже кактус не могу полить регулярно...»</label>
+      </div>
+      <div class="explanation" id="explanation1">
+        <strong>Пояснение:</strong> Если ты выбрал В — возможно, тебе стоит начать с пластиковых рыбок в тазике. Но мы верим в тебя! 😊
+      </div>
+    </div>
+    <div class="question">
+      <h3>2. Ты узнаёшь, что «Жесткие кораллы — это не просто декор, а живой организм». Твои действия:</h3>
+      <div class="options">
+        <label><input type="radio" name="q2" value="1"> А) Начинаю разговаривать с камнями.</label>
+        <label><input type="radio" name="q2" value="2"> Б) Гуглю: «Как извиниться перед кораллом за то что уронил пока вёз».</label>
+        <label><input type="radio" name="q2" value="3"> В) Покупаю кораллу мини-диван, чтобы ему было уютно.</label>
+      </div>
+<div class="explanation" id="explanation1">
+        <strong>Пояснение:</strong> Кораллы не оценят диван, но регулярные подмены воды — путь к их сердцу. ❤️
+      </div>
+    </div>
+    <div class="question">
+      <h3>3. Твой первый аквариумный питомец — это:</h3>
+      <div class="options">
+        <label><input type="radio" name="q3" value="1"> А) Рыба-клоун. Она же как Немо, только не разговаривает</label>
+        <label><input type="radio" name="q3" value="2"> Б) Улитка-чистильщик. Пусть работает, пока я ем пиццу.</label>
+        <label><input type="radio" name="q3" value="3"> В) Осьминог! Потому что я люблю жить на грани фола... и разорения.</label>
+      </div>
+      <div class="explanation" id="explanation1">
+        <strong>Пояснение:</strong> Осьминоги — это как экзамен на права: сложно, дорого, но результат впечатляет.😎
+      </div>
+    </div>
+    <div class="question">
+      <h3>4. Ты слышишь слово «скиммер». Что это?</h3>
+      <div class="options">
+        <label><input type="radio" name="q4" value="1"> А) Прибор, который превращает грязь в философские размышления о смысле жизни.</label>
+        <label><input type="radio" name="q4" value="2"> Б) Девушка, которая «заскамила» моего друга в онлайн-игре.</label>
+        <label><input type="radio" name="q4" value="3"> В) Штуковина, которая пенится, как капучино, но пахнет болотом.</label>
+      </div>
+      <div class="explanation" id="explanation1">
+        <strong>Пояснение:</strong>Если ты выбрал Б - будь осторожен, чтобы твой аквариум не стал жертвой мошенников! 😄
+      </div>
+    </div>
+    <div class="question">
+      <h3>5. Твой аквариум внезапно покрылся зелеными водорослями. Твои действия:</h3>
+      <div class="options">
+        <label><input type="radio" name="q5" value="1"> А) Называю его «экологическим арт-проектом» и отправляю на выставку.</label>
+        <label><input type="radio" name="q5" value="2"> Б) Плачу в подушку, пока водоросли смеются надо мной.</label>
+        <label><input type="radio" name="q5" value="3"> В) Завожу морскую корову. Пусть ест — я устал.</label>
+      </div>
+      <div class="explanation" id="explanation1">
+        <strong>Пояснение:</strong>Морские коровы, к сожалению, вымерли. Но улитки-турбо — твои новые лучшие друзья.
+      </div>
+    </div>
+    <button onclick="calculateResult()">Узнать результат</button>
+    <div class="result" id="result">
+      <h2>Твой результат:</h2>
+      <p id="resultText"></p>
+    </div>
+  </div>
+  <script>
+  function sendTelegramNotification(result) {
+  const botToken = '5026008887:AAEc8lImsR7tz_ZTkOq5w5PGlviHKz_OYRM'; // Замени на токен бота
+  const chatId = '-1002370821859'; // Замени на chat_id группы/канала
+  const message = `Кто-то прошёл тест! Результат: ${result}`;
+  fetch(`https://api.telegram.org/bot${botToken}/sendMessage?chat_id=${chatId}&text=${encodeURIComponent(message)}`)
+    .then(response => response.json())
+    .then(data => console.log('Сообщение отправлено:', data))
+    .catch(error => console.error('Ошибка:', error));
+}
+    function calculateResult() {
+      const questions = document.querySelectorAll('.aquarium-test .question');
+      let totalScore = 0;
+      questions.forEach((question, index) => {
+        const selectedOption = question.querySelector('input[type="radio"]:checked');
+        if (selectedOption) {
+          totalScore += parseInt(selectedOption.value);
+          // Показываем пояснение для каждого вопроса
+          const explanation = question.querySelector('.explanation');
+          if (explanation) {
+            explanation.style.display = 'block';
+          }
+        } else {
+          alert(`Пожалуйста, ответь на вопрос ${index + 1}.`);
+          return;
+        }
+      });
+      const resultText = document.getElementById('resultText');
+      const resultDiv = document.getElementById('result');
+      if (totalScore >= 5 && totalScore <= 8) {
+      resultMessage = 'Капитан Немо 2.0';
+        resultText.innerHTML = `
+          <strong>Ты — капитан Немо 2.0!</strong><br><br>
+          Твой уровень:<br> Готов к приключениям!<br><br>
+          Рекомендации:<br>
+          - Начни с небольшого аквариума (50–100 л).<br>
+          - Выбери простых обитателей: рыбы-клоуны, мягкие кораллы.<br>
+          - Купи тесты на NO3, PO4, Ca, Mg, KH.
+        `;
+      } else if (totalScore >= 9 && totalScore <= 12) {
+      resultMessage = 'Аквариумный философ';
+        resultText.innerHTML = `
+          <strong>Аквариумный философ</strong><br><br>
+          Твой уровень: <br>Ты задаёшься вечными вопросами: «Кто я? Зачем я купил эту акропору?».<br><br>
+          Рекомендации:<br>
+          - Изучи цикл азота и основы ухода за SPS-кораллами.<br>
+          - Найди наставника в местном сообществе.<br>
+          - Не забудь про скиммер и дозаторы.
+        `;
+      } else if (totalScore >= 13 && totalScore <= 15) {
+        resultMessage = 'Гений хаоса';
+        resultText.innerHTML = `
+          <strong>Гений хаоса</strong><br><br>
+          Твой уровень: <br>Твой аквариум — это эксперимент по выживанию... для рыб.<br><br>
+          Рекомендации:<br>
+          - Начни с пресноводного аквариума, чтобы понять основы.<br>
+          - Почитай статьи про стабильность параметров воды.<br>
+          - Или просто купи телевизор с каналом «National Geographic».
+        `;
+      }
+  // Отправляем уведомление в Telegram
+      sendTelegramNotification(resultMessage);
+      resultDiv.style.display = 'block';
+    }
+  </script>
+</body>
+</html>