Weather App not working on Codepen

#1

My Weather App works fine on my localhost with full functionality, but I can’t get it to work on Codepen.
Here’s the link: https://codepen.io/omejia/pen/NgWqBL

I’m getting these errors when I check console on codepen:
Mixed Content: The page at ‘https://codepen.io/omejia/pen/NgWqBL’ was loaded over HTTPS, but requested an insecure image ‘http://ian.macky.net/pat/map/globes/earth-landmask-256-medium.gif’. This content should also be served over HTTPS.

Mixed Content: The page at ‘https://codepen.io/omejia/pen/NgWqBL’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://api.openweathermap.org/data/2.5/weather?lat=29.986737100000003&lon=-95.14825739999999&appid=8b6f370c856777d1a8123006f5499a23&units=metric’. This request has been blocked; the content must be served over HTTPS.

I’d appreciate it if someone looks over it.

#2

yes, it’s because copen switched to https completely now, so it doesn’t allow yout to make AJAX requests to http content.

Simplest solution is to make you request through a CORS proxy that is https

#3