NOAA-Style Climate Reports


Report for 2021 August
<article class="report-container">
  <header>
    <h2>Monthly Climatological Summary for Aug 2021</h2>
    <p>Name: <b>Cactus Wren</b> City: <b>Phoenix</b> State: <b>Arizona</b></p>
    <p>Elevation: <b>1227 ft</b> Latitude: <b>N 33° 34' 20"</b> Longitude: <b>W 112° 08' 20"</b></p>
    <p>Temperature (°F), Rain (in), Wind Speed (mph)</p>
    <p>Heat Base: 65.0°F Cool Base: 65.0°F Method: Integration</p>
  </header>
  <section>
    <table class="report-table">
      <tr class="underline">
        <th>Day</th>
        <th>Mean<br>Temp</th>
        <th>High<br>Temp</th>
        <th>High<br>Temp<br>Time</th>
        <th>Low<br>Temp</th>
        <th>Low<br>Temp<br>Time</th>
        <th>Heating<br>Degree<br>Days</th>
        <th>Cooling<br>Degree<br>Days</th>
        <th>Rain</th>
        <th>Avg<br>Wind<br>Speed</th>
        <th>High<br>Wind<br>Speed</th>
        <th>High<br>Wind<br>Time</th>
        <th>Dominant<br>Wind<br>Dir</th>
      </tr>

      <tr class="totals">
        <td>Monthly</td>
        <td>--</td><td>--</td><td>--</td><td>--</td><td>--</td><td>--</td><td>--</td><td>--</td><td>--</td><td>--</td><td>--</td><td>--</td>
      </tr>
    </table>
  </section>
  <section id="report-summary">
    <p><b>Max Temp</b> >= 80°F = <b>0</b> days</p>
    <p><b>Max Temp</b> <= 32°F = <b>0</b> days</p>
    <p><b>Min Temp</b> <= 32°F = <b>0</b> days</p>
    <p><b>Min Temp</b> <= 0°F = <b>0</b> days</p>
    <p><b>Max Rain: 0.00in</b> on day 0</p>
    <p><b>Days of Rain:</b> >= 0.01in = <b>0</b> days</p>
    <p><b>Days of Rain:</b> >= 0.10in = <b>0</b> days</p>
    <p><b>Days of Rain:</b> >= 1.00in = <b>0</b> days</p>
  </section>
</article>