if (detectedOS && detectedSpan) detectedSpan.textContent = getReadableOS(detectedOS); osLabel.textContent = getReadableOS(detectedOS);
.toast-notification position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #1e293b; color: white; padding: 10px 20px; border-radius: 40px; font-size: 0.9rem; z-index: 1000; animation: fadeInOut 3s ease;
@keyframes fadeInOut 0% opacity: 0; bottom: 0; 10% opacity: 1; bottom: 20px; 90% opacity: 1; bottom: 20px; 100% opacity: 0; bottom: 0;
.platform-btn:hover background: #dee2e6; Jex Client Download
// Run when DOM ready document.addEventListener('DOMContentLoaded', initJexDownload); .jex-download-card max-width: 500px; margin: 2rem auto; padding: 1.8rem; background: #ffffff; border-radius: 24px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); font-family: system-ui, -apple-system, sans-serif;
// Initialize feature function initJexDownload() const detectedOS = detectOS(); const osLabel = document.getElementById('primary-os-label'); const detectedSpan = document.getElementById('detected-os-name'); const primaryBtn = document.getElementById('primary-download-btn');
.os-detection background: #f0f4f9; padding: 1rem; border-radius: 16px; margin-bottom: 1.5rem; text-align: center; if (detectedOS && detectedSpan) detectedSpan
.platform-btn background: #e9ecef; border: none; padding: 8px 16px; border-radius: 40px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s;
if (platform.includes('linux')) return 'linux'; return null;
// Get readable OS name function getReadableOS(osKey) const names = windows: 'Windows 64-bit', mac: 'macOS (Intel)', 'mac-arm': 'macOS (Apple Silicon)', linux: 'Linux (.deb)', 'linux-rpm': 'Linux (.rpm)' ; return names[osKey] osLabel.textContent = getReadableOS(detectedOS)
// Toast notification function showToast(message) const toast = document.createElement('div'); toast.className = 'toast-notification'; toast.textContent = message; document.body.appendChild(toast); setTimeout(() => toast.remove(), 3000);
.btn-primary:hover background: #1b4d3e;
<details class="release-notes"> <summary>📝 Release Notes v2.5.0</summary> <ul> <li>✨ New dark mode UI</li> <li>⚡ 30% faster sync</li> <li>🐛 Fixed connection timeout bug</li> </ul> </details> </div> // Download URLs mapping const downloadUrls = windows: 'https://cdn.jex.com/client/latest/Jex-Setup-2.5.0.exe', mac: 'https://cdn.jex.com/client/latest/Jex-2.5.0.dmg', 'mac-arm': 'https://cdn.jex.com/client/latest/Jex-2.5.0-arm64.dmg', linux: 'https://cdn.jex.com/client/latest/jex_2.5.0_amd64.deb', 'linux-rpm': 'https://cdn.jex.com/client/latest/jex-2.5.0-1.x86_64.rpm' ; // Detect OS function detectOS() const platform = navigator.platform.toLowerCase(); const userAgent = navigator.userAgent.toLowerCase();