Mixed Content: The page at 'https://s.codepen.io/PipsChips/pen/XpYvdm?editors=0010' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.openweathermap.org/data/2.5/weather?......'. This request has been blocked; the content must be served over HTTPS.
:star2: 1576 | @skyc0der |http://www.freecodecamp.com/skyc0der
vh
and rem
- what are you looking for help with exactly? :p
document.body.style.display = 'none';
makes a little sense ;)
vh
question, I think it'll help to have less code. You have a lot of complicated things going on in your web page right now.
.scuba-bg{
background-image: url("http://res.cloudinary.com/dfnn1jyt7/image/upload/v1495832716/pic1_lulilj.jpg");
background-position: center; /*this will keep the background picture centered no matter the browser size*/
background-size: cover; /*scale background image so that it completely covers the background (may crop image)*/
background-repeat: no-repeat;
background-attachment: fixed; /*create parallax scrolling affect by fixing image to background block*/
transform: translateY(-173px); /*used to move picture up, margins wouldnt work because picture is fixed*/
margin-bottom: -270px; /*crop bottom of picture*/
height: 100%; /*will show the whole picture*/
overflow: hidden;
/* border-style: solid;
border-color: yellow; */
}