<h4 dir="auto">Challenge Name</h4>

<p dir="auto"><a href="url">https://www.freecodecamp.com/challenges/show-the-local-weather</a></p>
<h4 dir="auto">Issue Description</h4>

<p dir="auto">For the weather challenge it is recommend to use the open weather api but when using the service on google Chrome the content will not be served on codepen.io due to new security changes in Chrome. So I suggest that we look for alternatives.</p>
<h4 dir="auto">Browser Information</h4>

<p dir="auto">Browser Name, Version:<br>
Google Chrome	55.0.2883.95 (Official Build) (64-bit)</p>

<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/19998186/21945197/d870155e-d9d1-11e6-8958-a240a7863ef5.jpeg"><img src="https://cloud.githubusercontent.com/assets/19998186/21945197/d870155e-d9d1-11e6-8958-a240a7863ef5.jpeg" alt="security" style="max-width: 100%;"></a></p>
<h4 dir="auto">Show the Local Weather</h4>

<p dir="auto"><a href="https://www.freecodecamp.com/challenges/show-the-local-weather" rel="nofollow">https://www.freecodecamp.com/challenges/show-the-local-weather</a></p>
<h4 dir="auto">Weather App Location issue</h4>

<p dir="auto">I am currently using Google chrome and I have been trying to figure out why my location could not be found when I copied the exact code from FCC and placed it in Codepen.io. After a week of fighting I asked for help and I learn that I had to use https:// so I can find my location. The second issue is that when I tried to pass this location to the Weather API it would not work, so I asked the community again and I learn that the FCC given locator will not work when we pass the location to the weather API. Could you please add a side note to the other codes as a heads up so that they don't end up beating their computer with a baseball bat?</p>
<h4 dir="auto">Browser Information</h4>

<ul dir="auto">
<li>Browser Name, Version: Google Chrome Version 51.0.2704.84 m</li>
<li>Operating System: Windows 10</li>
<li>Mobile, Desktop, or Tablet: Desktop</li>
</ul>
<h4 dir="auto">Your Code</h4>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="// If relevant, paste all of your challenge code in here
"><pre class="notranslate"><span class="pl-c">// If relevant, paste all of your challenge code in here</span></pre></div>
<h4 dir="auto">Screenshot</h4>