Show weather conditions for each day

diff --git a/descriptions.json b/descriptions.json
new file mode 100644 (file)
index 0000000..8ca1587
--- /dev/null
+++ b/descriptions.json
@@ -0,0 +1,282 @@
+{
+       "0":{
+               "day":{
+                       "description":"Sunny",
+                       "image":"http://openweathermap.org/img/wn/01d@2x.png"
+               },
+               "night":{
+                       "description":"Clear",
+                       "image":"http://openweathermap.org/img/wn/01n@2x.png"
+               }
+       },
+       "1":{
+               "day":{
+                       "description":"Mainly Sunny",
+                       "image":"http://openweathermap.org/img/wn/01d@2x.png"
+               },
+               "night":{
+                       "description":"Mainly Clear",
+                       "image":"http://openweathermap.org/img/wn/01n@2x.png"
+               }
+       },
+       "2":{
+               "day":{
+                       "description":"Partly Cloudy",
+                       "image":"http://openweathermap.org/img/wn/02d@2x.png"
+               },
+               "night":{
+                       "description":"Partly Cloudy",
+                       "image":"http://openweathermap.org/img/wn/02n@2x.png"
+               }
+       },
+       "3":{
+               "day":{
+                       "description":"Cloudy",
+                       "image":"http://openweathermap.org/img/wn/03d@2x.png"
+               },
+               "night":{
+                       "description":"Cloudy",
+                       "image":"http://openweathermap.org/img/wn/03n@2x.png"
+               }
+       },
+       "45":{
+               "day":{
+                       "description":"Foggy",
+                       "image":"http://openweathermap.org/img/wn/50d@2x.png"
+               },
+               "night":{
+                       "description":"Foggy",
+                       "image":"http://openweathermap.org/img/wn/50n@2x.png"
+               }
+       },
+       "48":{
+               "day":{
+                       "description":"Rime Fog",
+                       "image":"http://openweathermap.org/img/wn/50d@2x.png"
+               },
+               "night":{
+                       "description":"Rime Fog",
+                       "image":"http://openweathermap.org/img/wn/50n@2x.png"
+               }
+       },
+       "51":{
+               "day":{
+                       "description":"Light Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09d@2x.png"
+               },
+               "night":{
+                       "description":"Light Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09n@2x.png"
+               }
+       },
+       "53":{
+               "day":{
+                       "description":"Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09d@2x.png"
+               },
+               "night":{
+                       "description":"Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09n@2x.png"
+               }
+       },
+       "55":{
+               "day":{
+                       "description":"Heavy Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09d@2x.png"
+               },
+               "night":{
+                       "description":"Heavy Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09n@2x.png"
+               }
+       },
+       "56":{
+               "day":{
+                       "description":"Light Freezing Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09d@2x.png"
+               },
+               "night":{
+                       "description":"Light Freezing Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09n@2x.png"
+               }
+       },
+       "57":{
+               "day":{
+                       "description":"Freezing Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09d@2x.png"
+               },
+               "night":{
+                       "description":"Freezing Drizzle",
+                       "image":"http://openweathermap.org/img/wn/09n@2x.png"
+               }
+       },
+       "61":{
+               "day":{
+                       "description":"Light Rain",
+                       "image":"http://openweathermap.org/img/wn/10d@2x.png"
+               },
+               "night":{
+                       "description":"Light Rain",
+                       "image":"http://openweathermap.org/img/wn/10n@2x.png"
+               }
+       },
+       "63":{
+               "day":{
+                       "description":"Rain",
+                       "image":"http://openweathermap.org/img/wn/10d@2x.png"
+               },
+               "night":{
+                       "description":"Rain",
+                       "image":"http://openweathermap.org/img/wn/10n@2x.png"
+               }
+       },
+       "65":{
+               "day":{
+                       "description":"Heavy Rain",
+                       "image":"http://openweathermap.org/img/wn/10d@2x.png"
+               },
+               "night":{
+                       "description":"Heavy Rain",
+                       "image":"http://openweathermap.org/img/wn/10n@2x.png"
+               }
+       },
+       "66":{
+               "day":{
+                       "description":"Light Freezing Rain",
+                       "image":"http://openweathermap.org/img/wn/10d@2x.png"
+               },
+               "night":{
+                       "description":"Light Freezing Rain",
+                       "image":"http://openweathermap.org/img/wn/10n@2x.png"
+               }
+       },
+       "67":{
+               "day":{
+                       "description":"Freezing Rain",
+                       "image":"http://openweathermap.org/img/wn/10d@2x.png"
+               },
+               "night":{
+                       "description":"Freezing Rain",
+                       "image":"http://openweathermap.org/img/wn/10n@2x.png"
+               }
+       },
+       "71":{
+               "day":{
+                       "description":"Light Snow",
+                       "image":"http://openweathermap.org/img/wn/13d@2x.png"
+               },
+               "night":{
+                       "description":"Light Snow",
+                       "image":"http://openweathermap.org/img/wn/13n@2x.png"
+               }
+       },
+       "73":{
+               "day":{
+                       "description":"Snow",
+                       "image":"http://openweathermap.org/img/wn/13d@2x.png"
+               },
+               "night":{
+                       "description":"Snow",
+                       "image":"http://openweathermap.org/img/wn/13n@2x.png"
+               }
+       },
+       "75":{
+               "day":{
+                       "description":"Heavy Snow",
+                       "image":"http://openweathermap.org/img/wn/13d@2x.png"
+               },
+               "night":{
+                       "description":"Heavy Snow",
+                       "image":"http://openweathermap.org/img/wn/13n@2x.png"
+               }
+       },
+       "77":{
+               "day":{
+                       "description":"Snow Grains",
+                       "image":"http://openweathermap.org/img/wn/13d@2x.png"
+               },
+               "night":{
+                       "description":"Snow Grains",
+                       "image":"http://openweathermap.org/img/wn/13n@2x.png"
+               }
+       },
+       "80":{
+               "day":{
+                       "description":"Light Showers",
+                       "image":"http://openweathermap.org/img/wn/09d@2x.png"
+               },
+               "night":{
+                       "description":"Light Showers",
+                       "image":"http://openweathermap.org/img/wn/09n@2x.png"
+               }
+       },
+       "81":{
+               "day":{
+                       "description":"Showers",
+                       "image":"http://openweathermap.org/img/wn/09d@2x.png"
+               },
+               "night":{
+                       "description":"Showers",
+                       "image":"http://openweathermap.org/img/wn/09n@2x.png"
+               }
+       },
+       "82":{
+               "day":{
+                       "description":"Heavy Showers",
+                       "image":"http://openweathermap.org/img/wn/09d@2x.png"
+               },
+               "night":{
+                       "description":"Heavy Showers",
+                       "image":"http://openweathermap.org/img/wn/09n@2x.png"
+               }
+       },
+       "85":{
+               "day":{
+                       "description":"Light Snow Showers",
+                       "image":"http://openweathermap.org/img/wn/13d@2x.png"
+               },
+               "night":{
+                       "description":"Light Snow Showers",
+                       "image":"http://openweathermap.org/img/wn/13n@2x.png"
+               }
+       },
+       "86":{
+               "day":{
+                       "description":"Snow Showers",
+                       "image":"http://openweathermap.org/img/wn/13d@2x.png"
+               },
+               "night":{
+                       "description":"Snow Showers",
+                       "image":"http://openweathermap.org/img/wn/13n@2x.png"
+               }
+       },
+       "95":{
+               "day":{
+                       "description":"Thunderstorm",
+                       "image":"http://openweathermap.org/img/wn/11d@2x.png"
+               },
+               "night":{
+                       "description":"Thunderstorm",
+                       "image":"http://openweathermap.org/img/wn/11n@2x.png"
+               }
+       },
+       "96":{
+               "day":{
+                       "description":"Light Thunderstorms With Hail",
+                       "image":"http://openweathermap.org/img/wn/11d@2x.png"
+               },
+               "night":{
+                       "description":"Light Thunderstorms With Hail",
+                       "image":"http://openweathermap.org/img/wn/11n@2x.png"
+               }
+       },
+       "99":{
+               "day":{
+                       "description":"Thunderstorm With Hail",
+                       "image":"http://openweathermap.org/img/wn/11d@2x.png"
+               },
+               "night":{
+                       "description":"Thunderstorm With Hail",
+                       "image":"http://openweathermap.org/img/wn/11n@2x.png"
+               }
+       }
+}
\ No newline at end of file

