dm/shield.html - master - CEPBEP/OPS

dm/shield.html
379 строк21 KB
George Kwa
Update shield.html
16 июл 2025, 18:36
16 июл 2025, 18:36efac6aa
<!DOCTYPE html>
<html lang="ru">
<head> 
  <meta charset="UTF-8">
  <title>Интерактивная карта техник защиты от V2K</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta property="og:title" content="ИНТЕРАКТИВНАЯ КАРТА ТЕХНИК ЗАЩИТЫ" />
      <meta property="og:description" content="ИНТЕРАКТИВНАЯ КАРТА ТЕХНИК ЗАЩИТЫ" />
      <meta name="twitter:title" content="МЕТОДЫ И НОРМАТИВНАЯ БАЗА" />
      <meta name="twitter:description" content="ИНТЕРАКТИВНАЯ КАРТА ТЕХНИК ЗАЩИТЫ" />
      <meta property="og:image" content="https://cryptq.github.io/css/RemoteBrainMappingDiagrams_remix.png" />
      <meta name="twitter:image" content="https://cryptq.github.io/css/RemoteBrainMappingDiagrams_remix.png" />
      <meta name="twitter:card" content="summary_large_image" />
      <link rel="stylesheet" href="https://neuroscrypt.github.io/CSS/neuroshield.css">
  <style>

  </style>
</head>

