Baixar Jogos Para Pc Fraco | PROVEN — BLUEPRINT |
.filter-group display: flex; flex-direction: column; gap: 0.5rem; min-width: 160px;
/* Game Grid */ .games-grid display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.8rem;
if (filtered.length === 0) container.innerHTML = `<div style="grid-column:1/-1; text-align:center; padding: 3rem;">😢 Nenhum jogo encontrado com esses filtros. Tente um nível mais alto.</div>`; return;
function renderGames(pcTier, maxSizeMB) const container = document.getElementById("gamesContainer"); const filtered = gamesDatabase.filter(game => if (maxSizeMB !== 9999 && game.storageMB > maxSizeMB) return false; if (pcTier === "all") return true; const compat = getCompatibility(game, pcTier); return compat !== "red"; // hide red games for the chosen tier ); baixar jogos para pc fraco
return ` <div class="game-card"> <div class="game-img" style="background-image: url('$game.image');"> <div class="compatibility-badge $compat">$compatText</div> </div> <div class="game-info"> <div class="game-title">$game.name</div> <div class="specs"> <span>💾 $game.storageMBMB</span> <span>🧠 $game.ramGB RAM</span> <span>🖥️ $game.gpu</span> </div> <div style="font-size:0.8rem; margin: 8px 0;">$game.description</div> <a href="#" class="download-btn">⬇️ Baixar Jogo</a> </div> </div> `; ).join("");
function getCompatibility(game, tierSelected) // Returns "green", "yellow", "red" if (tierSelected === "all") return "green"; if (tierSelected === "potato" && game.ram <= 1.5 && game.storageMB <= 500) return "green"; if (tierSelected === "potato" && game.ram <= 2) return "yellow"; if (tierSelected === "low" && game.ram <= 3 && game.storageMB <= 1300) return "green"; if (tierSelected === "low" && game.ram <= 4) return "yellow"; if (tierSelected === "office" && game.ram <= 4 && game.storageMB <= 2000) return "green"; if (tierSelected === "office" && game.ram <= 6) return "yellow"; return "red";
<div id="gamesContainer" class="games-grid"> <!-- Cards will be injected here --> </div> <footer>✅ Compatível com DirectX 9, 10, 11 | Sem necessidade de placa dedicada</footer> </div> .filter-group display: flex
.green color: #2ecc71; .yellow color: #f1c40f; .red color: #e74c3c;
.specs span background: #1e2128; padding: 4px 10px; border-radius: 20px;
.container max-width: 1300px; margin: 0 auto; const filtered = gamesDatabase.filter(game =>
<div class="filter-bar"> <div class="filter-group"> <label>⚡ Nível do seu PC</label> <select id="pcTier"> <option value="all">Todos os jogos</option> <option value="potato">🥔 PC Batata (1GB RAM, sem GPU)</option> <option value="low">💻 PC Fraco (2-4GB RAM, integrada)</option> <option value="office">📀 Office PC (4GB RAM, HD 4000+)</option> </select> </div> <div class="filter-group"> <label>📦 Tamanho máximo</label> <select id="maxSize"> <option value="9999">Qualquer tamanho</option> <option value="200">Até 200MB</option> <option value="500">Até 500MB</option> <option value="1000">Até 1GB</option> </select> </div> <button id="applyFilter">🔍 Filtrar Jogos</button> </div>
button background: #00b4d8; font-weight: bold;
h1 font-size: 2rem; margin-bottom: 0.5rem;