Spotligh:mapas: mudanças entre as edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
<style> | <style> | ||
:root{--bg:#0b1020;--panel:#121a2d;--panel2:#182238;--text:#edf2ff;--muted:#98a7c3;--accent:#79a7ff;--green:#62d49b;--border:#27344f} | :root{--bg:#0b1020;--panel:#121a2d;--panel2:#182238;--text:#edf2ff;--muted:#98a7c3;--accent:#79a7ff;--green:#62d49b;--border:#27344f} | ||
*{box-sizing:border-box} | .guia-up *{box-sizing:border-box} | ||
.guia-up{background:linear-gradient(180deg,#080d19,#0e1527);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;padding:20px;border-radius:12px;margin:10px 0} | |||
.guia-up h1{margin:0;font-size:28px;color:#edf2ff} | |||
h1{margin:0;font-size: | .guia-up .sub{color:var(--muted);margin:8px 0 20px} | ||
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom: | .guia-up .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px} | ||
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px} | .guia-up .card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px} | ||
.card b{font-size:22px}.card span{display:block;color:var(--muted);font-size:13px;margin-top:4px} | .guia-up .card b{font-size:22px;color:#edf2ff}.guia-up .card span{display:block;color:var(--muted);font-size:13px;margin-top:4px} | ||
.tools{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap} | .guia-up .tools{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap} | ||
input,select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:14px} | .guia-up input,.guia-up select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:14px} | ||
input{flex:1;min-width: | .guia-up input{flex:1;min-width:200px} | ||
.tablebox{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel)} | .guia-up .tablebox{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel)} | ||
table{width:100%;border-collapse:collapse;min-width: | .guia-up table{width:100%;border-collapse:collapse;min-width:800px} | ||
th{position:sticky;top:0;background:#17213a;color:#b9c7df;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:13px} | .guia-up th{position:sticky;top:0;background:#17213a;color:#b9c7df;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:13px} | ||
td{padding:12px 13px;border-top:1px solid var(--border)} | .guia-up td{padding:12px 13px;border-top:1px solid var(--border);color:#edf2ff} | ||
tr:hover td{background:#162038} | .guia-up tr:hover td{background:#162038} | ||
code{color:#a9c7ff;background:#0d1425;padding:4px 7px;border-radius:6px} | .guia-up code{color:#a9c7ff;background:#0d1425;padding:4px 7px;border-radius:6px} | ||
.num{text-align:center}.max{font-weight:700}.rec{font-weight:800;color:var(--green)} | .guia-up .num{text-align:center} | ||
footer{color:var(--muted);font-size:12px;margin-top:14px} | .guia-up .max{font-weight:700} | ||
@media(max-width:650px){.cards{grid-template-columns:1fr | .guia-up .rec{font-weight:800;color:var(--green)} | ||
.guia-up footer{color:var(--muted);font-size:12px;margin-top:14px} | |||
@media(max-width:650px){.guia-up .cards{grid-template-columns:1fr}} | |||
</style> | </style> | ||
<div class="guia-up"> | |||
<div class=" | |||
<h1>Guia de Up — Mapas por Nível</h1> | <h1>Guia de Up — Mapas por Nível</h1> | ||
<p class="sub">Selecione a lista SpotLight e consulte os mapas por nível. Nível recomendado = máximo − 15.</p> | <p class="sub">Selecione a lista SpotLight e consulte os mapas por nível. Nível recomendado = máximo − 15.</p> | ||
| Linha 54: | Linha 49: | ||
</div> | </div> | ||
<div class="tablebox"><table> | <div class="tablebox"> | ||
<table> | |||
<thead> | |||
<tr> | |||
<th>#</th> | |||
<th>Mapa</th> | |||
<th>Nome</th> | |||
<th class="num">Mín.</th> | |||
<th class="num">Máx.</th> | |||
<th class="num">Recomendado</th> | |||
</tr> | |||
</thead> | |||
<tbody id="rows"></tbody> | |||
</table> | |||
</div> | |||
<footer>Observação: o nível recomendado é uma referência matemática baseada na regra definida; dificuldade real pode variar conforme classe, equipamento e monstros do mapa.</footer> | <footer>Observação: o nível recomendado é uma referência matemática baseada na regra definida; dificuldade real pode variar conforme classe, equipamento e monstros do mapa.</footer> | ||
</div> | </div> | ||
<script> | <script> | ||
const spotlight1=[ | const spotlight1=[ | ||
| Linha 77: | Linha 84: | ||
["ra_fild11","Campo de Rachel 11",101,177] | ["ra_fild11","Campo de Rachel 11",101,177] | ||
]; | ]; | ||
const lists={ | const lists={"SpotLight 1": spotlight1}; | ||
}; | |||
function recommended(max){return Math.max(1,max-15)} | function recommended(max){return Math.max(1,max-15)} | ||
function render(list){ | function render(list){ | ||
document.getElementById("rows").innerHTML=list.map((x,i)=>`<tr> | |||
<td>${i+1}</td><td><code>${x[0]}</code></td> | |||
<td>${x[1]}</td> | |||
<td class="num">${x[2]}</td><td class="num max">${x[3]}</td><td class="num rec">${recommended(x[3])}</td></tr>`).join("") | |||
} | } | ||
function filterRows(){ | function filterRows(){ | ||
const q=document.getElementById("search").value.toLowerCase(); | |||
const range=document.getElementById("level").value; | |||
const selected=document.getElementById("spotlight").value; | |||
let list=(lists[selected]||[]).filter(x=>(x[0]+" "+x[1]).toLowerCase().includes(q)); | |||
if(range){let [a,b]=range.split("-").map(Number);list=list.filter(x=>recommended(x[3])>=a&&recommended(x[3])<=b)} | |||
render(list) | |||
} | } | ||
render(lists["SpotLight 1"]) | render(lists["SpotLight 1"]); | ||
</script> | </script> | ||
Edição das 23h30min de 25 de julho de 2026
<style>
- root{--bg:#0b1020;--panel:#121a2d;--panel2:#182238;--text:#edf2ff;--muted:#98a7c3;--accent:#79a7ff;--green:#62d49b;--border:#27344f}
.guia-up *{box-sizing:border-box} .guia-up{background:linear-gradient(180deg,#080d19,#0e1527);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;padding:20px;border-radius:12px;margin:10px 0} .guia-up h1{margin:0;font-size:28px;color:#edf2ff} .guia-up .sub{color:var(--muted);margin:8px 0 20px} .guia-up .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px} .guia-up .card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px} .guia-up .card b{font-size:22px;color:#edf2ff}.guia-up .card span{display:block;color:var(--muted);font-size:13px;margin-top:4px} .guia-up .tools{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap} .guia-up input,.guia-up select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:14px} .guia-up input{flex:1;min-width:200px} .guia-up .tablebox{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel)} .guia-up table{width:100%;border-collapse:collapse;min-width:800px} .guia-up th{position:sticky;top:0;background:#17213a;color:#b9c7df;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:13px} .guia-up td{padding:12px 13px;border-top:1px solid var(--border);color:#edf2ff} .guia-up tr:hover td{background:#162038} .guia-up code{color:#a9c7ff;background:#0d1425;padding:4px 7px;border-radius:6px} .guia-up .num{text-align:center} .guia-up .max{font-weight:700} .guia-up .rec{font-weight:800;color:var(--green)} .guia-up footer{color:var(--muted);font-size:12px;margin-top:14px} @media(max-width:650px){.guia-up .cards{grid-template-columns:1fr}} </style>
Guia de Up — Mapas por Nível
Selecione a lista SpotLight e consulte os mapas por nível. Nível recomendado = máximo − 15.
<input id="search" placeholder="Buscar mapa ou nome..." oninput="filterRows()">
<select id="spotlight" onchange="filterRows()">
<option value="SpotLight 1">SpotLight 1</option>
</select>
<select id="level" onchange="filterRows()">
<option value="">Todos os níveis recomendados</option>
<option value="1-49">1–49</option>
<option value="50-79">50–79</option>
<option value="80-99">80–99</option>
<option value="100-129">100–129</option>
<option value="130-999">130+</option>
</select>
| # | Mapa | Nome | Mín. | Máx. | Recomendado |
|---|
<footer>Observação: o nível recomendado é uma referência matemática baseada na regra definida; dificuldade real pode variar conforme classe, equipamento e monstros do mapa.</footer>
<script> const spotlight1=[ ["pay_fild03","Campo de Payon 3",1,8],["pay_fild02","Campo de Payon 2",17,18],["prt_sewb1","Esgoto de Prontera 1",20,24], ["gef_fild05","Campo de Geffen 5",20,29],["anthell02","Formigueiro Infernal 2",30,35],["mjolnir_02","Monte Mjolnir 2",30,38], ["mjo_dun01","Mina de Mjolnir 1",22,39],["iz_dun01","Calabouço de Izlude 1",34,45],["prt_fild09","Campo de Prontera 9",53,55], ["pay_dun02","Caverna de Payon 2",34,59],["in_sphinx2","Esfinge 2",58,70],["mjolnir_03","Monte Mjolnir 3",65,70], ["um_fild04","Campo de Umbala 4",64,70],["prt_maze02","Labirinto de Prontera 2",30,72],["pay_dun04","Caverna de Payon 4",68,72], ["ayo_dun02","Calabouço de Ayothaya 2",70,73],["c_tower1","Torre do Relógio 1",74,82],["mosk_dun01","Calabouço de Moscóvia 1",81,82], ["alde_dun03","Torre do Relógio 3",82,85],["lou_dun02","Calabouço de Louyang 2",82,87],["ama_dun01","Calabouço de Amatsu 1",85,88], ["ein_fild04","Campo de Einbroch 4",87,91],["ein_fild05","Campo de Einbroch 5",87,91],["lhz_fild03","Campo de Lighthalzen 3",81,92], ["ra_fild12","Campo de Rachel 12",95,95],["ra_fild04","Campo de Rachel 4",95,103],["in_sphinx5","Esfinge 5",70,105], ["ve_fild07","Campo de Veins 7",95,105],["gl_dun01","Calabouço de Glast Heim 1",104,107],["ra_fild05","Campo de Rachel 5",101,107], ["nif_fild02","Campo de Niflheim 2",101,110],["gl_cas02","Castelo de Glast Heim 2",82,120],["tha_t01","Torre de Thanatos 1",116,123], ["ra_san01","Santuário de Rachel 1",118,124],["tha_t07","Torre de Thanatos 7",114,127],["thor_v02","Vulcão de Thor 2",129,138], ["ecl_fild01","Campo de Eclage 1",141,143],["ecl_tdun02","Calabouço de Eclage 2",147,149],["ecl_tdun03","Calabouço de Eclage 3",147,155], ["ra_fild11","Campo de Rachel 11",101,177] ]; const lists={"SpotLight 1": spotlight1}; function recommended(max){return Math.max(1,max-15)} function render(list){
document.getElementById("rows").innerHTML=list.map((x,i)=>`
${i+1}${x[0]}
${x[1]}
${x[2]}${x[3]}${recommended(x[3])}`).join("")
} function filterRows(){
const q=document.getElementById("search").value.toLowerCase();
const range=document.getElementById("level").value;
const selected=document.getElementById("spotlight").value;
let list=(lists[selected]||[]).filter(x=>(x[0]+" "+x[1]).toLowerCase().includes(q));
if(range){let [a,b]=range.split("-").map(Number);list=list.filter(x=>recommended(x[3])>=a&&recommended(x[3])<=b)}
render(list)
} render(lists["SpotLight 1"]); </script>