https://wiki.gla.com.br/index.php?action=history&feed=atom&title=Widget%3AQuizSearch
Widget:QuizSearch - Histórico de revisão
2026-04-05T16:51:32Z
Histórico de revisões para esta página neste wiki
MediaWiki 1.36.1
https://wiki.gla.com.br/index.php?title=Widget:QuizSearch&diff=45438&oldid=prev
Gurren1 em 20h38min de 4 de abril de 2026
2026-04-04T20:38:56Z
<p></p>
<a href="https://wiki.gla.com.br/index.php?title=Widget:QuizSearch&diff=45438&oldid=45396">Mostrar alterações</a>
Gurren1
https://wiki.gla.com.br/index.php?title=Widget:QuizSearch&diff=45396&oldid=prev
Guto: Criou página com '<style> /* {literal} */ #fq-widget * { box-sizing: border-box; margin: 0; padding: 0; } #fq-widget { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, san...'
2026-04-03T17:36:30Z
<p>Criou página com '<style> <span dir="auto"><span class="autocomment">{literal}: </span> #fq-widget * { box-sizing: border-box; margin: 0; padding: 0; } #fq-widget { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, san...'</span></p>
<p><b>Página nova</b></p><div><style><br />
/* {literal} */<br />
#fq-widget * { box-sizing: border-box; margin: 0; padding: 0; }<br />
<br />
#fq-widget {<br />
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;<br />
background: #ffffff;<br />
color: #202122;<br />
max-width: 780px;<br />
margin: 1rem 0;<br />
font-size: 0.9375rem;<br />
line-height: 1.6;<br />
}<br />
<br />
.fq-header { margin-bottom: 1.25rem; }<br />
.fq-title { font-size: 1.25rem; font-weight: 600; color: #202122; margin-bottom: 0.2rem; }<br />
.fq-sub { font-size: 0.875rem; color: #54595d; }<br />
<br />
.fq-weekly {<br />
display: flex; align-items: center; gap: 0.5rem;<br />
margin-bottom: 1.25rem; cursor: pointer; user-select: none; width: fit-content;<br />
}<br />
.fq-checkbox {<br />
display: flex; align-items: center; justify-content: center;<br />
width: 1.125rem; height: 1.125rem; border-radius: 3px;<br />
border: 1px solid #a2a9b1; flex-shrink: 0;<br />
background: #f8f9fa; transition: all 0.15s;<br />
}<br />
.fq-checkbox.on { background: #36c; border-color: #36c; }<br />
.fq-checkbox svg { display: none; }<br />
.fq-checkbox.on svg { display: block; }<br />
.fq-weekly-label { font-size: 0.875rem; color: #54595d; transition: color 0.15s; }<br />
.fq-weekly-label.on { color: #36c; font-weight: 500; }<br />
.fq-weekly:hover .fq-checkbox:not(.on) { border-color: #36c; }<br />
.fq-weekly:hover .fq-weekly-label:not(.on) { color: #36c; }<br />
<br />
.fq-search-wrap { position: relative; margin-bottom: 0.75rem; }<br />
.fq-search-icon {<br />
position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%);<br />
color: #72777d; pointer-events: none; line-height: 0;<br />
}<br />
#fq-input {<br />
width: 100%; background: #fff; border: 1px solid #a2a9b1;<br />
border-radius: 2px; padding: 0.45rem 2.5rem;<br />
font-size: 0.9375rem; color: #202122; outline: none;<br />
transition: border-color 0.15s, box-shadow 0.15s;<br />
}<br />
#fq-input::placeholder { color: #72777d; }<br />
#fq-input:focus { border-color: #36c; box-shadow: 0 0 0 2px rgba(51,102,204,0.15); }<br />
#fq-clear {<br />
position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%);<br />
background: none; border: none; color: #72777d; cursor: pointer;<br />
line-height: 0; padding: 0; transition: color 0.15s;<br />
}<br />
#fq-clear:hover { color: #202122; }<br />
#fq-clear.hidden { display: none; }<br />
<br />
#fq-stats { font-size: 0.8125rem; color: #54595d; margin-bottom: 0.75rem; }<br />
#fq-stats .vd { color: #14866d; font-weight: 500; }<br />
#fq-stats .fa { color: #c0392b; font-weight: 500; }<br />
#fq-stats .sep { color: #a2a9b1; margin: 0 0.3rem; }<br />
#fq-stats.hidden { display: none; }<br />
<br />
.fq-msg { font-size: 0.875rem; color: #72777d; text-align: center; padding: 3rem 0; }<br />
.fq-msg.hidden { display: none; }<br />
<br />
#fq-results { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }<br />
#fq-results.hidden { display: none; }<br />
<br />
.fq-item {<br />
display: flex; align-items: flex-start; gap: 0.625rem;<br />
border: 1px solid; border-radius: 2px;<br />
padding: 0.625rem 0.875rem; font-size: 0.9rem; line-height: 1.55;<br />
}<br />
.fq-item.vd { background: #f0fdf4; border-color: #14866d; color: #14433a; }<br />
.fq-item.fa { background: #fff0f0; border-color: #c0392b; color: #5a1010; }<br />
<br />
.fq-badge {<br />
flex-shrink: 0; margin-top: 0.1rem;<br />
width: 1.125rem; height: 1.125rem; border-radius: 50%;<br />
display: flex; align-items: center; justify-content: center;<br />
font-weight: 700; font-size: 0.7rem; color: #fff;<br />
}<br />
.fq-badge.vd { background: #14866d; }<br />
.fq-badge.fa { background: #c0392b; }<br />
<br />
mark { background: #fef08a; color: #713f12; border-radius: 1px; padding: 0 1px; }<br />
/* {/literal} */<br />
</style><br />
<br />
<div id="fq-widget"><br />
<br />
<div class="fq-header"><br />
<h1 class="fq-title">Foxy Quiz</h1><br />
<p class="fq-sub">Pesquise uma afirmacao para ver se ela e verdadeira ou falsa.</p><br />
</div><br />
<br />
<div class="fq-weekly" id="fq-weekly"><br />
<span class="fq-checkbox" id="fq-chk"><br />
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"<br />
fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><br />
<polyline points="20 6 9 17 4 12"/><br />
</svg><br />
</span><br />
<span class="fq-weekly-label" id="fq-lbl">Ja recebi a recompensa do Foxy Quiz nesta semana!</span><br />
</div><br />
<br />
<div class="fq-search-wrap"><br />
<span class="fq-search-icon"><br />
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"<br />
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><br />
<circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/><br />
</svg><br />
</span><br />
<input id="fq-input" type="text" placeholder="Digite palavras-chave para pesquisar..." /><br />
<button id="fq-clear" class="hidden" aria-label="Limpar"><br />
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"<br />
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><br />
<path d="M18 6 6 18M6 6l12 12"/><br />
</svg><br />
</button><br />
</div><br />
<br />
<p id="fq-stats" class="hidden"></p><br />
<div id="fq-tip" class="fq-msg">Digite ao menos 2 caracteres para pesquisar.</div><br />
<div id="fq-nores" class="fq-msg hidden">Nenhuma afirmacao encontrada.</div><br />
<ul id="fq-results" class="hidden"></ul><br />
<br />
</div><br />
<br />
<script><br />
/* {literal} */<br />
<br />
var QUIZ_DATA = [<br />
<br />
/* VERDADEIRO */<br />
{ correto: true, texto: "[GLA] A habilidade Liberation, do Marshall D. Teach, tem dois segundos de tempo de recarga e 18 de poder." },<br />
{ correto: true, texto: "[GLA] A habilidade Preparation aumenta a velocidade do Luffy por 4 segundos e concede bonus de forca no proximo ataque." },<br />
{ correto: true, texto: "[GLA] Baratie e recomendado para jogadores do level 42 a 52 no minimapa do jogo." },<br />
{ correto: true, texto: "[GLA] A habilidade Usopp Fear concede velocidade e defesa para ele." },<br />
{ correto: true, texto: "[GLA] A rotacao semanal muda toda sexta-feira." },<br />
{ correto: true, texto: "[GLA] Baratie e o primeiro local em que voce pode construir um navio nivel 3." },<br />
{ correto: true, texto: "[GLA] Bartholomew Kuma le sua biblia durante a animacao do seu emote." },<br />
<br />
/* FALSO */<br />
/* { correto: false, texto: "Exemplo de afirmacao falsa." } */<br />
<br />
];<br />
<br />
var FQ_KEY = 'foxy-quiz-weekly';<br />
<br />
function norm(s) {<br />
return s.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();<br />
}<br />
<br />
function weekKey() {<br />
var now = new Date();<br />
var diff = (now.getDay() - 5 + 7) % 7;<br />
var fri = new Date(now);<br />
fri.setDate(now.getDate() - diff);<br />
return fri.toISOString().slice(0, 10);<br />
}<br />
<br />
function esc(s) {<br />
return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');<br />
}<br />
<br />
function highlight(texto, tokens) {<br />
var n = norm(texto);<br />
var ranges = [], i, t, idx, pos;<br />
for (i = 0; i < tokens.length; i++) {<br />
t = tokens[i]; idx = 0;<br />
while ((pos = n.indexOf(t, idx)) !== -1) {<br />
ranges.push([pos, pos + t.length]);<br />
idx = pos + 1;<br />
}<br />
}<br />
if (!ranges.length) return esc(texto);<br />
ranges.sort(function(a, b) { return a[0] - b[0]; });<br />
var merged = [], r, last;<br />
for (i = 0; i < ranges.length; i++) {<br />
r = ranges[i]; last = merged[merged.length - 1];<br />
if (last && r[0] <= last[1]) { if (r[1] > last[1]) last[1] = r[1]; }<br />
else { merged.push([r[0], r[1]]); }<br />
}<br />
var out = '', cur = 0, seg;<br />
for (i = 0; i < merged.length; i++) {<br />
seg = merged[i];<br />
out += esc(texto.slice(cur, seg[0]));<br />
out += '<mark>' + esc(texto.slice(seg[0], seg[1])) + '</mark>';<br />
cur = seg[1];<br />
}<br />
return out + esc(texto.slice(cur));<br />
}<br />
<br />
var elWeekly = document.getElementById('fq-weekly');<br />
var elChk = document.getElementById('fq-chk');<br />
var elLbl = document.getElementById('fq-lbl');<br />
var elInput = document.getElementById('fq-input');<br />
var elClear = document.getElementById('fq-clear');<br />
var elStats = document.getElementById('fq-stats');<br />
var elTip = document.getElementById('fq-tip');<br />
var elNores = document.getElementById('fq-nores');<br />
var elResults = document.getElementById('fq-results');<br />
<br />
var IDX = [];<br />
for (var ii = 0; ii < QUIZ_DATA.length; ii++) {<br />
IDX.push({ e: QUIZ_DATA[ii], n: norm(QUIZ_DATA[ii].texto) });<br />
}<br />
<br />
elWeekly.addEventListener('click', function() {<br />
var on = elChk.classList.contains('on');<br />
if (on) {<br />
elChk.classList.remove('on');<br />
elLbl.classList.remove('on');<br />
elLbl.textContent = 'Ja recebi a recompensa do Foxy Quiz nesta semana!';<br />
try { localStorage.removeItem(FQ_KEY); } catch(e) {}<br />
} else {<br />
var d = new Date();<br />
var ds = d.toLocaleDateString('pt-BR') + ' (' + d.toLocaleDateString('pt-BR', { weekday: 'long' }) + ')';<br />
elChk.classList.add('on');<br />
elLbl.classList.add('on');<br />
elLbl.textContent = 'Foxy Quiz concluido em ' + ds;<br />
try { localStorage.setItem(FQ_KEY, JSON.stringify({ weekKey: weekKey(), date: ds })); } catch(e) {}<br />
}<br />
});<br />
<br />
elClear.addEventListener('click', function() {<br />
elInput.value = '';<br />
elInput.dispatchEvent(new Event('input'));<br />
elInput.focus();<br />
});<br />
<br />
elInput.addEventListener('input', function() {<br />
var raw = elInput.value;<br />
var trimmed = raw.trim();<br />
<br />
if (raw.length > 0) {<br />
elClear.classList.remove('hidden');<br />
} else {<br />
elClear.classList.add('hidden');<br />
}<br />
<br />
if (trimmed.length < 2) {<br />
elStats.classList.add('hidden');<br />
elTip.classList.remove('hidden');<br />
elNores.classList.add('hidden');<br />
elResults.classList.add('hidden');<br />
elResults.innerHTML = '';<br />
return;<br />
}<br />
<br />
var parts = trimmed.split(/\s+/);<br />
var tokens = [];<br />
for (var i = 0; i < parts.length; i++) {<br />
if (parts[i]) tokens.push(norm(parts[i]));<br />
}<br />
<br />
var hits = [], item, j, ok;<br />
for (var k = 0; k < IDX.length; k++) {<br />
item = IDX[k]; ok = true;<br />
for (j = 0; j < tokens.length; j++) {<br />
if (item.n.indexOf(tokens[j]) === -1) { ok = false; break; }<br />
}<br />
if (ok) hits.push(item.e);<br />
}<br />
<br />
elTip.classList.add('hidden');<br />
<br />
if (hits.length === 0) {<br />
elStats.classList.add('hidden');<br />
elResults.classList.add('hidden');<br />
elResults.innerHTML = '';<br />
elNores.classList.remove('hidden');<br />
return;<br />
}<br />
<br />
var tc = 0, fc = 0;<br />
for (var x = 0; x < hits.length; x++) {<br />
if (hits[x].correto) tc++; else fc++;<br />
}<br />
<br />
elStats.innerHTML =<br />
hits.length + ' resultado(s)' +<br />
'<span class="sep">&nbsp;&middot;&nbsp;</span>' +<br />
'<span class="vd">' + tc + ' verdadeiro(s)</span>' +<br />
'<span class="sep">&nbsp;&middot;&nbsp;</span>' +<br />
'<span class="fa">' + fc + ' falso(s)</span>';<br />
elStats.classList.remove('hidden');<br />
<br />
var html = '', h, cls, sym;<br />
for (var y = 0; y < hits.length; y++) {<br />
h = hits[y];<br />
cls = h.correto ? 'vd' : 'fa';<br />
sym = h.correto ? '&#10003;' : '&#10007;';<br />
html += '<li class="fq-item ' + cls + '">' +<br />
'<span class="fq-badge ' + cls + '">' + sym + '</span>' +<br />
'<span>' + highlight(h.texto, tokens) + '</span>' +<br />
'</li>';<br />
}<br />
elResults.innerHTML = html;<br />
elResults.classList.remove('hidden');<br />
elNores.classList.add('hidden');<br />
});<br />
<br />
(function() {<br />
try {<br />
var raw = localStorage.getItem(FQ_KEY);<br />
if (!raw) return;<br />
var obj = JSON.parse(raw);<br />
if (obj.weekKey !== weekKey()) return;<br />
elChk.classList.add('on');<br />
elLbl.classList.add('on');<br />
elLbl.textContent = 'Foxy Quiz concluido em ' + obj.date;<br />
} catch(e) {}<br />
})();<br />
<br />
/* {/literal} */<br />
</script></div>
Guto