<p dir="auto">The example codepen does not work. Looks like the openweathermap API needs a key to access.</p>
<p dir="auto"><a href="http://www.openweathermap.org/api" rel="nofollow">http://www.openweathermap.org/api</a></p>
<p dir="auto">The Javascript console says:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="http://api.openweathermap.org/data/2.5/weather?lat=48.1270&amp;lon=11.3665&amp;units=metric&amp;callback=jQuery2130876683295937255_1444809427340&amp;_=1444809427342 Failed to load resource: the server responded with a status of 401 (Unauthorized)"><pre class="notranslate"><code class="notranslate">http://api.openweathermap.org/data/2.5/weather?lat=48.1270&amp;lon=11.3665&amp;units=metric&amp;callback=jQuery2130876683295937255_1444809427340&amp;_=1444809427342 Failed to load resource: the server responded with a status of 401 (Unauthorized)
</code></pre></div>
<p dir="auto">Our Weather Zipline example is now broken. Aparently the API <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/AdventureBear/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/AdventureBear">@AdventureBear</a> used on her Zipline no longer works. <a href="https://www.evernote.com/l/AlwSsfX2kblJYoOSp9uAq-BKFosOSCg8-aAB/image.png" rel="nofollow">https://www.evernote.com/l/AlwSsfX2kblJYoOSp9uAq-BKFosOSCg8-aAB/image.png</a></p>
<p dir="auto">We need to find an API that works and doesn't require adding an API key, or we need to make an API endpoint on Free Code Camp that campers can use (we don't want people exposing API keys on CodePen).</p>
<p dir="auto">Thanks to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/martoncsikos/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/martoncsikos">@martoncsikos</a> for spotting this issue.</p>