[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_224":225,"_226":227},"routes/_app.x.$handle.$name",{"_93":92,"_31":43,"_101":83,"_26":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","script-with-map.js","latestPath","fileId","2e8dac76-31a8-11f0-9943-569c3dd06744","name","fileType","script","content","document.addEventListener('DOMContentLoaded', () => {\n const clockElement = document.getElementById('clock');\n const dateElement = document.getElementById('date');\n const timezoneElement = document.getElementById('timezone-display');\n const timezoneSelect = document.getElementById('timezone');\n \n // Map initialization\n let map = null;\n let marker = null;\n \n // Initialize the map\n function initMap() {\n // Create the map with a default view\n map = L.map('map').setView([0, 0], 2);\n \n // Add the tile layer (OpenStreetMap)\n L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n attribution: '© OpenStreetMap contributors',\n maxZoom: 18\n }).addTo(map);\n \n // Prevent scrolling the page when scrolling the map\n map.getContainer().addEventListener('wheel', function(e) {\n e.stopPropagation();\n });\n }\n \n // Timezone to coordinates mapping (approximate central points)\n const timezoneCoordinates = {\n // North America\n 'America/New_York': { lat: 40.7128, lng: -74.0060, zoom: 4 },\n 'America/Chicago': { lat: 41.8781, lng: -87.6298, zoom: 4 },\n 'America/Denver': { lat: 39.7392, lng: -104.9903, zoom: 4 },\n 'America/Los_Angeles': { lat: 34.0522, lng: -118.2437, zoom: 4 },\n 'America/Anchorage': { lat: 61.2181, lng: -149.9003, zoom: 4 },\n 'America/Halifax': { lat: 44.6488, lng: -63.5752, zoom: 4 },\n 'America/Toronto': { lat: 43.6532, lng: -79.3832, zoom: 4 },\n 'America/Vancouver': { lat: 49.2827, lng: -123.1207, zoom: 4 },\n \n // Europe\n 'Europe/London': { lat: 51.5074, lng: -0.1278, zoom: 4 },\n 'Europe/Paris': { lat: 48.8566, lng: 2.3522, zoom: 4 },\n 'Europe/Berlin': { lat: 52.5200, lng: 13.4050, zoom: 4 },\n 'Europe/Rome': { lat: 41.9028, lng: 12.4964, zoom: 4 },\n 'Europe/Madrid': { lat: 40.4168, lng: -3.7038, zoom: 4 },\n 'Europe/Moscow': { lat: 55.7558, lng: 37.6173, zoom: 4 },\n 'Europe/Athens': { lat: 37.9838, lng: 23.7275, zoom: 4 },\n 'Europe/Istanbul': { lat: 41.0082, lng: 28.9784, zoom: 4 },\n \n // Asia\n 'Asia/Tokyo': { lat: 35.6762, lng: 139.6503, zoom: 4 },\n 'Asia/Shanghai': { lat: 31.2304, lng: 121.4737, zoom: 4 },\n 'Asia/Hong_Kong': { lat: 22.3193, lng: 114.1694, zoom: 4 },\n 'Asia/Singapore': { lat: 1.3521, lng: 103.8198, zoom: 4 },\n 'Asia/Dubai': { lat: 25.2048, lng: 55.2708, zoom: 4 },\n 'Asia/Kolkata': { lat: 28.6139, lng: 77.2090, zoom: 4 },\n 'Asia/Seoul': { lat: 37.5665, lng: 126.9780, zoom: 4 },\n 'Asia/Bangkok': { lat: 13.7563, lng: 100.5018, zoom: 4 },\n \n // Pacific\n 'Pacific/Honolulu': { lat: 21.3069, lng: -157.8583, zoom: 4 },\n 'Pacific/Auckland': { lat: -36.8485, lng: 174.7633, zoom: 4 },\n 'Pacific/Fiji': { lat: -17.7134, lng: 178.0650, zoom: 4 },\n 'Pacific/Guam': { lat: 13.4443, lng: 144.7937, zoom: 4 },\n \n // Australia\n 'Australia/Sydney': { lat: -33.8688, lng: 151.2093, zoom: 4 },\n 'Australia/Melbourne': { lat: -37.8136, lng: 144.9631, zoom: 4 },\n 'Australia/Perth': { lat: -31.9505, lng: 115.8605, zoom: 4 },\n 'Australia/Brisbane': { lat: -27.4698, lng: 153.0251, zoom: 4 },\n \n // South America\n 'America/Sao_Paulo': { lat: -23.5505, lng: -46.6333, zoom: 4 },\n 'America/Buenos_Aires': { lat: -34.6037, lng: -58.3816, zoom: 4 },\n 'America/Santiago': { lat: -33.4489, lng: -70.6693, zoom: 4 },\n 'America/Lima': { lat: -12.0464, lng: -77.0428, zoom: 4 },\n \n // Africa\n 'Africa/Cairo': { lat: 30.0444, lng: 31.2357, zoom: 4 },\n 'Africa/Johannesburg': { lat: -26.2041, lng: 28.0473, zoom: 4 },\n 'Africa/Lagos': { lat: 6.5244, lng: 3.3792, zoom: 4 },\n 'Africa/Nairobi': { lat: -1.2921, lng: 36.8219, zoom: 4 }\n };\n \n // Update the map based on selected timezone\n function updateMap(timezone) {\n if (!map) return;\n \n if (timezone === 'local') {\n // For local timezone, try to get user's location or use a default view\n const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n \n if (timezoneCoordinates[userTimezone]) {\n const coords = timezoneCoordinates[userTimezone];\n map.setView([coords.lat, coords.lng], coords.zoom);\n \n // Update or create marker\n if (marker) {\n marker.setLatLng([coords.lat, coords.lng]);\n } else {\n marker = L.marker([coords.lat, coords.lng]).addTo(map);\n }\n \n marker.bindPopup(`Local Time: ${userTimezone}`).openPopup();\n } else {\n // Default world view if we can't determine location\n map.setView([0, 0], 2);\n if (marker) {\n map.removeLayer(marker);\n marker = null;\n }\n }\n } else if (timezoneCoordinates[timezone]) {\n // Set view to the selected timezone\n const coords = timezoneCoordinates[timezone];\n map.setView([coords.lat, coords.lng], coords.zoom);\n \n // Update or create marker\n if (marker) {\n marker.setLatLng([coords.lat, coords.lng]);\n } else {\n marker = L.marker([coords.lat, coords.lng]).addTo(map);\n }\n \n // Format the timezone name for display\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n marker.bindPopup(`${formattedName}`).openPopup();\n } else {\n // If timezone not in our coordinates list, show world view\n map.setView([0, 0], 2);\n if (marker) {\n map.removeLayer(marker);\n marker = null;\n }\n }\n }\n \n // Common timezone groups\n const timezoneGroups = {\n 'Popular': [\n 'America/New_York',\n 'America/Los_Angeles',\n 'Europe/London',\n 'Europe/Paris',\n 'Asia/Tokyo',\n 'Australia/Sydney',\n 'Asia/Dubai',\n 'Asia/Shanghai'\n ],\n 'North America': [\n 'America/New_York',\n 'America/Chicago',\n 'America/Denver',\n 'America/Los_Angeles',\n 'America/Anchorage',\n 'America/Halifax',\n 'America/Toronto',\n 'America/Vancouver'\n ],\n 'Europe': [\n 'Europe/London',\n 'Europe/Paris',\n 'Europe/Berlin',\n 'Europe/Rome',\n 'Europe/Madrid',\n 'Europe/Moscow',\n 'Europe/Athens',\n 'Europe/Istanbul'\n ],\n 'Asia': [\n 'Asia/Tokyo',\n 'Asia/Shanghai',\n 'Asia/Hong_Kong',\n 'Asia/Singapore',\n 'Asia/Dubai',\n 'Asia/Kolkata',\n 'Asia/Seoul',\n 'Asia/Bangkok'\n ],\n 'Pacific': [\n 'Pacific/Honolulu',\n 'Pacific/Auckland',\n 'Pacific/Fiji',\n 'Pacific/Guam'\n ],\n 'Australia': [\n 'Australia/Sydney',\n 'Australia/Melbourne',\n 'Australia/Perth',\n 'Australia/Brisbane'\n ],\n 'South America': [\n 'America/Sao_Paulo',\n 'America/Buenos_Aires',\n 'America/Santiago',\n 'America/Lima'\n ],\n 'Africa': [\n 'Africa/Cairo',\n 'Africa/Johannesburg',\n 'Africa/Lagos',\n 'Africa/Nairobi'\n ]\n };\n\n // Populate timezone dropdown with optgroups\n function populateTimezoneSelect() {\n // Clear existing options\n timezoneSelect.innerHTML = '';\n \n // Add user's local timezone at the top\n const localOption = document.createElement('option');\n localOption.value = 'local';\n localOption.textContent = 'Local Time';\n timezoneSelect.appendChild(localOption);\n \n // Add timezone groups\n for (const [group, timezones] of Object.entries(timezoneGroups)) {\n const optgroup = document.createElement('optgroup');\n optgroup.label = group;\n optgroup.className = 'timezone-option-group';\n \n timezones.forEach(timezone => {\n const option = document.createElement('option');\n option.value = timezone;\n \n // Format the timezone name for display\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n \n // Get current time in this timezone for display\n const timeInZone = new Date().toLocaleTimeString('en-US', { \n timeZone: timezone,\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n \n option.textContent = `${formattedName} (${timeInZone})`;\n optgroup.appendChild(option);\n });\n \n timezoneSelect.appendChild(optgroup);\n }\n }\n\n // Update the clock display\n function updateClock() {\n const selectedTimezone = timezoneSelect.value;\n const now = new Date();\n let timeOptions, dateOptions;\n \n // Apply the pulse animation\n clockElement.classList.add('time-update');\n setTimeout(() => {\n clockElement.classList.remove('time-update');\n }, 500);\n \n if (selectedTimezone === 'local') {\n // Local time\n timeOptions = { \n hour: '2-digit', \n minute: '2-digit', \n second: '2-digit',\n hour12: false\n };\n \n dateOptions = { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric'\n };\n \n timezoneElement.textContent = `Local Time (${Intl.DateTimeFormat().resolvedOptions().timeZone})`;\n } else {\n // Specific timezone\n timeOptions = { \n timeZone: selectedTimezone,\n hour: '2-digit', \n minute: '2-digit', \n second: '2-digit',\n hour12: false\n };\n \n dateOptions = { \n timeZone: selectedTimezone,\n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric'\n };\n \n timezoneElement.textContent = selectedTimezone.replace('_', ' ');\n }\n \n const timeString = now.toLocaleTimeString('en-US', timeOptions);\n const dateString = now.toLocaleDateString('en-US', dateOptions);\n \n clockElement.textContent = timeString;\n dateElement.textContent = dateString;\n }\n\n // Initialize the page\n populateTimezoneSelect();\n \n // Set initial timezone to local\n timezoneSelect.value = 'local';\n \n // Initialize map after DOM is fully loaded\n initMap();\n \n // Update clock and map immediately\n updateClock();\n updateMap('local');\n \n // Update clock every second\n setInterval(updateClock, 1000);\n \n // Handle timezone changes\n timezoneSelect.addEventListener('change', () => {\n const selectedTimezone = timezoneSelect.value;\n \n // Update clock\n updateClock();\n \n // Update map\n updateMap(selectedTimezone);\n \n // Update all timezone options with current time\n const optgroups = timezoneSelect.querySelectorAll('optgroup');\n optgroups.forEach(optgroup => {\n const options = optgroup.querySelectorAll('option');\n options.forEach(option => {\n if (option.value !== 'local') {\n const timezone = option.value;\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n \n const timeInZone = new Date().toLocaleTimeString('en-US', { \n timeZone: timezone,\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n \n option.textContent = `${formattedName} (${timeInZone})`;\n }\n });\n });\n });\n \n // Handle window resize to fix map rendering issues\n window.addEventListener('resize', () => {\n if (map) {\n map.invalidateSize();\n }\n });\n});","createdAt",["D",1747325885357],"branchVersion","branchId","1ab6fee8-31a6-11f0-b87b-569c3dd06744","id","1ab6a74a-31a6-11f0-b87b-569c3dd06744","worldclock",["D",1747324993095],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A simple, interactive world clock","imageUrl","3a4facd0-197a-11f0-a97f-49be2029e0a3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","9659b6c6-5985-4ad1-8fef-2b6e8ce6def7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_93":92,"_100":96},"org",{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":24},"branch",{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","evilmathwalnuts","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydmpuSzVwNEtyblBsUW9MNjZrUFFpbEdkdEYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":220,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":221,"_77":222,"_79":223,"_81":24},"tree",[191,192,193,194,195,196,197],"files",[191,192,193,194,195,196,197],"counts",{"_181":59,"_182":146,"_183":59,"_184":185,"_186":187},"contents",[124,125,126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_41":174,"_31":175,"_29":176,"_134":-5,"_39":40,"_38":177,"_136":24,"_36":178,"_13":146,"_32":20,"_34":179,"_23":24,"_139":-5,"_26":180},{"_41":167,"_31":168,"_29":169,"_134":-5,"_39":40,"_38":170,"_136":119,"_36":171,"_13":59,"_32":20,"_34":172,"_23":24,"_139":-5,"_26":173},{"_41":160,"_31":161,"_29":162,"_134":-5,"_39":40,"_38":163,"_136":119,"_36":164,"_13":135,"_32":20,"_34":165,"_23":24,"_139":-5,"_26":166},{"_41":157,"_31":27,"_29":30,"_134":-5,"_39":40,"_38":14,"_136":119,"_36":158,"_13":59,"_32":33,"_34":35,"_23":24,"_139":-5,"_26":159},{"_41":150,"_31":151,"_29":152,"_134":-5,"_39":40,"_38":153,"_136":119,"_36":154,"_13":59,"_32":33,"_34":155,"_23":24,"_139":-5,"_26":156},{"_41":141,"_31":142,"_29":143,"_134":-5,"_39":40,"_38":144,"_136":24,"_36":145,"_13":146,"_32":147,"_34":148,"_23":24,"_139":-5,"_26":149},{"_41":131,"_31":132,"_29":133,"_134":-5,"_39":40,"_38":135,"_136":119,"_36":137,"_13":59,"_32":20,"_34":138,"_23":24,"_139":-5,"_26":140},"4e2126b4-31a6-11f0-b87b-569c3dd06744","style.css","4e212772-31a6-11f0-b87b-569c3dd06744","parentId",2,"latest",["D",1747325079355],"/* Additional custom styles beyond Tailwind */\n#clock {\n font-feature-settings: \"tnum\";\n letter-spacing: 0.05em;\n}\n\n.timezone-option-group {\n font-weight: bold;\n color: #4a5568;\n}\n\n/* Animation for clock updates */\n@keyframes pulse {\n 0% { opacity: 1; }\n 50% { opacity: 0.7; }\n 100% { opacity: 1; }\n}\n\n.time-update {\n animation: pulse 0.5s ease-in-out;\n}","label",[132],"9b532d06-31a6-11f0-a61a-569c3dd06744","server.js","9537c33c-31a6-11f0-ae66-569c3dd06744",8,["D",1747325208864],1,"http","import { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport default async function(req) {\n const url = new URL(req.url);\n const path = url.pathname;\n \n try {\n // Serve the main HTML file for the root path\n if (path === \"/\" || path === \"\") {\n const html = await readFile(\"/index.html\", import.meta.url);\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\"\n }\n });\n }\n \n // Serve CSS file\n if (path === \"/style.css\") {\n const css = await readFile(\"/style.css\", import.meta.url);\n return new Response(css, {\n headers: {\n \"Content-Type\": \"text/css; charset=utf-8\"\n }\n });\n }\n \n // Serve JavaScript file\n if (path === \"/script.js\") {\n const js = await readFile(\"/script.js\", import.meta.url);\n return new Response(js, {\n headers: {\n \"Content-Type\": \"application/javascript; charset=utf-8\"\n }\n });\n }\n \n // Return 404 for any other paths\n return new Response(\"Not Found\", {\n status: 404,\n headers: {\n \"Content-Type\": \"text/plain\"\n }\n });\n } catch (error) {\n console.error(\"Error serving file:\", error);\n return new Response(`Server Error: ${error.message}`, {\n status: 500,\n headers: {\n \"Content-Type\": \"text/plain\"\n }\n });\n }\n}",[142],"5c27cbdc-31a6-11f0-8d22-569c3dd06744","script.js","5c27ccb8-31a6-11f0-8d22-569c3dd06744",3,["D",1747325102881],"document.addEventListener('DOMContentLoaded', () => {\n const clockElement = document.getElementById('clock');\n const dateElement = document.getElementById('date');\n const timezoneElement = document.getElementById('timezone-display');\n const timezoneSelect = document.getElementById('timezone');\n \n // Common timezone groups\n const timezoneGroups = {\n 'Popular': [\n 'America/New_York',\n 'America/Los_Angeles',\n 'Europe/London',\n 'Europe/Paris',\n 'Asia/Tokyo',\n 'Australia/Sydney',\n 'Asia/Dubai',\n 'Asia/Shanghai'\n ],\n 'North America': [\n 'America/New_York',\n 'America/Chicago',\n 'America/Denver',\n 'America/Los_Angeles',\n 'America/Anchorage',\n 'America/Halifax',\n 'America/Toronto',\n 'America/Vancouver'\n ],\n 'Europe': [\n 'Europe/London',\n 'Europe/Paris',\n 'Europe/Berlin',\n 'Europe/Rome',\n 'Europe/Madrid',\n 'Europe/Moscow',\n 'Europe/Athens',\n 'Europe/Istanbul'\n ],\n 'Asia': [\n 'Asia/Tokyo',\n 'Asia/Shanghai',\n 'Asia/Hong_Kong',\n 'Asia/Singapore',\n 'Asia/Dubai',\n 'Asia/Kolkata',\n 'Asia/Seoul',\n 'Asia/Bangkok'\n ],\n 'Pacific': [\n 'Pacific/Honolulu',\n 'Pacific/Auckland',\n 'Pacific/Fiji',\n 'Pacific/Guam'\n ],\n 'Australia': [\n 'Australia/Sydney',\n 'Australia/Melbourne',\n 'Australia/Perth',\n 'Australia/Brisbane'\n ],\n 'South America': [\n 'America/Sao_Paulo',\n 'America/Buenos_Aires',\n 'America/Santiago',\n 'America/Lima'\n ],\n 'Africa': [\n 'Africa/Cairo',\n 'Africa/Johannesburg',\n 'Africa/Lagos',\n 'Africa/Nairobi'\n ]\n };\n\n // Populate timezone dropdown with optgroups\n function populateTimezoneSelect() {\n // Clear existing options\n timezoneSelect.innerHTML = '';\n \n // Add user's local timezone at the top\n const localOption = document.createElement('option');\n localOption.value = 'local';\n localOption.textContent = 'Local Time';\n timezoneSelect.appendChild(localOption);\n \n // Add timezone groups\n for (const [group, timezones] of Object.entries(timezoneGroups)) {\n const optgroup = document.createElement('optgroup');\n optgroup.label = group;\n optgroup.className = 'timezone-option-group';\n \n timezones.forEach(timezone => {\n const option = document.createElement('option');\n option.value = timezone;\n \n // Format the timezone name for display\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n \n // Get current time in this timezone for display\n const timeInZone = new Date().toLocaleTimeString('en-US', { \n timeZone: timezone,\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n \n option.textContent = `${formattedName} (${timeInZone})`;\n optgroup.appendChild(option);\n });\n \n timezoneSelect.appendChild(optgroup);\n }\n }\n\n // Update the clock display\n function updateClock() {\n const selectedTimezone = timezoneSelect.value;\n const now = new Date();\n let timeOptions, dateOptions;\n \n // Apply the pulse animation\n clockElement.classList.add('time-update');\n setTimeout(() => {\n clockElement.classList.remove('time-update');\n }, 500);\n \n if (selectedTimezone === 'local') {\n // Local time\n timeOptions = { \n hour: '2-digit', \n minute: '2-digit', \n second: '2-digit',\n hour12: false\n };\n \n dateOptions = { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric'\n };\n \n timezoneElement.textContent = `Local Time (${Intl.DateTimeFormat().resolvedOptions().timeZone})`;\n } else {\n // Specific timezone\n timeOptions = { \n timeZone: selectedTimezone,\n hour: '2-digit', \n minute: '2-digit', \n second: '2-digit',\n hour12: false\n };\n \n dateOptions = { \n timeZone: selectedTimezone,\n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric'\n };\n \n timezoneElement.textContent = selectedTimezone.replace('_', ' ');\n }\n \n const timeString = now.toLocaleTimeString('en-US', timeOptions);\n const dateString = now.toLocaleDateString('en-US', dateOptions);\n \n clockElement.textContent = timeString;\n dateElement.textContent = dateString;\n }\n\n // Initialize the page\n populateTimezoneSelect();\n \n // Set initial timezone to local\n timezoneSelect.value = 'local';\n \n // Update clock immediately and then every second\n updateClock();\n setInterval(updateClock, 1000);\n \n // Handle timezone changes\n timezoneSelect.addEventListener('change', () => {\n updateClock();\n \n // Update all timezone options with current time\n const optgroups = timezoneSelect.querySelectorAll('optgroup');\n optgroups.forEach(optgroup => {\n const options = optgroup.querySelectorAll('option');\n options.forEach(option => {\n if (option.value !== 'local') {\n const timezone = option.value;\n const formattedName = timezone.replace('_', ' ').split('/').pop();\n \n const timeInZone = new Date().toLocaleTimeString('en-US', { \n timeZone: timezone,\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n \n option.textContent = `${formattedName} (${timeInZone})`;\n }\n });\n });\n });\n});",[151],"2e8dabe0-31a8-11f0-9943-569c3dd06744",["D",1747325885357],[27],"9900eb9c-31a6-11f0-a334-569c3dd06744","index.html","4a7a4e82-31a6-11f0-92f1-569c3dd06744",7,["D",1747325204969],"\n\n\n \n \n World Clock\n \n \n \n\n\n

World Clock

\n \n

\n Select Timezone:\n \n

\n \n

00:00:00

Loading date...

Loading timezone...

\n \n \n \n \n\n",[161],"0ee59938-31a8-11f0-ae47-569c3dd06744","index-with-map.html","0ee599e2-31a8-11f0-ae47-569c3dd06744",10,["D",1747325832263],"\n\n\n \n \n World Clock with Map\n \n \n \n \n \n \n \n\n\n

World Clock

\n \n

\n Select Timezone:\n \n

\n \n

00:00:00

Loading date...

Loading timezone...

\n \n

\n Map shows approximate location of selected timezone\n

\n \n \n \n \n\n",[168],"a07a6c54-31a6-11f0-828d-569c3dd06744","README.md","63080908-31a6-11f0-99fd-569c3dd06744",9,["D",1747325217509],"# World Clock\n\nA simple, interactive world clock web application that allows users to view the current time in different timezones around the world.\n\n## Features\n\n- Display current time and date\n- Select from a wide range of timezones organized by region\n- Real-time clock updates\n- Responsive design that works on mobile and desktop\n- Visual feedback when time updates\n\n## Implementation Details\n\nThis project is built with:\n\n- Vanilla JavaScript (no frameworks)\n- Tailwind CSS for styling (via CDN)\n- HTML5\n\nThe application uses the browser's built-in `Date` object and `Intl.DateTimeFormat` API to handle timezone conversions and formatting.\n\n## File Structure\n\n- `index.html` - Main HTML file with the clock display and timezone selector\n- `script.js` - JavaScript to handle the clock functionality and timezone selection\n- `style.css` - Additional CSS styles beyond Tailwind\n- `server.js` - Server-side code to handle HTTP requests and serve the static files\n\n## How It Works\n\n1. The application loads with the user's local timezone selected by default\n2. Users can select a different timezone from the dropdown menu\n3. The clock updates every second to show the current time in the selected timezone\n4. The date and timezone information are also displayed\n\n## Future Improvements\n\n- Add ability to save favorite timezones\n- Add a dark mode toggle\n- Add a map visualization of the selected timezone\n- Add multiple clocks on the same page for comparison",[175],"pulls","branches","forks","envVars",{"_188":59,"_190":59},"connections",{"_188":59,"_189":59},"count","unfilledCount","emptyCount",{"_41":174,"_31":175,"_29":176,"_134":-5,"_39":40,"_38":177,"_136":24,"_36":217,"_13":146,"_32":20,"_34":179,"_23":24,"_139":-5,"_199":218,"_26":219},{"_41":167,"_31":168,"_29":169,"_134":-5,"_39":40,"_38":170,"_136":119,"_36":214,"_13":59,"_32":20,"_34":172,"_23":24,"_139":-5,"_199":215,"_26":216},{"_41":160,"_31":161,"_29":162,"_134":-5,"_39":40,"_38":163,"_136":119,"_36":211,"_13":135,"_32":20,"_34":165,"_23":24,"_139":-5,"_199":212,"_26":213},{"_41":157,"_31":27,"_29":30,"_134":-5,"_39":40,"_38":14,"_136":119,"_36":208,"_13":59,"_32":33,"_34":35,"_23":24,"_139":-5,"_199":209,"_26":210},{"_41":150,"_31":151,"_29":152,"_134":-5,"_39":40,"_38":153,"_136":119,"_36":205,"_13":59,"_32":33,"_34":155,"_23":24,"_139":-5,"_199":206,"_26":207},{"_41":141,"_31":142,"_29":143,"_134":-5,"_39":40,"_38":144,"_136":24,"_36":202,"_13":146,"_32":147,"_34":148,"_23":24,"_139":-5,"_199":203,"_26":204},{"_41":131,"_31":132,"_29":133,"_134":-5,"_39":40,"_38":135,"_136":119,"_36":198,"_13":59,"_32":20,"_34":138,"_23":24,"_139":-5,"_199":200,"_26":201},["D",1747325079355],"children",[],[132],["D",1747325208864],[],[142],["D",1747325102881],[],[151],["D",1747325885357],[],[27],["D",1747325204969],[],[161],["D",1747325832263],[],[168],["D",1747325217509],[],[175],["D",1747324993095],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":24},{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"ctx",{"_75":-5,"_121":257,"_258":259,"_260":261,"_262":24,"_263":24,"_264":24,"_265":119,"_266":-5,"_267":-7,"_268":-7,"_269":59,"_270":24,"_271":24,"_272":-5,"_273":24,"_274":24,"_275":24,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":83,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v11