Weather App not working on Codepen

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.

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