Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec magna imperdiet magna egestas dictum eu et dui. Donec lobortis euismod molestie. Sed aliquet a quam in tincidunt. Cras dapibus mauris in lorem lobortis tristique a vitae lorem. Donec nec sapien vitae lorem sollicitudin posuere at at turpis. Curabitur enim nisi, finibus id velit in, viverra ullamcorper libero. Mauris placerat dapibus pulvinar. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam et laoreet nulla. Cras tincidunt malesuada justo, eu facilisis massa eleifend ut. Duis placerat, nulla eget aliquet scelerisque, urna libero porta purus, sit amet auctor elit ipsum eu nibh. Pellentesque vulputate sapien quis orci mollis, ut auctor eros finibus. Fusce non pulvinar neque. Nulla at fringilla elit. Sed tincidunt urna quis congue congue. Vivamus egestas urna sed vestibulum tincidunt.

Donec egestas velit ac velit maximus, eu pellentesque velit porttitor. Donec libero neque, viverra sit amet finibus eu, iaculis eget augue. Vivamus tincidunt interdum magna, eget aliquam odio pellentesque at. Duis et massa rhoncus, pharetra elit quis, faucibus libero. Nullam vulputate ex eget nibh consectetur, at tincidunt arcu vestibulum. Duis et lorem eget lacus sollicitudin dictum sit amet sodales felis. Aenean euismod porta metus, nec maximus nibh feugiat vel. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed tristique, ligula nec lacinia lacinia, felis dui vehicula orci, nec ultricies magna tortor at dolor. Nulla quis mauris id est egestas sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nisl, sodales sed magna in, eleifend egestas massa. Pellentesque vel est quis velit vestibulum finibus sed in lacus. Duis mollis nibh metus, vitae fringilla sem sagittis id.

Aliquam neque est, convallis ac enim vel, tempus ullamcorper elit. Proin eu lacus at mi dapibus condimentum. Cras ac nulla consectetur, pellentesque ligula eu, gravida nisi. Suspendisse vitae lacinia arcu. Etiam sit amet leo ipsum. Nam convallis lorem nec augue tempus, sit amet cursus tortor dapibus. Aenean lobortis eros eu dapibus ornare. Nullam auctor, nisl ut facilisis maximus, mauris orci imperdiet sem, et faucibus sem purus et orci. Nulla aliquet quam vel lacus lacinia, vitae aliquet lorem tincidunt. Nulla sit amet velit libero.

Vestibulum mollis tortor vitae tortor scelerisque, vel vulputate nibh lacinia. Pellentesque eget sagittis ligula. Aliquam dictum, sem et imperdiet tempor, eros risus hendrerit purus, quis accumsan nisi nunc id leo. Vivamus volutpat ut turpis eget sagittis. Praesent vel odio accumsan, consectetur velit eget, gravida mi. Sed tristique nunc id diam viverra ultrices. Ut laoreet, elit sagittis elementum posuere, quam orci vehicula tellus, ac aliquet magna ipsum sollicitudin lectus. In at diam id orci suscipit faucibus ultricies finibus purus. Phasellus ornare neque vel hendrerit eleifend. Morbi ac libero bibendum, sagittis justo non, viverra odio. Aliquam ut sodales purus, a bibendum eros. Suspendisse potenti. Etiam tempor tempus malesuada. In hac habitasse platea dictumst. Sed at auctor dolor. Nulla interdum rutrum orci id iaculis.

Phasellus consectetur gravida convallis. Phasellus eget nisi lacinia, placerat nunc vitae, lobortis turpis. Aenean vel blandit nisi. Quisque vitae ullamcorper tortor. Nulla tempus pellentesque risus at mattis. Donec ut maximus urna, vel condimentum magna. Sed in leo eu metus gravida elementum. In non magna nisi. In consequat nisl nibh, ut aliquam sem commodo non. Integer eget malesuada metus. Phasellus lacinia dolor id elit rutrum gravida. Donec dolor neque, suscipit in urna in, hendrerit ornare elit. Donec vel tincidunt enim. Sed vel dictum quam. Quisque dictum ullamcorper dolor, vel pharetra dui suscipit sit amet. Aliquam euismod malesuada nunc non fringilla.

<script>
  window.addEventListener("load", () => {
    const mediaItems = document.querySelectorAll(".media");
    [...mediaItems].forEach((item) => {
      var inview = new Waypoint.Inview({
        element: $(item),
        enter: function (direction) {
          item.classList.add("enter");
          item.classList.add(direction == "up" ? "up" : "down");

          item.classList.remove("exit");
          item.classList.remove("exited");
        },
        exit: function (direction) {
          item.classList.add("exit");
        },
        exited: function (direction) {
          item.classList.add("exited");

          item.classList.remove("exit");
          item.classList.remove("enter");
          item.classList.remove("up");
          item.classList.remove("down");
        },
      });
    });
  });
</script>