lokeb/fixed-topbar-scroll-offset.html

## fixed-topbar-scroll-offset.html
<html>
  <head>
    <title>Fixing Scrolling Controlled by Space, Page Up, Page Down with a fixed top navbar</title>
    <style>
    html {
      font: 14px Arial;
    }
    * {
      margin: 0;
      padding: 0;
    }
    #topbar {
      width: 100%;
      height: 2em;
      position: fixed;
      background: black;
      opacity: 0.9;
      font: 2em/2em Arial;
      color: white;
      padding: 0.5em 2em;
      top: 0;
      box-shadow: 1px 1px 2px grey;
    }
    #content {
      margin-top: 6em;
      border: 1px solid;
      padding: 1em;
    }
    </style>
    <script type="text/javascript">
      "use strict"
      window.addEventListener("load", (ev) => {
        var contnt = document.getElementById("content");
        var topbar = document.getElementById("topbar");
        document.addEventListener("keydown", (ev) => {
          if (!(ev.altKey || ev.metaKey || ev.ctrlKey)) {
            var verticalOffset = window.innerHeight - topbar.offsetHeight;
            if (ev.keyCode === 32) {
              ev.preventDefault();
              var offset = !ev.shiftKey ? verticalOffset : -verticalOffset;
            }
            else if(!ev.shiftKey && (ev.keyCode === 33 || ev.keyCode === 34)) {
              ev.preventDefault();
              var verticalOffset = window.innerHeight - topbar.offsetHeight;
              var offset = ev.keyCode === 34 ? verticalOffset : -verticalOffset;
            }
            document.scrollingElement.scrollBy({
              top: offset,
              left: 0,
              behavior: "smooth"
            });
          }
        })
      });
    </script>
  </head>
  <body>
    <div id="topbar">
      Fixed Topbar
    </div>
    <div id="content">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel hendrerit tortor, at varius ex. Aenean vel nunc eu ligula commodo aliquet id in lectus. Morbi sagittis mauris a augue efficitur luctus. Nullam vitae semper justo. Nullam aliquet porta sapien, id tempus velit venenatis et. Nulla luctus nec tortor vitae consequat. Nunc ac consequat neque, at suscipit urna. Mauris egestas ante risus, quis finibus sem dapibus eget. Pellentesque vel ligula suscipit, dapibus quam et, dapibus sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sem mi, iaculis at tristique vitae, accumsan sed augue. Nullam efficitur, nisl id dapibus pharetra, velit ligula lacinia risus, eget maximus leo felis id nisi. Sed tempus velit ac est vehicula scelerisque. Proin in odio vestibulum, euismod tortor quis, imperdiet ante. Duis vehicula ullamcorper mi vel pellentesque.</p>
      <p>Curabitur turpis libero, gravida id dictum et, suscipit mattis felis. Maecenas dignissim congue ante nec iaculis. Nunc cursus erat in urna facilisis, sed pretium quam blandit. Integer cursus, ligula eget finibus pulvinar, nisi ante tristique justo, sit amet dapibus quam enim eget tellus. Aenean finibus nunc sed imperdiet tempus. Aenean feugiat id sapien porta dignissim. Suspendisse et massa id lectus eleifend euismod. Aliquam et mi velit. Nulla pharetra et lorem eget sagittis. Nam ornare leo at nulla mattis, vel porttitor libero semper. Proin iaculis eu metus nec lacinia. Sed rutrum arcu quis posuere finibus. Nunc ac purus sed felis finibus vehicula. Phasellus accumsan, ante id posuere pharetra, nulla ante pharetra velit, in cursus metus urna quis eros.</p>
      <p>Nullam tincidunt vestibulum ligula, id vehicula elit cursus in. Cras orci risus, rhoncus vel aliquam eu, luctus ultricies augue. Ut rhoncus rhoncus finibus. Vestibulum quis semper eros. Aenean posuere nibh sit amet ante fringilla, sed suscipit nunc porta. Nunc condimentum, libero facilisis volutpat aliquet, dolor tortor porta nunc, quis rutrum nibh massa sit amet ipsum. Etiam posuere velit at quam ullamcorper pretium. Proin fermentum augue vel libero imperdiet aliquam.</p>
      <p>Morbi et luctus libero. Vestibulum sollicitudin, erat vel faucibus gravida, felis est tincidunt ipsum, et fermentum neque nisi vel ipsum. Aenean aliquet dapibus dolor, ac rhoncus sem interdum eu. Sed porttitor ligula at tortor tristique egestas. Suspendisse vestibulum mattis condimentum. Mauris vestibulum, nunc nec molestie commodo, nunc massa commodo felis, in malesuada risus turpis in libero. Sed orci enim, tincidunt in nibh quis, pulvinar dignissim dolor. Vestibulum eu odio vel lacus eleifend imperdiet. Etiam porta tempus libero, a dignissim tellus porttitor eget. Proin rutrum mauris tellus, id eleifend nibh elementum at. Etiam condimentum dui vitae rhoncus gravida. Aenean volutpat augue in magna convallis, sit amet scelerisque massa vulputate. Pellentesque finibus velit vel accumsan faucibus. Curabitur maximus ex id convallis vulputate. Mauris vel orci laoreet, volutpat augue a, volutpat tellus. Nullam tempus diam sed imperdiet hendrerit.</p>
      <p>Maecenas id odio ultricies, tincidunt est vel, pellentesque tellus. In ultrices tincidunt volutpat. Etiam sollicitudin in leo ac pretium. Quisque ut urna eget ex lobortis porta. Nulla tristique vestibulum augue vitae semper. Nam nec velit odio. Maecenas auctor ultrices diam, in lacinia quam aliquam interdum. Morbi nec interdum mauris. Donec erat justo, vulputate eget justo sit amet, condimentum tempus lacus. Proin elementum purus vitae rutrum varius. Nam commodo egestas tortor, vitae venenatis tortor semper sit amet. In hac habitasse platea dictumst. In a magna faucibus, gravida justo ut, facilisis tortor. Maecenas sem magna, scelerisque a rutrum sit amet, consectetur in nibh. Vivamus leo purus, fringilla eu condimentum id, tincidunt at ante.</p>
      <p>Curabitur aliquet ullamcorper porta. Vestibulum ut urna sed enim vestibulum blandit. Praesent pellentesque lobortis feugiat. Mauris sollicitudin auctor viverra. Donec egestas lectus vel porta gravida. Proin rhoncus vestibulum libero. Mauris sodales dictum felis, vel hendrerit massa rhoncus maximus. Nullam id convallis justo. Phasellus rutrum, lorem sed molestie laoreet, turpis purus imperdiet eros, ac gravida eros sem in risus.</p>
      <p>In tempor eros nec magna aliquet, ut lobortis felis pellentesque. Praesent faucibus est non augue auctor, eu convallis ex efficitur. Etiam pulvinar quis nisi ut mattis. Suspendisse at eleifend leo, id hendrerit neque. Nunc sagittis interdum scelerisque. Nulla facilisi. Maecenas non nisi et neque posuere rhoncus.</p>
      <p>Vestibulum diam mi, elementum eget porta sed, accumsan quis felis. Ut imperdiet, sapien a lacinia vestibulum, orci enim vehicula erat, consectetur blandit felis ipsum quis nibh. Cras sagittis rutrum interdum. Etiam eu blandit magna, ac convallis nibh. Vivamus pharetra magna eu metus luctus eleifend. Cras tempor magna magna, ut vulputate nisi tristique eget. Etiam vitae mattis nisl, quis rhoncus velit. Vivamus interdum odio ut ligula facilisis, ac cursus elit posuere. Sed egestas dapibus consequat. Nulla vehicula iaculis metus, vitae finibus libero tristique vel. Vestibulum id mauris sit amet dolor molestie lobortis et quis odio. Phasellus vitae congue dui. Cras ex ex, interdum eu elit non, vehicula ultricies nunc. Integer pulvinar aliquet lectus, non dapibus lorem accumsan eget. Donec massa lorem, viverra nec finibus vitae, scelerisque sed justo.</p>
      <p>Duis eu turpis vulputate, laoreet diam ut, auctor turpis. Maecenas vel erat dignissim, rutrum orci quis, fermentum elit. Curabitur mollis sit amet justo in ultrices. In aliquam dui ut mi hendrerit, id consequat risus cursus. Donec sed neque mauris. Suspendisse fringilla nec est condimentum gravida. Fusce tortor quam, sodales non varius a, malesuada a velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam quis arcu condimentum, commodo sapien sed, volutpat orci.</p>
      <p>Nulla facilisi. Ut sit amet dui id nibh aliquam fringilla. Curabitur pharetra dolor ornare odio eleifend semper. Nunc erat ex, molestie eu sem sagittis, scelerisque eleifend ligula. Sed dignissim in magna a iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean gravida erat arcu, ut ullamcorper risus semper non. Phasellus vel elit porta, commodo risus eget, faucibus elit. In velit tortor, aliquet molestie tortor vitae, bibendum sagittis nulla. Nunc vitae lacus erat. In ultrices faucibus risus, maximus fringilla turpis congue sed. Pellentesque neque enim, lacinia non eros vel, feugiat interdum mauris. Donec in nunc dignissim, gravida justo et, finibus leo. Suspendisse lobortis ipsum odio, dignissim facilisis nulla viverra eu. Sed feugiat dui a accumsan rhoncus.</p>
      <p>Etiam elit nibh, pretium et porttitor non, efficitur non eros. Vestibulum in fermentum nulla. Pellentesque non purus semper, consectetur sapien id, tempus lectus. Duis ultricies neque id purus rutrum congue. Aenean fermentum nibh elit, vitae porttitor diam tincidunt et. Proin nec venenatis arcu. Sed facilisis, ante non congue volutpat, erat ligula mattis massa, vitae venenatis justo lacus non ante. Vestibulum euismod nibh dui, ut vulputate felis iaculis vitae. Ut finibus rhoncus sem bibendum dignissim.</p>
      <p>Vestibulum viverra diam in orci vehicula ornare. Vivamus bibendum nec diam sed iaculis. Donec et tellus est. Sed nulla velit, volutpat at elementum sit amet, tempus vel risus. Pellentesque commodo lobortis orci. Sed sed dapibus est. Etiam mattis lobortis convallis. Duis vitae arcu urna. Praesent ultrices, turpis eu congue molestie, nisl ante egestas eros, pharetra sodales mi est nec metus. Sed ac tincidunt urna. Cras ultrices erat mi, sed ultricies velit venenatis nec. Aliquam id porta arcu. Curabitur enim nisi, finibus nec nibh id, iaculis malesuada ipsum. Pellentesque mollis dictum arcu vitae placerat.</p>
      <p>Donec sodales, ex eu malesuada sodales, dolor metus finibus elit, ut commodo nulla est at tortor. Quisque in mattis augue. Sed fringilla facilisis libero et volutpat. Fusce tempor lacinia euismod. Aliquam maximus ante tellus, quis tempus tortor hendrerit sed. Donec ultricies turpis risus, et blandit est lobortis quis. Proin consequat aliquam nisi, ut cursus mauris suscipit eu. In at efficitur urna. Morbi lacinia justo quis porttitor semper. Ut sagittis metus quis nisl condimentum commodo id et nunc. Morbi eleifend metus quam, a convallis magna convallis et. Aenean ut consequat erat. Sed aliquam porta accumsan. Praesent malesuada viverra nisi, vel blandit sem feugiat ut. Phasellus ante erat, facilisis in tempus dictum, blandit dictum lectus.</p>
      <p>Donec diam sem, bibendum id quam id, dapibus convallis est. Ut dapibus consectetur felis eget cursus. In convallis, justo sit amet hendrerit tincidunt, orci arcu porta erat, eget interdum quam leo eget lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In porttitor dui dolor, sed viverra augue ultrices sed. Pellentesque eget mi et felis maximus ultrices nec quis nisl. Pellentesque purus sapien, volutpat in tellus quis, malesuada efficitur diam. Nullam interdum finibus nibh, non blandit risus volutpat id. Nulla venenatis diam ante, ac aliquam lacus rhoncus eu. Donec eu leo sed augue congue elementum quis eget dui. Quisque suscipit, neque vel sagittis dictum, odio dui commodo nulla, et molestie felis dolor eu dolor.</p>
      <p>Ut a finibus neque, sodales tempus metus. Ut ullamcorper tristique lacus maximus malesuada. Nullam et rhoncus ante, quis varius felis. Nulla eget ante ligula. Nunc lacus ante, mollis vitae tortor sit amet, suscipit pellentesque sapien. Interdum et malesuada fames ac ante ipsum primis in faucibus. In ut ipsum non tellus eleifend semper.</p>
      <p>Curabitur turpis libero, gravida id dictum et, suscipit mattis felis. Maecenas dignissim congue ante nec iaculis. Nunc cursus erat in urna facilisis, sed pretium quam blandit. Integer cursus, ligula eget finibus pulvinar, nisi ante tristique justo, sit amet dapibus quam enim eget tellus. Aenean finibus nunc sed imperdiet tempus. Aenean feugiat id sapien porta dignissim. Suspendisse et massa id lectus eleifend euismod. Aliquam et mi velit. Nulla pharetra et lorem eget sagittis. Nam ornare leo at nulla mattis, vel porttitor libero semper. Proin iaculis eu metus nec lacinia. Sed rutrum arcu quis posuere finibus. Nunc ac purus sed felis finibus vehicula. Phasellus accumsan, ante id posuere pharetra, nulla ante pharetra velit, in cursus metus urna quis eros.</p>
      <p>Nullam tincidunt vestibulum ligula, id vehicula elit cursus in. Cras orci risus, rhoncus vel aliquam eu, luctus ultricies augue. Ut rhoncus rhoncus finibus. Vestibulum quis semper eros. Aenean posuere nibh sit amet ante fringilla, sed suscipit nunc porta. Nunc condimentum, libero facilisis volutpat aliquet, dolor tortor porta nunc, quis rutrum nibh massa sit amet ipsum. Etiam posuere velit at quam ullamcorper pretium. Proin fermentum augue vel libero imperdiet aliquam.</p>
      <p>Morbi et luctus libero. Vestibulum sollicitudin, erat vel faucibus gravida, felis est tincidunt ipsum, et fermentum neque nisi vel ipsum. Aenean aliquet dapibus dolor, ac rhoncus sem interdum eu. Sed porttitor ligula at tortor tristique egestas. Suspendisse vestibulum mattis condimentum. Mauris vestibulum, nunc nec molestie commodo, nunc massa commodo felis, in malesuada risus turpis in libero. Sed orci enim, tincidunt in nibh quis, pulvinar dignissim dolor. Vestibulum eu odio vel lacus eleifend imperdiet. Etiam porta tempus libero, a dignissim tellus porttitor eget. Proin rutrum mauris tellus, id eleifend nibh elementum at. Etiam condimentum dui vitae rhoncus gravida. Aenean volutpat augue in magna convallis, sit amet scelerisque massa vulputate. Pellentesque finibus velit vel accumsan faucibus. Curabitur maximus ex id convallis vulputate. Mauris vel orci laoreet, volutpat augue a, volutpat tellus. Nullam tempus diam sed imperdiet hendrerit.</p>
      <p>Maecenas id odio ultricies, tincidunt est vel, pellentesque tellus. In ultrices tincidunt volutpat. Etiam sollicitudin in leo ac pretium. Quisque ut urna eget ex lobortis porta. Nulla tristique vestibulum augue vitae semper. Nam nec velit odio. Maecenas auctor ultrices diam, in lacinia quam aliquam interdum. Morbi nec interdum mauris. Donec erat justo, vulputate eget justo sit amet, condimentum tempus lacus. Proin elementum purus vitae rutrum varius. Nam commodo egestas tortor, vitae venenatis tortor semper sit amet. In hac habitasse platea dictumst. In a magna faucibus, gravida justo ut, facilisis tortor. Maecenas sem magna, scelerisque a rutrum sit amet, consectetur in nibh. Vivamus leo purus, fringilla eu condimentum id, tincidunt at ante.</p>
      <p>Curabitur aliquet ullamcorper porta. Vestibulum ut urna sed enim vestibulum blandit. Praesent pellentesque lobortis feugiat. Mauris sollicitudin auctor viverra. Donec egestas lectus vel porta gravida. Proin rhoncus vestibulum libero. Mauris sodales dictum felis, vel hendrerit massa rhoncus maximus. Nullam id convallis justo. Phasellus rutrum, lorem sed molestie laoreet, turpis purus imperdiet eros, ac gravida eros sem in risus.</p>
      <p>In tempor eros nec magna aliquet, ut lobortis felis pellentesque. Praesent faucibus est non augue auctor, eu convallis ex efficitur. Etiam pulvinar quis nisi ut mattis. Suspendisse at eleifend leo, id hendrerit neque. Nunc sagittis interdum scelerisque. Nulla facilisi. Maecenas non nisi et neque posuere rhoncus.</p>
      <p>Vestibulum diam mi, elementum eget porta sed, accumsan quis felis. Ut imperdiet, sapien a lacinia vestibulum, orci enim vehicula erat, consectetur blandit felis ipsum quis nibh. Cras sagittis rutrum interdum. Etiam eu blandit magna, ac convallis nibh. Vivamus pharetra magna eu metus luctus eleifend. Cras tempor magna magna, ut vulputate nisi tristique eget. Etiam vitae mattis nisl, quis rhoncus velit. Vivamus interdum odio ut ligula facilisis, ac cursus elit posuere. Sed egestas dapibus consequat. Nulla vehicula iaculis metus, vitae finibus libero tristique vel. Vestibulum id mauris sit amet dolor molestie lobortis et quis odio. Phasellus vitae congue dui. Cras ex ex, interdum eu elit non, vehicula ultricies nunc. Integer pulvinar aliquet lectus, non dapibus lorem accumsan eget. Donec massa lorem, viverra nec finibus vitae, scelerisque sed justo.</p>
      <p>Duis eu turpis vulputate, laoreet diam ut, auctor turpis. Maecenas vel erat dignissim, rutrum orci quis, fermentum elit. Curabitur mollis sit amet justo in ultrices. In aliquam dui ut mi hendrerit, id consequat risus cursus. Donec sed neque mauris. Suspendisse fringilla nec est condimentum gravida. Fusce tortor quam, sodales non varius a, malesuada a velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam quis arcu condimentum, commodo sapien sed, volutpat orci.</p>
      <p>Nulla facilisi. Ut sit amet dui id nibh aliquam fringilla. Curabitur pharetra dolor ornare odio eleifend semper. Nunc erat ex, molestie eu sem sagittis, scelerisque eleifend ligula. Sed dignissim in magna a iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean gravida erat arcu, ut ullamcorper risus semper non. Phasellus vel elit porta, commodo risus eget, faucibus elit. In velit tortor, aliquet molestie tortor vitae, bibendum sagittis nulla. Nunc vitae lacus erat. In ultrices faucibus risus, maximus fringilla turpis congue sed. Pellentesque neque enim, lacinia non eros vel, feugiat interdum mauris. Donec in nunc dignissim, gravida justo et, finibus leo. Suspendisse lobortis ipsum odio, dignissim facilisis nulla viverra eu. Sed feugiat dui a accumsan rhoncus.</p>
      <p>Etiam elit nibh, pretium et porttitor non, efficitur non eros. Vestibulum in fermentum nulla. Pellentesque non purus semper, consectetur sapien id, tempus lectus. Duis ultricies neque id purus rutrum congue. Aenean fermentum nibh elit, vitae porttitor diam tincidunt et. Proin nec venenatis arcu. Sed facilisis, ante non congue volutpat, erat ligula mattis massa, vitae venenatis justo lacus non ante. Vestibulum euismod nibh dui, ut vulputate felis iaculis vitae. Ut finibus rhoncus sem bibendum dignissim.</p>
      <p>Vestibulum viverra diam in orci vehicula ornare. Vivamus bibendum nec diam sed iaculis. Donec et tellus est. Sed nulla velit, volutpat at elementum sit amet, tempus vel risus. Pellentesque commodo lobortis orci. Sed sed dapibus est. Etiam mattis lobortis convallis. Duis vitae arcu urna. Praesent ultrices, turpis eu congue molestie, nisl ante egestas eros, pharetra sodales mi est nec metus. Sed ac tincidunt urna. Cras ultrices erat mi, sed ultricies velit venenatis nec. Aliquam id porta arcu. Curabitur enim nisi, finibus nec nibh id, iaculis malesuada ipsum. Pellentesque mollis dictum arcu vitae placerat.</p>
      <p>Donec sodales, ex eu malesuada sodales, dolor metus finibus elit, ut commodo nulla est at tortor. Quisque in mattis augue. Sed fringilla facilisis libero et volutpat. Fusce tempor lacinia euismod. Aliquam maximus ante tellus, quis tempus tortor hendrerit sed. Donec ultricies turpis risus, et blandit est lobortis quis. Proin consequat aliquam nisi, ut cursus mauris suscipit eu. In at efficitur urna. Morbi lacinia justo quis porttitor semper. Ut sagittis metus quis nisl condimentum commodo id et nunc. Morbi eleifend metus quam, a convallis magna convallis et. Aenean ut consequat erat. Sed aliquam porta accumsan. Praesent malesuada viverra nisi, vel blandit sem feugiat ut. Phasellus ante erat, facilisis in tempus dictum, blandit dictum lectus.</p>
      <p>Donec diam sem, bibendum id quam id, dapibus convallis est. Ut dapibus consectetur felis eget cursus. In convallis, justo sit amet hendrerit tincidunt, orci arcu porta erat, eget interdum quam leo eget lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In porttitor dui dolor, sed viverra augue ultrices sed. Pellentesque eget mi et felis maximus ultrices nec quis nisl. Pellentesque purus sapien, volutpat in tellus quis, malesuada efficitur diam. Nullam interdum finibus nibh, non blandit risus volutpat id. Nulla venenatis diam ante, ac aliquam lacus rhoncus eu. Donec eu leo sed augue congue elementum quis eget dui. Quisque suscipit, neque vel sagittis dictum, odio dui commodo nulla, et molestie felis dolor eu dolor.</p>
      <p>Ut a finibus neque, sodales tempus metus. Ut ullamcorper tristique lacus maximus malesuada. Nullam et rhoncus ante, quis varius felis. Nulla eget ante ligula. Nunc lacus ante, mollis vitae tortor sit amet, suscipit pellentesque sapien. Interdum et malesuada fames ac ante ipsum primis in faucibus. In ut ipsum non tellus eleifend semper.</p>
      <p>Curabitur turpis libero, gravida id dictum et, suscipit mattis felis. Maecenas dignissim congue ante nec iaculis. Nunc cursus erat in urna facilisis, sed pretium quam blandit. Integer cursus, ligula eget finibus pulvinar, nisi ante tristique justo, sit amet dapibus quam enim eget tellus. Aenean finibus nunc sed imperdiet tempus. Aenean feugiat id sapien porta dignissim. Suspendisse et massa id lectus eleifend euismod. Aliquam et mi velit. Nulla pharetra et lorem eget sagittis. Nam ornare leo at nulla mattis, vel porttitor libero semper. Proin iaculis eu metus nec lacinia. Sed rutrum arcu quis posuere finibus. Nunc ac purus sed felis finibus vehicula. Phasellus accumsan, ante id posuere pharetra, nulla ante pharetra velit, in cursus metus urna quis eros.</p>
      <p>Nullam tincidunt vestibulum ligula, id vehicula elit cursus in. Cras orci risus, rhoncus vel aliquam eu, luctus ultricies augue. Ut rhoncus rhoncus finibus. Vestibulum quis semper eros. Aenean posuere nibh sit amet ante fringilla, sed suscipit nunc porta. Nunc condimentum, libero facilisis volutpat aliquet, dolor tortor porta nunc, quis rutrum nibh massa sit amet ipsum. Etiam posuere velit at quam ullamcorper pretium. Proin fermentum augue vel libero imperdiet aliquam.</p>
      <p>Morbi et luctus libero. Vestibulum sollicitudin, erat vel faucibus gravida, felis est tincidunt ipsum, et fermentum neque nisi vel ipsum. Aenean aliquet dapibus dolor, ac rhoncus sem interdum eu. Sed porttitor ligula at tortor tristique egestas. Suspendisse vestibulum mattis condimentum. Mauris vestibulum, nunc nec molestie commodo, nunc massa commodo felis, in malesuada risus turpis in libero. Sed orci enim, tincidunt in nibh quis, pulvinar dignissim dolor. Vestibulum eu odio vel lacus eleifend imperdiet. Etiam porta tempus libero, a dignissim tellus porttitor eget. Proin rutrum mauris tellus, id eleifend nibh elementum at. Etiam condimentum dui vitae rhoncus gravida. Aenean volutpat augue in magna convallis, sit amet scelerisque massa vulputate. Pellentesque finibus velit vel accumsan faucibus. Curabitur maximus ex id convallis vulputate. Mauris vel orci laoreet, volutpat augue a, volutpat tellus. Nullam tempus diam sed imperdiet hendrerit.</p>
      <p>Maecenas id odio ultricies, tincidunt est vel, pellentesque tellus. In ultrices tincidunt volutpat. Etiam sollicitudin in leo ac pretium. Quisque ut urna eget ex lobortis porta. Nulla tristique vestibulum augue vitae semper. Nam nec velit odio. Maecenas auctor ultrices diam, in lacinia quam aliquam interdum. Morbi nec interdum mauris. Donec erat justo, vulputate eget justo sit amet, condimentum tempus lacus. Proin elementum purus vitae rutrum varius. Nam commodo egestas tortor, vitae venenatis tortor semper sit amet. In hac habitasse platea dictumst. In a magna faucibus, gravida justo ut, facilisis tortor. Maecenas sem magna, scelerisque a rutrum sit amet, consectetur in nibh. Vivamus leo purus, fringilla eu condimentum id, tincidunt at ante.</p>
      <p>Curabitur aliquet ullamcorper porta. Vestibulum ut urna sed enim vestibulum blandit. Praesent pellentesque lobortis feugiat. Mauris sollicitudin auctor viverra. Donec egestas lectus vel porta gravida. Proin rhoncus vestibulum libero. Mauris sodales dictum felis, vel hendrerit massa rhoncus maximus. Nullam id convallis justo. Phasellus rutrum, lorem sed molestie laoreet, turpis purus imperdiet eros, ac gravida eros sem in risus.</p>
      <p>In tempor eros nec magna aliquet, ut lobortis felis pellentesque. Praesent faucibus est non augue auctor, eu convallis ex efficitur. Etiam pulvinar quis nisi ut mattis. Suspendisse at eleifend leo, id hendrerit neque. Nunc sagittis interdum scelerisque. Nulla facilisi. Maecenas non nisi et neque posuere rhoncus.</p>
      <p>Vestibulum diam mi, elementum eget porta sed, accumsan quis felis. Ut imperdiet, sapien a lacinia vestibulum, orci enim vehicula erat, consectetur blandit felis ipsum quis nibh. Cras sagittis rutrum interdum. Etiam eu blandit magna, ac convallis nibh. Vivamus pharetra magna eu metus luctus eleifend. Cras tempor magna magna, ut vulputate nisi tristique eget. Etiam vitae mattis nisl, quis rhoncus velit. Vivamus interdum odio ut ligula facilisis, ac cursus elit posuere. Sed egestas dapibus consequat. Nulla vehicula iaculis metus, vitae finibus libero tristique vel. Vestibulum id mauris sit amet dolor molestie lobortis et quis odio. Phasellus vitae congue dui. Cras ex ex, interdum eu elit non, vehicula ultricies nunc. Integer pulvinar aliquet lectus, non dapibus lorem accumsan eget. Donec massa lorem, viverra nec finibus vitae, scelerisque sed justo.</p>
      <p>Duis eu turpis vulputate, laoreet diam ut, auctor turpis. Maecenas vel erat dignissim, rutrum orci quis, fermentum elit. Curabitur mollis sit amet justo in ultrices. In aliquam dui ut mi hendrerit, id consequat risus cursus. Donec sed neque mauris. Suspendisse fringilla nec est condimentum gravida. Fusce tortor quam, sodales non varius a, malesuada a velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam quis arcu condimentum, commodo sapien sed, volutpat orci.</p>
      <p>Nulla facilisi. Ut sit amet dui id nibh aliquam fringilla. Curabitur pharetra dolor ornare odio eleifend semper. Nunc erat ex, molestie eu sem sagittis, scelerisque eleifend ligula. Sed dignissim in magna a iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean gravida erat arcu, ut ullamcorper risus semper non. Phasellus vel elit porta, commodo risus eget, faucibus elit. In velit tortor, aliquet molestie tortor vitae, bibendum sagittis nulla. Nunc vitae lacus erat. In ultrices faucibus risus, maximus fringilla turpis congue sed. Pellentesque neque enim, lacinia non eros vel, feugiat interdum mauris. Donec in nunc dignissim, gravida justo et, finibus leo. Suspendisse lobortis ipsum odio, dignissim facilisis nulla viverra eu. Sed feugiat dui a accumsan rhoncus.</p>
      <p>Etiam elit nibh, pretium et porttitor non, efficitur non eros. Vestibulum in fermentum nulla. Pellentesque non purus semper, consectetur sapien id, tempus lectus. Duis ultricies neque id purus rutrum congue. Aenean fermentum nibh elit, vitae porttitor diam tincidunt et. Proin nec venenatis arcu. Sed facilisis, ante non congue volutpat, erat ligula mattis massa, vitae venenatis justo lacus non ante. Vestibulum euismod nibh dui, ut vulputate felis iaculis vitae. Ut finibus rhoncus sem bibendum dignissim.</p>
      <p>Vestibulum viverra diam in orci vehicula ornare. Vivamus bibendum nec diam sed iaculis. Donec et tellus est. Sed nulla velit, volutpat at elementum sit amet, tempus vel risus. Pellentesque commodo lobortis orci. Sed sed dapibus est. Etiam mattis lobortis convallis. Duis vitae arcu urna. Praesent ultrices, turpis eu congue molestie, nisl ante egestas eros, pharetra sodales mi est nec metus. Sed ac tincidunt urna. Cras ultrices erat mi, sed ultricies velit venenatis nec. Aliquam id porta arcu. Curabitur enim nisi, finibus nec nibh id, iaculis malesuada ipsum. Pellentesque mollis dictum arcu vitae placerat.</p>
      <p>Donec sodales, ex eu malesuada sodales, dolor metus finibus elit, ut commodo nulla est at tortor. Quisque in mattis augue. Sed fringilla facilisis libero et volutpat. Fusce tempor lacinia euismod. Aliquam maximus ante tellus, quis tempus tortor hendrerit sed. Donec ultricies turpis risus, et blandit est lobortis quis. Proin consequat aliquam nisi, ut cursus mauris suscipit eu. In at efficitur urna. Morbi lacinia justo quis porttitor semper. Ut sagittis metus quis nisl condimentum commodo id et nunc. Morbi eleifend metus quam, a convallis magna convallis et. Aenean ut consequat erat. Sed aliquam porta accumsan. Praesent malesuada viverra nisi, vel blandit sem feugiat ut. Phasellus ante erat, facilisis in tempus dictum, blandit dictum lectus.</p>
      <p>Donec diam sem, bibendum id quam id, dapibus convallis est. Ut dapibus consectetur felis eget cursus. In convallis, justo sit amet hendrerit tincidunt, orci arcu porta erat, eget interdum quam leo eget lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In porttitor dui dolor, sed viverra augue ultrices sed. Pellentesque eget mi et felis maximus ultrices nec quis nisl. Pellentesque purus sapien, volutpat in tellus quis, malesuada efficitur diam. Nullam interdum finibus nibh, non blandit risus volutpat id. Nulla venenatis diam ante, ac aliquam lacus rhoncus eu. Donec eu leo sed augue congue elementum quis eget dui. Quisque suscipit, neque vel sagittis dictum, odio dui commodo nulla, et molestie felis dolor eu dolor.</p>
      <p>Ut a finibus neque, sodales tempus metus. Ut ullamcorper tristique lacus maximus malesuada. Nullam et rhoncus ante, quis varius felis. Nulla eget ante ligula. Nunc lacus ante, mollis vitae tortor sit amet, suscipit pellentesque sapien. Interdum et malesuada fames ac ante ipsum primis in faucibus. In ut ipsum non tellus eleifend semper.</p>
    </div>
  </body>
</html>