diff --git a/index.php b/index.php
index 1f9a0d1316a8856e9b7964cdbcb61511c4978ee6..f9ee33dbdf1220be0f2623964ae07ab565e52826 100644 (file)
--- a/index.php
+++ b/index.php
@@ -3,16 +3,27 @@
                <title>Weather in Park Ridge</title>
        </head>
        <body style="text-align: center;">
-               <h3>The current temperature in Park Ridge is:</h3>
+               <h3>The current conditions in Park Ridge are:</h3>
                <h1>
-                       0&deg;
+                       <?php
+                               $url = "https://api.open-meteo.com/v1/forecast?latitude=42.0111&longitude=-87.8406&daily=temperature_2m_max,temperature_2m_min,weather_code&current=temperature_2m,weather_code,is_day&timezone=America%2FChicago&wind_speed_unit=mph&temperature_unit=fahrenheit&precipitation_unit=inch";
+                               $json = json_decode(file_get_contents($url), true);
+                               $jsonDescriptions = json_decode(file_get_contents("descriptions.json"), true);
+                               $code = $json["current"]["weather_code"];
+                               $isDay = ($json["current"]["is_day"]) ? "day" : "night";
+                               $description = $jsonDescriptions[$code][$isDay]["description"];
+                               echo $description."<br>"."0&deg;";
+                       ?>
                </h1>
                <h3>Your 7 day forecast for Park Ridge is:</h3>
                <?php
