https://www.pandoraburo.ru/chey-golosЧей голос?
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Чей голос? — Сети Пандорры</title>
<style>
body{font-family:Georgia,serif;background:#f4f1e8;color:#3a3a2a;max-width:760px;margin:0 auto;padding:24px;line-height:1.5}
h1{font-size:26px} h2{font-size:18px;margin-top:26px}
.card{border:1px solid #7a7a5a;border-radius:8px;padding:16px;margin:10px 0;background:#fbf9f2}
.pos{font-weight:bold;color:#8a6a1a}
.ph{font-size:20px;margin:8px 0 16px}
button{background:#3a3a2a;color:#f4f1e8;border:0;padding:10px 20px;border-radius:6px;font-size:15px;cursor:pointer}
.v{display:block;width:100%;text-align:left;background:#fbf9f2;color:#3a3a2a;border:1px solid #7a7a5a;padding:10px 14px;border-radius:6px;font-size:15px;cursor:pointer;margin:6px 0}
.v:hover{background:#8a6a1a;color:#fff}
.note{font-size:14px;color:#5a5a45}
.bar{background:#8a6a1a;height:10px;border-radius:5px;margin:4px 0 10px}
</style>
</head>
<body>
<h1>Чей голос?</h1>
<p class="note">В голове у каждого звучит хор: мама, папа, школа, первый начальник. Мы принимаем их фразы за свои — и живём по чужим «надо». Этот тест показывает карту вашего хора.</p>
<h2>Правила</h2>
<ul class="note">
<li>Отвечайте первым импульсом, не обдумывайте: важна первая реакция.</li>
<li>Если фраза «не ваша» — так и отмечайте, это тоже результат.</li>
<li>Это зеркало, а не диагноз: проценты — повод подумать, а не приговор.</li>
</ul>
<div id="game"></div>
<div id="res"></div>
<p class="note"><i>Программа — ассоциативный инструмент. Она не является медицинской или психологической услугой.</i></p>
<script>
const PH=["Подумай о других, о себе — в последнюю очередь.","Что люди скажут?","Меняться — уже поздно.","Деньги любят тишину.","Надо терпеть.","Будь разумным.","Не высовывайся.","Слабость показывать нельзя — съедят.","Если много работать — тебя заметят.","Тебе повезло. Не зарекайся."];
const V=["Мама","Папа","Школа и общество","Начальники и рынок","Мой собственный голос","Это не моя фраза"];
let idx=0,ans=[],lastText="";
function render(){
const g=document.getElementById("game");
if(idx>=PH.length){g.innerHTML='<p class="note">Все фразы разобраны. Ниже — карта вашего хора.</p>';res();return;}
let h='<div class="card"><div class="pos">Фраза '+(idx+1)+' из '+PH.length+'</div><div class="ph">«'+PH[idx]+'»</div><div class="note">Чьим голосом она звучит в вашей голове?</div>';
V.forEach((v,i)=>{h+='<button class="v" onclick="pick('+i+')">'+v+'</button>';});
g.innerHTML=h+'</div>';
}
function pick(i){ans.push(i);idx++;render();}
function res(){
const cnt=[0,0,0,0,0];
ans.forEach(a=>{if(a<5)cnt[a]++;});
const total=cnt.reduce((a,b)=>a+b,0);
const r=document.getElementById("res");
if(!total){r.innerHTML='<div class="card">Похоже, ни одна фраза не ваша — либо хор пока молчит. Пройдите ещё раз, честнее.</div><p><button onclick="restart()">Начать заново</button></p>';return;}
const pct=cnt.map(c=>Math.round(c/total*100));
let loud=0;for(let i=1;i<5;i++)if(cnt[i]>cnt[loud])loud=i;
let h='<div class="card"><div class="pos">Карта вашего хора</div>';
for(let i=0;i<5;i++){h+='<p>'+V[i]+' — '+pct[i]+'%</p><div class="bar" style="width:'+Math.max(pct[i],2)+'%"></div>';}
h+='</div><div class="card"><div class="pos">Зеркало</div>';
const obs=[];
if(pct[4]<=20)obs.push("Собственный голос — лишь "+pct[4]+"% хора. Остальное — арендованный хор. Вопрос не «что мне надо», а «кто я без них».");
if(loud===0)obs.push("Громче всех — мама. Наверное, это про любовь. Но любовь не должна вас заглушать.");
if(loud===1)obs.push("Громче всех — папа: «надо», «терпи», «добейся». Проверьте, какие из этих слов вы бы выбрали сами.");
if(loud===2)obs.push("Громче всех — общество. Оно не платит по вашим счетам, но голосует в вашей голове.");
if(loud===3)obs.push("Громче всех — рынок и начальники. Это голос страха остаться без денег. Страх — советчик плохой.");
if(loud===4)obs.push("Громче всех — ваш собственный голос ("+pct[4]+"%). Хор у вас — аккомпанемент, а не дирижёр. Осталось проверить, где шум пробрался в детали.");
obs.push("Хор — не враг. Это запись тех, кто когда-то хотел как лучше. Но дирижёрская палочка должна быть ваша.");
obs.forEach(o=>{h+='<p>· '+o+'</p>';});
h+='</div><div class="card"><div class="pos">Три вопроса</div><p>Какую фразу было труднее всего «отдать»? Почему? Чей голос вы хотите убавить первым? Что скажет ваш собственный голос, если остальные выключить?</p></div>';
h+='<div class="card"><b>Протокол</b><p>Запишите своими словами: моё решение — … Оно моё, потому что — … Я пойму, что иду своим путём, когда — …</p><p><button onclick="copyRes(this)">Скопировать протокол</button> <button onclick="saveRes()">Скачать .txt</button></p><p><i>Хор — зеркало, а не приговор. Ответ — ваш.</i></p></div>';
h+='<p><button onclick="restart()">Пройти ещё раз</button></p>';
r.innerHTML=h;
lastText="ЧЕЙ ГОЛОС? — СЕТИ ПАНДОРРЫ\n"+new Date().toLocaleDateString("ru-RU")+"\n\nКАРТА ВАШЕГО ХОРА\n";
for(let i=0;i<5;i++){lastText+=V[i]+" — "+pct[i]+"%\n";}
lastText+="\nЗЕРКАЛО\n";obs.forEach(o=>{lastText+="· "+o+"\n";});
lastText+="\nТРИ ВОПРОСА\nКакую фразу было труднее всего «отдать»? Почему? Чей голос вы хотите убавить первым? Что скажет ваш собственный голос, если остальные выключить?\n\nПРОТОКОЛ\nМоё решение — …\nОно моё, потому что — …\nЯ пойму, что иду своим путём, когда — …\n\nХор — зеркало, а не приговор. Ответ — ваш.\n";
}
function restart(){idx=0;ans=[];lastText="";document.getElementById("res").innerHTML="";render();}
function copyRes(b){
const ok=()=>{b.textContent="Скопировано ✓";setTimeout(()=>{b.textContent="Скопировать протокол";},2000);};
if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(lastText).then(ok);}
else{const t=document.createElement("textarea");t.value=lastText;document.body.appendChild(t);t.select();document.execCommand("copy");document.body.removeChild(t);ok();}
}
function saveRes(){
const blob=new Blob([lastText],{type:"text/plain;charset=utf-8"});
const a=document.createElement("a");a.href=URL.createObjectURL(blob);a.download="choy-golos-pandorry.txt";a.click();URL.revokeObjectURL(a.href);
}
render();
</script>
</body>
</html>2026-08-13T08:34:59Zhttps://pandoraburo.ru/ssl/u/pic/69/be1662953111f1a508b532fbee6d5f/-/logo.png1592962https://www.pandoraburo.ru/