<body>

  <!-- Header -->
  <header>
    <nav> <span style="font-weight: 900;font-size: 2em;"> 🛡 </span> 
      <a href="https://cryptq.github.io/" style="top: -5px;position:relative;">Главная</a>
      <a href="https://cryptq.github.io/dm/attention.html" style="top: -5px;position:relative;">Защита и Восстановление</a>
      <a href="https://cryptq.github.io/dm/manpush.html" style="top: -5px;position:relative;">Структура Атак</a>
    </nav>
    <button id="btn-chart">График</button>
    <button id="ipv">Умные ИПВ</button>
    <button id="btn-about">О программе</button>
    <button id="btn-help">Помощь</button>
  </header>

  <!-- Cards list -->
  <div id="cards"></div>

  <!-- Chart container -->
  <div id="chartContainer">
    <canvas id="defaultChart"></canvas>
  </div>

  <!-- Detail panel -->
  <div id="detail">
    <button class="close">Закрыть</button>
    <h2 id="detail-title"></h2>
    <div class="tabs" id="tabs"></div>
    <div id="detail-content"></div>
  </div>

  <!-- About Modal -->
  <div class="modal" id="modal-about">
    <div class="modal-content">
      <button class="close-modal">×</button>
      <h3>О программе</h3>
      <p>Интерактивная карта техник защиты от V2K-атак. Позволяет ознакомиться с каждым методом и получить подробные примеры.</p>
    </div>
  </div>
  <!-- Help Modal -->
  <div class="modal" id="modal-help">
    <div class="modal-content">
      <button class="close-modal">×</button>
      <h3>Помощь</h3>
      <p>Кликните на карточку слева, чтобы увидеть детальное описание техники. Используйте вкладки для навигации по разделам.</p>
    </div>
  </div>
  <!-- Умные ИПВ Modal -->
  <div class="modal" id="modal-ipv">
    <div class="modal-content">
      <button class="close-modal">×</button>
      <h3 style="color:white;" >Современные Умные ИПВ</h3>
      <p style="font-weight:900;">
        Это информационно-психологические операции, сочетающие:<br>
        • Комбинацию из военных методик, техники (ПАК) и технологий<br>
        • V2K — голоса в голове "ЭФФЕКТ ФРЕЯ"<br>
        • ГИПНОЗ и чёрная психология<br>
        • Гангсталкинг (ПРЕСЛЕДОВАНИЕ) и ИНФРАЗВУКовое подавление<br>
        • Чтение мыслей, ДЕКОДИНГ образов и намерений на основе АКТИВНОСТИ МОЗГА
      </p>
      <table>
        <thead>
          <tr>
            <th>Категория</th>
            <th>0–7 дн</th>
            <th>7–14 дн</th>
            <th>14–30 дн</th>
            <th>30–60 дн</th>
            <th>60+ дн</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Обычный человек</td>
            <td>Паника</td>
            <td>Когнитивный спад</td>
            <td>Эмоциональное выгорание</td>
            <td>Дезориентация</td>
            <td>Коллапс</td>
          </tr>
          <tr>
            <td>Сотрудник спецслужб</td>
            <td>Стресс</td>
            <td>ПТСР</td>
            <td>Цинизм</td>
            <td>Выгорание</td>
            <td>Отстранение</td>
          </tr>
          <tr>
            <td>Разведчик</td>
            <td>Нарушение фокуса</td>
            <td>Паранойя</td>
            <td>Профессиональное выгорание</td>
            <td>Социальная изоляция</td>
            <td>Потеря смысла</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <!-- Chart.js -->
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@1.1.0/dist/chartjs-plugin-annotation.min.js"></script>
    <!-- Application JS -->
    <script>
      // 1. Инициализация графика
      const ctx = document.getElementById('defaultChart').getContext('2d');
      new Chart(ctx, {
        type: 'line',
        data: {
          labels: ['0','7','14','21','30','45','60','90'],
          datasets: [
            { label: ' Обычный человек', data: [0,20,40,60,80,90,95,100], borderColor: '#e74c3c', pointBackgroundColor: '#e74c3c', tension: 0.4 },
            { label: ' Сотрудник спецслужб', data: [0,10,30,50,70,85,90,95], borderColor: '#3498db', pointBackgroundColor: '#3498db', tension: 0.4 },
            { label: ' Разведчик', data: [0,5,20,40,60,75,85,90], borderColor: '#2ecc71', pointBackgroundColor: '#2ecc71', tension: 0.4 },
            { label: ' Профессионал', data: [0,5,15,30,45,60,75,85], borderColor: '#f1c40f', pointBackgroundColor: '#f1c40f', tension: 0.4 },
            { label: ' Энтузиаст', data: [0,25,50,70,85,95,100,100], borderColor: '#9b59b6', pointBackgroundColor: '#9b59b6', tension: 0.4 }
          ]
        },
        options: {
          responsive: true,
          maintainAspectRatio: false,
          plugins: {
            annotation: {
              annotations: {
                zone2: { type: 'box', xMin: 7, xMax: 14, yMin: 0, yMax: 100, backgroundColor: 'rgba(52,152,219,0.1)' },
                zone3: { type: 'box', xMin: 14, xMax: 30, yMin: 0, yMax: 100, backgroundColor: 'rgba(46,204,113,0.1)' },
                zone4: { type: 'box', xMin: 30, xMax: 60, yMin: 0, yMax: 100, backgroundColor: 'rgba(241,196,15,0.1)' },
                zone5: { type: 'box', xMin: 60, xMax: 90, yMin: 0, yMax: 100, backgroundColor: 'rgba(155,89,182,0.1)' }
              }
            },
         // title: { display: true, text: 'Излом под давлением "Умных" ИПВ-АТАК', color: '#ddd', font: { size: 18, family: 'monospace' } },
            title: { display: true, text: 'ИЗЛОМ ПОД ДАВЛЕНИЕМ', color: '#fff', font: { size: 18, family: 'monospace' } },
            tooltip: {
              mode: 'index', intersect: false,
              backgroundColor: 'rgb(21 27 35 / 90%)',
              titleColor: '#fff', bodyColor: '#fff',
              bodyFont: { size: 25, family: 'monospace' }, titleFont: { size: 22.5, family: 'monospace' },
              callbacks: {
               // title: items => `Время: ${items[0].label} дней`,
               // title: items => ` ЗА : ${items[0].label} ДНЕЙ\n ТИП ЛИЧНОСТИ :`,
               title: items => {
  const days = items[0].label;
  const dayWord = (days === 1) ? 'День' : (days > 1 && days < 5) ? 'Дня' : 'Дней';
  return ` ЗА : ${days} ${dayWord}\n ТИП ЛИЧНОСТИ (уровень подготовки) :`;
},
                label: ctx => `${ctx.dataset.label}: ${ctx.parsed.y}% излома`
              }
            },
            legend: { display: false }
          },
          interaction: { mode: 'nearest', axis: 'x', intersect: false },
          scales: {
            x: {
              title: { display: true, text: 'Время воздействия (дни)', color: '#ddd', font: { size: 14, family: 'monospace' } },
              ticks: { color: '#bbb', font: { family: 'monospace' } },
              grid: { color: 'rgba(255,255,255,0.1)' }
            },
            y: {
              title: { display: true, text: 'Уровень излома (%)', color: '#ddd', font: { size: 14, family: 'monospace' } },
              beginAtZero: true, max: 100,
              ticks: { color: '#bbb', font: { family: 'monospace' }, callback: v => v + '%' },
              grid: { color: 'rgba(255,255,255,0.1)' }
            }
          }
        }
      });
      
      // 2. Кнопка "График"
      document.getElementById('btn-chart').onclick = () => {
        document.getElementById('chartContainer').style.display = 'block';
        document.getElementById('detail').style.display = 'none';
      };
      
      // 3. Кнопка "УМНЫЕ ИПВ"
      document.getElementById('ipv').onclick = () => {
        document.getElementById('modal-ipv').style.display = 'flex';
      };
      
      // 4. Логика отображения карточек и деталей
      const techniques = [       {
        title: "Метапознание",
        icon: "🧠",
        sections: [
          { name: "Обзор", html: "<p>Осознанность того, что мысли могут быть чужими. Метка «не-я» и цветовые маяки помогают классифицировать сигналы.</p>" },
          { name: "Примеры", html: "<p>При появлении «голоса» мысленно говорите «Это не моя мысль» и отмечайте его цветом.</p>" },
          { name: "Сценарий", html: "<p>Утренней медитации фиксируйте посторонние фразы в «V2K-журнале».</p>" }
        ]
      },
      {
        title: "Ментальный шум",
        icon: "🌪️",
        sections: [
          { name: "Обзор", html: "<p>Генерация хаоса в сознании мешает выделять целевые паттерны мозговой активности.</p>" },
          { name: "Примеры", html: "<ul><li>Бессвязные слова</li><li>Визуализация карты</li><li>Рисование мысленных фигур</li></ul>" },
          { name: "Сценарий", html: "<p>Каждые 45 сек генерируйте 10 случайных слов.</p>" }
        ]
      },
      {
        title: "Ментальная шифровка",
        icon: "🔐",
        sections: [
          { name: "Обзор", html: "<p>Скрытие истинных намерений за кодовыми фразами и визуальными контейнерами.</p>" },
          { name: "Примеры", html: "<p>«тёмная шляпа» вместо «иду домой», меняйте ключ каждый день.</p>" },
          { name: "Сценарий", html: "<p>Перед звонком используйте «синий маяк» + мысленную пиктограмму.</p>" }
        ]
      },
      {
        title: "Эмо-якоря",
        icon: "❤️",
        sections: [
          { name: "Обзор", html: "<p>Контр-образы и техника «стоп-кадр» для мгновенной регуляции эмоций.</p>" },
          { name: "Примеры", html: "<p>Страх гасится пляжем, вина — образом поддержки друга.</p>" },
          { name: "Сценарий", html: "<p>При внушении «ты провалишься» воспроизводите внутренний плейбек безопасного события.</p>" }
        ]
      },
      {
        title: "Телесная стабилизация",
        icon: "💨",
        sections: [
          { name: "Обзор", html: "<p>Дыхание 4-7-8 и прогрессивная мышечная релаксация.</p>" },
          { name: "Примеры", html: "<p>4-7-8: вдох 4 с, задержка 7 с, выдох 8 с; сжимайте пальцы как якорь.</p>" },
          { name: "Сценарий", html: "<p>Каждые 20 мин делайте 2 мин растяжки и дыхания.</p>" }
        ]
      },
      {
        title: "Технологии",
        icon: "🛠️",
        sections: [
          { name: "Обзор", html: "<p>Наушники с шумом, экранирование, EEG-нейрофидбек, EMDR.</p>" },
          { name: "Примеры", html: "<p>VR-игры с мягкой симуляцией, еженедельные сеансы EMDR.</p>" },
          { name: "Сценарий", html: "<p>В «тихой комнате» включайте белый шум перед сном.</p>" }
        ]
      },
      {
        title: "Групповая защита",
        icon: "👥",
        sections: [
          { name: "Обзор", html: "<p>Коллективное декодирование и мозговые штурмы.</p>" },
          { name: "Примеры", html: "<p>Мини-группа обсуждает «голоса» и шифрует сообщения.</p>" },
          { name: "Сценарий", html: "<p>Еженедельные офлайн-встречи и цифровой детокс.</p>" }
        ]
      },
      {
        title: "Долгосрочные практики",
        icon: "📓",
        sections: [
          { name: "Обзор", html: "<p>Ведение журнала, медитации, КПТ.</p>" },
          { name: "Примеры", html: "<p>Записи инцидентов и анализ раз в месяц.</p>" },
          { name: "Сценарий", html: "<p>Утром 5 мин медитации + обзор журнала.</p>" }
        ]
      },
      {
        title: "Перепрограммирование и Фотобиомодуляция(PBM) DMN",
        icon: "🔄",
        sections: [
          { name: "Обзор", html: "<center><h1>Перепрограммирование сети пассивного режима работы мозга</h1><video id='vd' style='width:88%; border-radius:5px;' autoplay loop muted playsinline><source src='https://neuroscrypt.github.io/img/br.mp4' type='video/mp4'></video><h1>Нейропластичность сети DMN через фотобиомодуляцию, медитацию и метапознание.<br>Комбинация оптогенетики c фотобиомодуляцией имеет синергетический эффект.<br> Повторения — ключевой фактор нейропластичности.</h1></center><center><h1>Гипноз действует как нейрокогнитивный переключатель,<br> подавляя DMN и усиливая системы целенаправленного внимания.</h1></center>" },
          { name: "Примеры", html: "<p>10 мин медитации перед сном для снижения автоматизма.</p><br><p>30 минут фотобиомодуляции</p>" },  
          { name: "Сценарий", html: "<p>Ежедневная практика осознанного дыхания.</p> <br> <p>Самопрограммирования</p>" }
        ]    // Гипноз действует как нейрокогнитивный "переключатель", подавляя DMN и усиливая системы целенаправленного внимания. 
      },
      {
        title: "Читта-вритти-ниродха",
        icon: "🧘",
        sections: [
          { name: "Обзор", html: "<p>Синхронизация психофизиологии через йогу и медитацию.</p><h1><p>Практики ниродхи:</p></h1><center><img class='chi' src='https://whatdna.github.io/css/chi.png'/></center><h1><span style='font-weight:900;'>Стабилизируют DMN</span>: Снижают уязвимость к внешним воздействиям через уменьшение «ментального шума».</h1><h1><span style='font-weight:900;'>Укрепляют когнитивный контроль</span>: Активация фронтопариетальной сети противодействует дезорганизации мышления.</h1><h1><span style='font-weight:900;'>Повышают стрессоустойчивость</span>: Снижение симпатической гиперактивности минимизирует физиологические последствия стресса.</h1></p>" },  //  Психотронные технологии могут влиять на DMN, вызывая навязчивые мысли или тревогу.
          { name: "Примеры", html: "<p>Асаны + пранаяма + нейтральное наблюдение мыслей.</p>" },
          { name: "Сценарий", html: "<p>3 занятия йогой в неделю по 45 мин.</p>" }
        ]
      },
      {
        title: "Десенсибилизация через движения глаз (ДПДГ, англ. EMDR)",
        icon: "👁️",
        sections: [
          { name: "Обзор", html: "<p>Десенсибилизация через движения глаз (ДПДГ, англ. EMDR).</p>" },
          { name: "Примеры", html: "<p>Фокус на тревожном образе + боковые движения глаз.</p>" },
          { name: "Сценарий", html: "<p>6 сеансов EMDR под руководством специалиста.</p>" }
        ]
      },
      {
        title: "Нейроигровые тренажёры",
        icon: "🕹️",
        sections: [
        { name: "Обзор", html: "<center><img id='neuroProg' src='https://whatdna.github.io/css/neuroProg1.jpg'/><h1 class='orange'><span>Управляемая VR-симуляция</span> контролируемой V2K-атмосферы для <br> «<span class='green'>ПСИХОЛОГИЧЕСКОЙ ВАКЦИНЫ</span>».</h1></center>" },
          { name: "Примеры", html: "<p>Сцены с помехами + EEG-фидбек.</p>" },
          { name: "Сценарий", html: "<p>30 мин VR: маркируйте и блокируйте сигналы.</p>" }
        ]
      } ];
      const cardsEl   = document.getElementById('cards');
      const detailEl  = document.getElementById('detail');
      const titleEl   = document.getElementById('detail-title');
      const tabsEl    = document.getElementById('tabs');
      const contentEl = document.getElementById('detail-content');
      const closeBtn  = detailEl.querySelector('.close');


 


      // Рендер карточек
      techniques.forEach((t,i) => {
        const card = document.createElement('div');
        card.className = 'card';
        card.innerHTML = `<span class="icon">${t.icon}</span><h3>${i+1}. ${t.title}</h3>`;
        card.onclick = () => showDetail(i);
        cardsEl.appendChild(card);
      });
      
      function showDetail(idx) {
        document.getElementById('chartContainer').style.display = 'none';
        detailEl.style.display = 'block';
        const tech = techniques[idx];
        titleEl.textContent = `${idx+1}. ${tech.title}`;
        tabsEl.innerHTML = '';
        contentEl.innerHTML = '';
        tech.sections.forEach((sec, si) => {
          const btn = document.createElement('button');
          btn.textContent = sec.name;
          btn.className = si===0 ? 'active' : '';
          btn.onclick = () => activateTab(si);
          tabsEl.appendChild(btn);
          const pane = document.createElement('div');
          pane.className = 'tab-content' + (si===0 ? ' active' : '');
          pane.innerHTML = sec.html;
          contentEl.appendChild(pane);
        });
      }
      
      function activateTab(i) {
        tabsEl.querySelectorAll('button').forEach((b,bi) => b.classList.toggle('active', bi===i));
        contentEl.querySelectorAll('.tab-content').forEach((p,pi) => p.classList.toggle('active', pi===i));
      }
      
      closeBtn.onclick = () => {
        detailEl.style.display = 'none';
        document.getElementById('chartContainer').style.display = 'block';
      };
      
      // 5. Модалки "О программе", "Помощь", "УМНЫЕ ИПВ"
      ['about','help','ipv'].forEach(id => {
        const btn = document.getElementById(`btn-${id}`) || document.getElementById(id);
        if (btn) {
          btn.onclick = () => {
            document.getElementById(`modal-${id}`).style.display = 'flex';
          };
        }
      });
      
      // 6. Универсальное закрытие всех модалок
      document.querySelectorAll('.close-modal').forEach(btn => {
        btn.onclick = () => btn.closest('.modal').style.display = 'none';
      });
      </script>
      
      <!--
      <script src="app.js"></script>
      -->
</body>
</html>