https://michaelbardales.com Michael Bardales-Urióstegui Studio Fri, 15 Aug 2025 04:57:27 +0000 https://michaelbardales.com en https://michaelbardales.com/Home Fri, 15 Aug 2025 04:57:27 +0000 Michael Bardales-Urióstegui Studio https://michaelbardales.com/Home /* Load VCR OSD Mono font */ @import url('https://cdn.jsdelivr.net/gh/ufonts/ufonts@main/fonts/VCR_OSD_MONO/VCR_OSD_MONO.css'); .clock-wrapper { display: flex; /* horizontal layout */ justify-content: center; /* center horizontally */ align-items: center; /* vertical alignment */ gap: 1.5rem; /* space between date and time */ width: 100%; /* full container width */ } .digital-clock, .digital-date { font-family: 'VCR OSD Mono', monospace; font-weight: normal; font-style: normal; /* remove italic */ color: black; background: transparent; user-select: none; letter-spacing: 0.00em; /* spacing between characters */ font-size: 2.5rem; } /* Responsive font size for mobile */ @media (max-width: 600px) { .digital-clock, .digital-date { font-size: 1.8rem; } } function updatePacificClock() { const now = new Date(); // Time options in Pacific Time Zone, 12-hour format WITHOUT AM/PM const options = { timeZone: 'America/Los_Angeles', hour12: true, hour: '2-digit', minute: '2-digit', second: '2-digit', }; let timeString = new Intl.DateTimeFormat('en-US', options).format(now); timeString = timeString.replace(/s[AP]M$/i, ''); // remove AM/PM for fixed width document.getElementById('digitalClock').textContent = timeString; // Get Pacific time date parts const dateOptions = { timeZone: 'America/Los_Angeles' }; const pacificDate = new Date(now.toLocaleString('en-US', dateOptions)); const month = pacificDate.getMonth() + 1; const day = pacificDate.getDate(); const year = pacificDate.getFullYear(); document.getElementById('digitalDate').textContent = `${month}.${day}.${year}`; } setInterval(updatePacificClock, 1000); // update every second updatePacificClock(); // initial call <img width="1693" height="585" width_o="1693" height_o="585" data-src="https://freight.cargo.site/t/original/i/3f76c830d82390321434779a5362a5a283cf46dbcd5891f4c55941a1e80193e0/image-5.png" data-mid="237055488" border="0" src="https://freight.cargo.site/w/1000/i/3f76c830d82390321434779a5362a5a283cf46dbcd5891f4c55941a1e80193e0/image-5.png" />