.btn-primary background: #2d6a4f; color: white; border: none; padding: 12px 24px; font-size: 1rem; font-weight: bold; border-radius: 40px; cursor: pointer; margin-top: 12px; width: 100%; transition: background 0.2s;
// GET /api/jex/latest app.get('/api/jex/latest', (req, res) => const latestVersion = '2.5.0'; const releaseDate = '2026-04-10'; res.json( version: latestVersion, releaseDate, releaseNotes: [ "✨ New dark mode UI", "⚡ 30% faster sync", "🐛 Fixed connection timeout bug" ], downloads: windows: https://cdn.jex.com/client/$latestVersion/Jex-Setup-$latestVersion.exe , mac: https://cdn.jex.com/client/$latestVersion/Jex-$latestVersion.dmg , "mac-arm": https://cdn.jex.com/client/$latestVersion/Jex-$latestVersion-arm64.dmg , linux: https://cdn.jex.com/client/$latestVersion/jex_$latestVersion_amd64.deb
.platform-btn:hover background: #dee2e6;
if (detectedOS && detectedSpan) detectedSpan.textContent = getReadableOS(detectedOS); osLabel.textContent = getReadableOS(detectedOS); Jex Client Download
.platform-btn background: #e9ecef; border: none; padding: 8px 16px; border-radius: 40px; cursor: pointer; font-size: 0.9rem; transition: background 0.2s;
.os-detection background: #f0f4f9; padding: 1rem; border-radius: 16px; margin-bottom: 1.5rem; text-align: center;
// Add manual platform buttons document.querySelectorAll('.platform-btn').forEach(btn => btn.addEventListener('click', (e) => const osKey = btn.getAttribute('data-os'); downloadClient(osKey); ); ); .btn-primary background: #2d6a4f
primaryBtn.onclick = () => downloadClient(detectedOS); else detectedSpan.textContent = 'Unknown (select manually)'; osLabel.textContent = 'your OS'; primaryBtn.onclick = () => alert('Please select your OS from the options below.');
// 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]
<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(); padding: 12px 24px
.btn-primary:hover background: #1b4d3e;
@keyframes fadeInOut 0% opacity: 0; bottom: 0; 10% opacity: 1; bottom: 20px; 90% opacity: 1; bottom: 20px; 100% opacity: 0; bottom: 0;
.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;
.jex-download-card h2 margin-top: 0; color: #1a2b3e;