Weather in Fort Collins, CO 80528

Current Temperature: {weather.temperature}°F

High: {weather.highTemperature}°F

Low: {weather.lowTemperature}°F

Condition: {weather.weatherCode}

\n \n View source: \n {import.meta.url.replace(\"esm.town\", \"val.town\")}\n \n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.url.endsWith('/weather')) {\n const weatherData = await fetchWeather();\n return new Response(JSON.stringify(weatherData), {\n headers: { 'Content-Type': 'application/json' },\n });\n }\n\n return new Response(`\n \n \n Fort Collins Weather\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nfunction celsiusToFahrenheit(celsius: number): number {\n return Math.round((celsius * 9/5) + 32);\n}\n\nasync function fetchWeather() {\n const response = await fetch(\n 'https://api.open-meteo.com/v1/forecast?latitude=40.5853&longitude=-105.0844¤t_weather=true&daily=temperature_2m_max,temperature_2m_min&timezone=America%2FDenver'\n );\n const data = await response.json();\n return {\n temperature: celsiusToFahrenheit(data.current_weather.temperature),\n highTemperature: celsiusToFahrenheit(data.daily.temperature_2m_max[0]),\n lowTemperature: celsiusToFahrenheit(data.daily.temperature_2m_min[0]),\n weatherCode: getWeatherCondition(data.current_weather.weathercode),\n };\n}\n\nfunction getWeatherCondition(code: number): string {\n const conditions: { [key: number]: string } = {\n 0: 'Clear sky',\n 1: 'Mainly clear',\n 2: 'Partly cloudy',\n 3: 'Overcast',\n 45: 'Fog',\n 48: 'Depositing rime fog',\n 51: 'Light drizzle',\n 53: 'Moderate drizzle',\n 55: 'Dense drizzle',\n 61: 'Slight rain',\n 63: 'Moderate rain',\n 65: 'Heavy rain',\n 71: 'Slight snow fall',\n 73: 'Moderate snow fall',\n 75: 'Heavy snow fall',\n 95: 'Thunderstorm',\n };\n return conditions[code] || 'Unknown';\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f8ff;\n}\n\n.weather-container {\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n text-align: center;\n}\n\nh1 {\n color: #333;\n}\n\np {\n color: #666;\n margin: 10px 0;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/rohernan76/promptOrangeHookworm/code/main.tsx","extension","actionData","errors"]