-                       $url = "https://api.open-meteo.com/v1/forecast?latitude=42.0111&longitude=-87.8406&daily=temperature_2m_max,temperature_2m_min&current=temperature_2m&timezone=America%2FChicago&wind_speed_unit=mph&temperature_unit=fahrenheit&precipitation_unit=inch";
+                       $url = "https://api.open-meteo.com/v1/forecast?latitude=42.0111&longitude=-87.8406&daily=temperature_2m_max,temperature_2m_min,weather_code&current=temperature_2m,weather_code,is_day&timezone=America%2FChicago&wind_speed_unit=mph&temperature_unit=fahrenheit&precipitation_unit=inch";
                        $json = json_decode(file_get_contents($url), true);
+                       $jsonDescriptions = json_decode(file_get_contents("descriptions.json"), true);
                        $tempNow = $json["current"]["temperature_2m"];
                        for ($i = 0; $i < 7; $i++) {
+                               $code = $json["daily"]["weather_code"][$i];
+                               $description = $jsonDescriptions[$code]["day"]["description"];
                                $tempHigh = $json["daily"]["temperature_2m_max"][$i];
                                $tempHighConverted = $tempHigh - $tempNow;
                                $tempLow = $json["daily"]["temperature_2m_min"][$i];
@@ -21,6 +32,7 @@
                                echo "<h3>";
                                echo "".date('l', strtotime($json["daily"]["time"][$i]));
                                echo "</h3>";
+                               echo "<span style=\"font-weight: bold;\">".$description."</span><br>";
                                echo "<span style=\"font-weight: bold;\">High: </span>".$tempHighConverted."&deg;";
                                echo "<br>";
                                echo "<span style=\"font-weight: bold;\">Low: </span>".$tempLowConverted."&deg;";