.metric-value font-size: 3rem; font-weight: 800; font-family: 'JetBrains Mono', monospace; display: inline-flex; align-items: baseline; gap: 4px; color: #f0f9ff;
.sub color: #8ca3b9; margin-bottom: 28px; border-left: 3px solid #2dd4bf; padding-left: 14px; font-weight: 400; font-size: 0.9rem;
// Helper: add entry to register log (with timestamp) function addLogEntry(message, isAlert = false) const logEntry = document.createElement('div'); logEntry.className = 'log-entry'; const now = new Date(); const timeStr = `$now.getHours().toString().padStart(2,'0'):$now.getMinutes().toString().padStart(2,'0'):$now.getSeconds().toString().padStart(2,'0')`; logEntry.innerHTML = `[$timeStr] $isAlert ? '⚠️ ' : '🔹 '$message`; if (isAlert) logEntry.style.color = "#ffbc6e"; logEntry.style.borderLeft = "2px solid #ffaa44"; logEntry.style.paddingLeft = "6px"; logListDiv.appendChild(logEntry); // keep scroll at bottom logListDiv.scrollTop = logListDiv.scrollHeight; // limit log entries to avoid infinite (keep last 35) while (logListDiv.children.length > 40) logListDiv.removeChild(logListDiv.firstChild);
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>CPU Cooling Master Register | Thermal Monitor & Fan Control</title> <style> * box-sizing: border-box; user-select: none; body background: linear-gradient(145deg, #0a0f1e 0%, #0c1222 100%); font-family: 'Segoe UI', 'Poppins', 'Inter', system-ui, -apple-system, 'Roboto', sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 20px; cpu cooling master register code free
<!-- REGISTER LOG (system events / cooling actions) --> <div class="register-log"> <div class="log-title"> 📋 COOLING MASTER REGISTER <button id="clearLogBtn" class="reset-btn">clear log</button> </div> <div id="logList"> <div class="log-entry">✓ System ready · thermal probe active</div> <div class="log-entry">🔧 Fan curve: balanced profile</div> </div> </div> <footer>real-time simulation · CPU cooling master register · free core</footer> </div>
// start the cooling master loop (every 1.2 sec) setInterval(mainThermalLoop, 1250); // also update RPM display more often setInterval(() => fanRpmDisplay.innerText = computeRPM(currentFanPercent) + " RPM"; , 400);
/* MAIN CARD */ .cooler-master-panel max-width: 650px; width: 100%; background: rgba(18, 25, 45, 0.75); backdrop-filter: blur(12px); border-radius: 48px; padding: 24px 28px 36px; box-shadow: 0 25px 45px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08); border: 1px solid rgba(0, 255, 255, 0.2); transition: all 0.2s ease; .metric-value font-size: 3rem
clearLogBtn.addEventListener('click', () => while (logListDiv.firstChild) logListDiv.removeChild(logListDiv.firstChild); addLogEntry("🧹 Register log cleared · new session"); addLogEntry(`📊 current status: $currentTemp°C · fan $currentFanPercent% · $activeMode profile`); );
/* METRIC GRID */ .sensor-grid display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 32px;
// map fan percent (0-100) to RPM (typical 300 to 2800 RPM) function computeRPM(percent) let minRPM = 400; let maxRPM = 2800; return Math.floor(minRPM + (percent / 100) * (maxRPM - minRPM)); font-family: 'JetBrains Mono'
.mode-btn flex: 1; background: #111a2e; border: none; padding: 10px 0; border-radius: 60px; font-weight: 600; color: #aac8e6; cursor: pointer; transition: 0.2s; font-size: 0.85rem;
input[type="range"]:focus outline: none;
.fan-header display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; margin-bottom: 20px;
input[type="range"] width: 100%; height: 6px; -webkit-appearance: none; background: linear-gradient(90deg, #0b3b3f, #2dd4bf); border-radius: 10px; outline: none; margin: 14px 0;
.metric-value span font-size: 1.4rem; font-weight: 500; color: #6c8db0;