', iconSize: [ 48, 48 ], iconAnchor: [ 24, 24 ] }); const issMarker = L.marker([ 0, 0 ], { icon: issIcon }).addTo(mapInstance); setMap(mapInstance); setMarker(issMarker); }; } }, []); useEffect(()=>{ fetchISSLocation(); const interval = setInterval(fetchISSLocation, 5000); return ()=>clearInterval(interval); }, [ fetchISSLocation ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#000814] text-white relative overflow-hidden", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-0", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, [ ...Array.from({ length: 100 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "absolute rounded-full bg-white", style: { top: `${Math.random() * 100}%`, left: `${Math.random() * 100}%`, width: `${Math.random() * 3}px`, height: `${Math.random() * 3}px`, animation: `twinkle ${Math.random() * 3 + 2}s infinite` }, __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-7xl font-crimson-text text-center mb-12 animate-fade-in", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "Space Explorer"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[600px] mb-12 rounded-lg overflow-hidden shadow-2xl transition-transform hover:scale-[1.01]", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { id: "map", className: "w-full h-full", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 mb-12", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(SpaceCard, { __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Current ISS Position"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, issData ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", { className: "block", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }, "Latitude: ", Number(issData.latitude).toFixed(4), "°"), /*#__PURE__*/ React.createElement("span", { className: "block", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, "Longitude: ", Number(issData.longitude).toFixed(4), "°"), /*#__PURE__*/ React.createElement("span", { className: "block mt-2 text-sm", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, "Updates every 5 seconds")) : "Loading coordinates...")), /*#__PURE__*/ React.createElement(SpaceCard, { __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "Fun Space Fact"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, "One day on Venus is longer than one year on Venus! Venus takes 243 Earth days to rotate on its axis but only 225 Earth days to orbit the Sun.")), /*#__PURE__*/ React.createElement(SpaceCard, { __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, "Humans in Space"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "There are currently 7 astronauts aboard the International Space Station, conducting research and maintaining the orbital laboratory."))), /*#__PURE__*/ React.createElement("footer", { className: "text-center text-sm text-gray-400 py-4", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }, "Made with 💫")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 142, columnNumber: 7 }, __self: this }, ` @keyframes twinkle { 0%, 100% { opacity: 0.2; } 50% { opacity: 1; } } @keyframes fade-in { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate-fade-in { animation: fade-in 1.5s ease-out; } #map { background: #000814; height: 600px !important; } .iss-marker { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; position: relative; } .iss-marker::after { content: ''; position: absolute; width: 100%; height: 100%; background: radial-gradient(circle, rgba(0,255,157,0.4) 0%, rgba(0,255,157,0) 70%); border-radius: 50%; animation: pulse 2s infinite; } `)); }