JAVA
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<!-- SQUARE STUDIO ANIMATED ENTRANCES PLUGIN START -->
<style type="text/css">
.sqs-block,figure,.index-section-image,.image-container,article{-ms-transform: translate(0px,-10px); -webkit-transform: translate(0px,-10px); transform: translate(0px,-10px); opacity:1; transition:all ease-in-out 1.5s;-webkit-transition:all ease-in-out 1.5s;-moz-transition:all ease-in-out 1.5s;-ms-transition:all ease-in-out 1.5s}.scrollreveal{-ms-transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transform: translate(0px,0px);opacity:0!important;}
</style>
<script type="text/javascript">
$(document).ready(function(){function a(){b(),c()}function b(){$(".sqs-block, figure, .index-section-image, .image-container, article").each(function(a){var c=($(this).outerHeight(),$(this).offset().top);$(window).scrollTop()+$(window).height()<c&&$(this).addClass("scrollreveal")})}function c(){$(window).scroll(function(){$(".sqs-block, figure, .index-section-image, .image-container, article").each(function(a){var b=0*$(this).outerHeight()+50,c=$(this).offset().top+b;$(window).scrollTop()+$(window).height()>c&&$(this).removeClass("scrollreveal")})})}function d(){MutationObserver=window.MutationObserver||window.WebKitMutationObserver,new MutationObserver(function(a){for(var b=0;b<a.length;b++){if("attributes"===a[b].type){var d=new Event("pageChange");document.dispatchEvent(d)}}}).observe(document.body,{attributes:!0,attributeFilter:["id"]})}a(),document.addEventListener("pageChange",function(){$(window).unbind("scroll"),a()}),window.onload=d});
</script>
<!-- SQUARE STUDIO ANIMATED ENTRANCES PLUGIN END -->