Embed

<div id="punte-map">
  <style>
    #punte-map{--blue:#5f8199;--navy:#19385f;--green:#2f6b55;--sky:#dcebf4;--light:#f5f8fa;--ink:#202428;--muted:#64717c;--line:#cad4db;background:#f7f9fa;color:var(--ink);font:16px Arial,sans-serif;min-height:100vh}
    #punte-map *{box-sizing:border-box}
    #punte-map .wrap{max-width:920px;margin:auto;padding:46px 24px}
    #punte-map .brand{background:#fff;border-bottom:1px solid var(--line);padding:16px max(22px,calc((100% - 920px)/2));display:flex;gap:14px;align-items:center}
    #punte-map .mark{font-size:27px;font-weight:900;color:var(--blue)}
    #punte-map .meta{display:block;color:var(--muted);font-size:13px}
    #punte-map .eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--blue)}
    #punte-map h1{font-size:clamp(36px,6vw,60px);line-height:1.05;letter-spacing:-.035em;margin:16px 0 20px}
    #punte-map .survey h1,#punte-map .results h1{font-size:clamp(31px,5vw,44px)}
    #punte-map .lead{font-size:22px;color:var(--blue);line-height:1.4}
    #punte-map .notice,#punte-map .support{background:#eaf1f5;border-left:5px solid var(--blue);padding:18px 22px;margin:28px 0;line-height:1.55}
    #punte-map .support{background:#e8f1eb;border-color:var(--green)}
    #punte-map button{border:0;background:var(--navy);color:#fff;border-radius:12px;padding:14px 21px;font-size:16px;font-weight:700;cursor:pointer}
    #punte-map button:disabled{opacity:.42;cursor:not-allowed}
    #punte-map .secondary{background:#fff;color:var(--navy);border:1px solid var(--navy)}
    #punte-map .print{margin-left:16px;color:var(--navy);font-weight:700;text-decoration:underline;cursor:pointer}
    #punte-map .small{color:var(--muted);font-size:13px;margin-top:22px}
    #punte-map .survey,#punte-map .results,#punte-map .paper{display:none}
    #punte-map .progress{position:sticky;top:0;background:#f7f9fa;padding:10px 0 16px;z-index:2}
    #punte-map .progressline{height:10px;background:#dfe6ea;border-radius:10px;overflow:hidden;margin-top:8px}
    #punte-map .progressline i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .25s ease}
    #punte-map .question-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 12px 34px rgba(25,56,95,.08)}
    #punte-map .zone{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:var(--sky);color:var(--navy);font-size:13px;font-weight:800}
    #punte-map .scene{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;margin:24px 0}
    #punte-map .scene-icon{width:90px;height:90px;border-radius:22px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:48px;border:1px solid var(--line)}
    #punte-map .question-text{font-size:clamp(22px,4vw,30px);line-height:1.3;font-weight:800;margin:0}
    #punte-map .helper{color:var(--muted);margin:8px 0 0;line-height:1.45}
    #punte-map .options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:24px}
    #punte-map .option input{position:absolute;opacity:0}
    #punte-map .option span{min-height:82px;display:flex;align-items:center;gap:12px;border:2px solid var(--line);padding:13px;border-radius:14px;cursor:pointer;background:#fff;font-weight:700;line-height:1.25}
    #punte-map .option-symbol{font-size:25px;width:34px;text-align:center;color:var(--blue)}
    #punte-map .option input:focus+span{outline:4px solid #a9c9dd;outline-offset:2px}
    #punte-map .option input:checked+span{border-color:var(--navy);background:#edf3f7;color:var(--navy)}
    #punte-map .nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
    #punte-map .nav .next{margin-left:auto}
    #punte-map .adult-note{font-size:14px;color:var(--muted);margin-top:18px}
    #punte-map .zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0}
    #punte-map .zone-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
    #punte-map .zone-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
    #punte-map .zone-icon{font-size:30px}
    #punte-map .zone-title{font-weight:800;line-height:1.25}
    #punte-map .dots{display:flex;gap:7px;margin:12px 0}
    #punte-map .dot{width:28px;height:12px;border-radius:8px;background:#dfe6ea}
    #punte-map .dot.on{background:var(--zone-color,var(--blue))}
    #punte-map .zone-note{font-size:13px;color:var(--muted);line-height:1.4}
    #punte-map .actions{display:flex;gap:12px;flex-wrap:wrap}
    #punte-map .foot{max-width:920px;margin:auto;padding:22px 24px 42px;color:var(--muted);font-size:12px}
    @media(max-width:650px){#punte-map .wrap{padding:34px 16px}#punte-map .question-card{padding:20px}#punte-map .scene{grid-template-columns:1fr}#punte-map .scene-icon{width:76px;height:76px;font-size:40px}#punte-map .options,#punte-map .zone-grid{grid-template-columns:1fr}#punte-map .print{display:block;margin:18px 0}}
    @media print{#punte-map .brand,#punte-map .foot,#punte-map .start,#punte-map .survey,#punte-map .results{display:none!important}#punte-map .paper{display:block!important}#punte-map{background:#fff}#punte-map .wrap{padding:10px}#punte-map .paper-item{break-inside:avoid;border-bottom:1px solid #bbb;padding:12px 0}#punte-map .paper-choices{font-size:12px;color:#444}}
  </style>

  <div class="brand"><div class="mark">EMM</div><div><b>Asociația Educație pentru Minți Mărețe</b><span class="meta">PUNTE E.M.M.</span></div></div>

  <section class="wrap start">
    <p class="eyebrow">INSTRUMENT EDUCAȚIONAL NECLINIC</p>
    <h1>Harta PUNTE<br>a experienței clasei</h1>
    <p class="lead">Privește situațiile. Alege răspunsul care seamănă cel mai mult cu experiența ta.</p>
    <div class="notice"><b>Înainte să începi</b><p>Nu cerem numele, adresa de e-mail sau informații despre diagnostice. Răspunsurile rămân pe acest dispozitiv și nu sunt trimise către E.M.M. Participarea este voluntară. Poți alege „Prefer să nu răspund”.</p></div>
    <button type="button" data-action="start">Începe</button><a class="print" data-action="print">Tipărește versiunea pe hârtie</a>
    <p class="small">Versiune pentru elevi 10–13 ani • aproximativ 8–10 minute • prototip pentru testare internă</p>
  </section>

  <section class="wrap survey">
    <div class="progress"><span>Întrebarea <b data-current>1</b> din 15 • <b data-count>0</b> răspunsuri alese</span><div class="progressline"><i data-progress style="width:6.67%"></i></div></div>
    <div class="question-card" data-card></div>
    <p class="adult-note">Dacă ai nevoie, un adult poate citi sau explica întrebarea fără să aleagă răspunsul în locul tău.</p>
    <div class="support"><b>Ai nevoie să vorbești cu un adult?</b><p>Acest instrument nu este un canal de urgență. Vorbește cu adultul desemnat de școală. Dacă există un pericol imediat, urmează procedura de siguranță a școlii sau apelează serviciile de urgență.</p></div>
  </section>

  <section class="wrap results">
    <p class="eyebrow">SINTEZĂ INDIVIDUALĂ • NU ESTE DIAGNOSTIC</p>
    <h1>Cinci zone ale experienței tale în clasă</h1>
    <p>Această sinteză este orientativă și rămâne pe dispozitiv. Pentru discuțiile la nivelul clasei se folosesc numai rezultate agregate, cu minimum 10 răspunsuri, fără identificarea elevilor.</p>
    <div class="zone-grid" data-zones></div>
    <div class="notice"><b>Pasul următor nu este „cine are problema?”</b><p>Clasa privește rezultatele agregate, alege o zonă de explorat și stabilește o acțiune mică pentru următoarele 2–4 săptămâni. Rezultatele nu justifică diagnosticarea, etichetarea, sancționarea sau comparațiile între elevi ori clase.</p></div>
    <div class="actions"><button type="button" data-action="print">Tipărește / salvează PDF</button><button type="button" class="secondary" data-action="reset">Șterge răspunsurile și reia</button></div>
  </section>

  <section class="wrap paper"><h1>Harta PUNTE a experienței clasei</h1><p>Marchează un singur răspuns la fiecare întrebare.</p><div data-paper></div></section>
  <div class="foot">© 2026 E.M.M. • PUNTE • cercetare → proiectare → pilotare → evaluare → îmbunătățire</div>

  <script>
    (function(){
      const root=document.getElementById('punte-map');
      const groups=[
        {name:'Apartenență și demnitate',icon:'🏠',color:'#5f8199',items:[
          ['🪑','Simt că am un loc în această clasă.','Gândește-te dacă te simți primit și parte din grup.'],
          ['🙋','Pot pune o întrebare fără să fiu luat în râs.','Imaginează-ți că nu ai înțeles ceva și vrei să întrebi.'],
          ['🌱','Când greșesc, sunt ajutat să învăț.','Gândește-te ce se întâmplă după ce faci o greșeală.']
        ]},
        {name:'Relații între colegi',icon:'🤝',color:'#2f6b55',items:[
          ['👀','Elevii observă când cineva este lăsat pe dinafară.','Imaginează-ți un coleg care rămâne singur sau nu este inclus.'],
          ['💬','Putem avea păreri diferite fără atacuri personale.','Gândește-te la o situație în care doi colegi nu sunt de acord.'],
          ['🧩','Conflictele pot fi discutate într-un mod sigur.','Gândește-te dacă problemele pot fi vorbite fără amenințări sau umilire.']
        ]},
        {name:'Sprijinul adulților',icon:'🛟',color:'#19385f',items:[
          ['🤲','Există cel puțin un adult din școală căruia îi pot cere ajutor.','Gândește-te la un adult la care ai putea merge când îți este greu.'],
          ['👂','Când un elev spune că are o dificultate, este ascultat.','Imaginează-ți că un elev spune unui adult că are o problemă.'],
          ['🛡️','Știu unde pot merge dacă nu mă simt în siguranță.','Gândește-te dacă știi ce adult sau ce loc te poate ajuta.']
        ]},
        {name:'Echitate, claritate și voce',icon:'⚖️',color:'#68717d',items:[
          ['📋','Înțeleg regulile clasei.','Gândește-te dacă regulile sunt explicate clar.'],
          ['⚖️','Regulile sunt aplicate într-un mod echitabil.','Gândește-te dacă reguli asemănătoare se aplică în situații asemănătoare.'],
          ['🗣️','Opinia elevilor este ascultată când deciziile îi privesc.','Imaginează-ți că se ia o decizie importantă pentru clasă.']
        ]},
        {name:'Participare și bariere',icon:'🛤️',color:'#3376b8',items:[
          ['🚧','Pot spune când ceva mă împiedică să particip.','Gândește-te dacă poți spune ce îți face participarea dificilă.'],
          ['🛤️','Dacă o sarcină nu îmi este accesibilă, pot cere o altă cale.','Imaginează-ți că ai nevoie să arăți ce știi într-un alt mod.'],
          ['🎒','Barierele de resurse sau transport pot fi semnalate fără rușine.','Gândește-te dacă poți spune când îți lipsește ceva necesar pentru a participa.']
        ]}
      ];
      const choices=[
        {label:'Niciodată',symbol:'○'},
        {label:'Uneori',symbol:'◔'},
        {label:'De cele mai multe ori',symbol:'◕'},
        {label:'Aproape întotdeauna',symbol:'●'},
        {label:'Nu știu',symbol:'?'},
        {label:'Prefer să nu răspund',symbol:'↪'}
      ];
      const questions=[];groups.forEach((g,gi)=>g.items.forEach((item,ii)=>questions.push({gi:gi,ii:ii,group:g,icon:item[0],text:item[1],helper:item[2]})));
      let answers={},current=0;
      const card=root.querySelector('[data-card]');
      function key(q){return q.gi+'-'+q.ii}
      function render(){
        const q=questions[current],selected=answers[key(q)];
        root.querySelector('[data-current]').textContent=current+1;
        root.querySelector('[data-count]').textContent=Object.keys(answers).length;
        root.querySelector('[data-progress]').style.width=((current+1)/questions.length*100)+'%';
        card.innerHTML='<div class="zone"><span>'+q.group.icon+'</span>'+q.group.name+'</div><div class="scene"><div class="scene-icon" aria-hidden="true">'+q.icon+'</div><div><p class="question-text">'+q.text+'</p><p class="helper">'+q.helper+'</p></div></div><div class="options">'+choices.map((c,ci)=>'<label class="option"><input type="radio" name="current-question" value="'+ci+'" '+(selected===ci?'checked':'')+'><span><span class="option-symbol" aria-hidden="true">'+c.symbol+'</span>'+c.label+'</span></label>').join('')+'</div><div class="nav"><button type="button" class="secondary" data-action="back" '+(current===0?'disabled':'')+'>Înapoi</button><button type="button" class="next" data-action="next" '+(selected===undefined?'disabled':'')+'>'+(current===questions.length-1?'Vezi sinteza':'Următoarea')+'</button></div>';
      }
      function updateChoice(value){answers[key(questions[current])]=Number(value);render()}
      function show(sel){root.querySelectorAll('.start,.survey,.results').forEach(x=>x.style.display='none');root.querySelector(sel).style.display='block';window.scrollTo(0,0)}
      function results(){
        const box=root.querySelector('[data-zones]');box.innerHTML='';
        groups.forEach((g,gi)=>{const values=[0,1,2].map(ii=>answers[gi+'-'+ii]).filter(x=>x>=0&&x<4);const score=values.length?values.reduce((a,b)=>a+b+1,0)/values.length:null;const level=score===null?0:Math.round(score);const note=score===null?'Nu sunt suficiente răspunsuri pentru această zonă.':'Aceasta este o orientare pentru reflecție, nu o etichetă.';box.innerHTML+='<div class="zone-card" style="--zone-color:'+g.color+'"><div class="zone-head"><span class="zone-icon" aria-hidden="true">'+g.icon+'</span><span class="zone-title">'+g.name+'</span></div><div class="dots" aria-label="'+(score===null?'Date insuficiente':score.toFixed(1)+' din 4')+'"><span class="dot '+(level>=1?'on':'')+'"></span><span class="dot '+(level>=2?'on':'')+'"></span><span class="dot '+(level>=3?'on':'')+'"></span><span class="dot '+(level>=4?'on':'')+'"></span></div><div class="zone-note">'+note+'</div></div>'});
        show('.results')
      }
      function makePaper(){const p=root.querySelector('[data-paper]');p.innerHTML=questions.map((q,i)=>'<div class="paper-item"><b>'+(i+1)+'. '+q.text+'</b><div class="paper-choices">○ Niciodată &nbsp; ○ Uneori &nbsp; ○ De cele mai multe ori &nbsp; ○ Aproape întotdeauna &nbsp; ○ Nu știu &nbsp; ○ Prefer să nu răspund</div></div>').join('')}
      root.addEventListener('change',e=>{if(e.target.name==='current-question')updateChoice(e.target.value)});
      root.addEventListener('click',e=>{const a=e.target.closest('[data-action]');if(!a)return;const act=a.dataset.action;if(act==='start'){render();show('.survey')}if(act==='back'&&current>0){current--;render();window.scrollTo(0,0)}if(act==='next'){if(answers[key(questions[current])]===undefined)return;if(current<questions.length-1){current++;render();window.scrollTo(0,0)}else results()}if(act==='print')window.print();if(act==='reset'){answers={};current=0;show('.start')}});
      makePaper();
    })();
  </script>
</div>



Asociația Educație pentru Minți Mărețe E.M.M.

Asociația Educație pentru Minți Mărețe este un hub modern de educație aplicată și autonomie dedicat copiilor și familiilor. Prin activități practice, experiențe senzoriale, învățare prin explorare și sprijin personalizat, creăm un spațiu sigur unde fiecare copil poate evolua în propriul ritm.

Punem accent pe autonomie, conectare, incluziune reală și dezvoltarea abilităților necesare vieții de zi cu zi, într-un mediu cald, creativ și adaptat nevoilor actuale ale copiilor.



Harta PUNTEa experienței clasei

Cinci zone ale experienței tale în clasă

Harta PUNTE a experienței clasei

Harta PUNTE
a experienței clasei