Spotligh:mapas: mudanças entre as edições

De Farmland
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guia de Up — Mapas por Nível</title>
<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}
body{margin:0;background:linear-gradient(180deg,#080d19,#0e1527);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
.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}
.wrap{max-width:1150px;margin:auto;padding:34px 20px 60px}
.guia-up h1{margin:0;font-size:28px;color:#edf2ff}
h1{margin:0;font-size:32px}.sub{color:var(--muted);margin:8px 0 26px}
.guia-up .sub{color:var(--muted);margin:8px 0 20px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.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:240px}
.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:850px}
.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}h1{font-size:26px}}
.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>
</head>
 
<body>
<div class="guia-up">
<div class="wrap">
   <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">
    <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>
    <table>
    <tbody id="rows"></tbody>
      <thead>
  </table></div>
        <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};
  "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>
  document.getElementById("rows").innerHTML=list.map((x,i)=>`<tr>
<td>${i+1}</td><td><code>${x[0]}</code></td>
    <td>${i+1}</td><td><code>${x[0]}</code></td>
<td>${x[1]}</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("")
    <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 q=document.getElementById("search").value.toLowerCase();
const range=document.getElementById("level").value;
  const range=document.getElementById("level").value;
const selected=document.getElementById("spotlight").value;
  const selected=document.getElementById("spotlight").value;
let list=(lists[selected] || []).filter(x=>(x[0]+" "+x[1]).toLowerCase().includes(q));
  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)}
  if(range){let [a,b]=range.split("-").map(Number);list=list.filter(x=>recommended(x[3])>=a&&recommended(x[3])<=b)}
render(list)
  render(list)
}
}
render(lists["SpotLight 1"])
render(lists["SpotLight 1"]);
</script>
</script>
</body>
</html>

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.

40mapas cadastrados
1 → 177faixa total de níveis
Máx. − 15regra do nível recomendado
   <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>
<thead> </thead> <tbody id="rows"></tbody>
# 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>