SHAPED BY AN ODYSSEY,
WITNESS TO AN ERA
JOIN THE CREATION
Mu:n orchestrates ephemeral watchmaking projects in partnership with renowned workshops.
We invite you to follow, participate in and influence the creative process.
" AN EXTRAORDINARY WATCHMAKING PROJECT, AN INNOVATIVE HOROLOGICAL ADVENTURE "
"THE MOON IS MAJESTICALLY PLACED AT THE CENTER OF A MAGNIFICENT COMPOSITION"
"A TRIBUTE TO THE ASTRONOMICAL PRECISION OF WHICH THE WATCHMAKING IS HERE A WITNESS".
" AN ADVENTURE AS FASCINATING AS IT IS EXCITING FOR ANY WATCHMAKING ENTHUSIAST "
Our series
Artémis collection
MU:N PROJECTS
The ambition of the Mu:n projects is to offer enthusiasts a new way to participate, influence and follow the entire watchmaking process.
This approach is based on three commitments, at the heart of the manifesto: collaboration, transparency, and accuracy.
SÉRIE LIMITÉE - INDISPONIBLE
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Compte à rebours</title> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet"> <style> body { font-family: 'Poppins', sans-serif; color: white; background-color: black; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; } .countdown-container { display: flex; align-items: baseline; } .countdown-el { display: inline-block; margin: 0 10px; text-align: center; } .big-text { font-size: 30px; font-weight: 300; line-height: 1; margin: 0; } .small-text { font-size: 8px; vertical-align: botton; } </style> </head> <body> <div class="countdown-container"> <div class="countdown-el"> <p class="big-text" id="hours">00<span class="small-text"> H </span></p> </div> <div class="countdown-el"> <p class="big-text" id="minutes">00<span class="small-text"> M </span></p> </div> <div class="countdown-el"> <p class="big-text" id="seconds">00<span class="small-text"> S </span></p> </div> </div> <script> const countdown = () => { const countToDate = new Date('April 24, 2024 16:00:00').getTime(); const now = new Date().getTime(); const gap = countToDate - now; // If the countdown is over, clear the interval if (gap < 0) { clearInterval(intervalId); document.getElementById('hours').innerHTML = '00<span class="small-text"> H </span>'; document.getElementById('minutes').innerHTML = '00<span class="small-text"> M </span>'; document.getElementById('seconds').innerHTML = '00<span class="small-text"> S </span>'; return; } const second = 1000; const minute = second * 60; const hour = minute * 60; const textHour = Math.floor(gap / hour); const textMinute = Math.floor((gap % hour) / minute); const textSecond = Math.floor((gap % minute) / second); document.getElementById('hours').innerHTML = textHour.toString().padStart(2, '0') + '<span class="small-text"> H </span>'; document.getElementById('minutes').innerHTML = textMinute.toString().padStart(2, '0') + '<span class="small-text"> M </span>'; document.getElementById('seconds').innerHTML = textSecond.toString().padStart(2, '0') + '<span class="small-text"> S </span>'; }; // Start the countdown const intervalId = setInterval(countdown, 1000); </script> </body> </html>
1 model left