editoria-backup.html 29.3 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>hello test</title>
  <link rel="stylesheet" href="css/main.css">
  <script>
    var Hyphenopoly = {
       require: {
           "en-us": "Supercalifragilisticexpialidocious"
       },
       paths: {
           patterndir: "./js/hyphens/patterns/",
           maindir: "./js/hyphens/"
       },
    };
  </script>
  <script src="js/hyphens/Hyphenopoly_Loader.js">
  <script src="js/paged.polyfill.js"></script>
  <script src="js/wrapHeading.js"></script>
  <script>
    function pagedjs() {
        var script = document.createElement("script");
        script.type = "text/javascript";
    script.src = "js/paged.polyfill.js";
    document.getElementsByTagName("head")[0].appendChild(script);
    }
  </script>
  <style>
    #render {
      position: fixed;
      right: 3em;
      top: 3em;
      background: black;
      color: red;
      font-weight: bold;
      border: 3px solid red;
      padding: 0.45em 1em  0.5em;
      text-transform: uppercase;
    }
    #render:hover {
      box-shadow: 0 0 0 4px black;
    }
  </style>
  </head>

<body class="hyphenate" lang="en-us">
  <button id="render">render</button>

  <section class="front-component">
    <h1 class="ct">Front Matter Title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna turpis, sagittis vel sagittis vitae, accumsan eleifend quam. Donec vitae dapibus arcu, a congue orci. Orci varius natoque penatibus et mag
      <a class="inline-note-callout" href="#note-b886ac91153ca6f112d02b7f965ca06f">
        <sup>1.</sup>
      </a>
      nis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem
      <a class="inline-note-callout" href="#note-a9102ab9802ed61061a10b37fbced83b">
        <sup>2.</sup>
      </a>
      ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non cursus ipsum. Vestibulum faucibus sit amet velit imperdiet congue. Proin consequat nec risus elementum iaculis. Ut elit nisl, posuere ac ligula id, ultricies auctor eros. Ut nec lorem a lacus hendrerit scelerisque nec sit amet purus.Vivamus nec enim sit amet quam ultricies condimentum ac in risus. Phasellus nibh risus, consequat id venenatis a, tempor a nunc. Duis malesuada faucibus ipsum, sodales auctor est aliquet nec. Nulla egestas neque at lacus lobortis, ut ornare neque volutpat. Cras blandit sagittis congue. Sed luctus in mi in tincidunt. Quisque nec mollis sem, sit amet suscipit elit. Maecenas posuere ante non semper pharetra. Phasellus in scelerisque tellus. Fusce gravida erat quis odio aliquam aliquam. Sed ullamcorper, tellus in varius viverra, odio justo accumsan nulla, quis auctor est lorem sit amet ex. In at viverra orci, nec iaculis orci. Ut mattis augue a ex semper, quis interdum leo sollicitudin. Quisque leo ligula, accumsan et hendrerit at, ornare nec diam. Etiam mattis eget quam eget vehicula. Suspendisse potenti.Praesent euismod ante sed eros gravida bibendum. Praesent ut faucibus nibh, condimentum congue metus. Duis placerat purus sed risus ultrices fringilla. Fusce leo nisi, imperdiet nec magna at, vulputate imperdiet erat. Vivamus non ligula vel velit convallis pretium ut ut nisi. Pellentesque cursus venenatis augue, et congue diam sollicitudin ut. Morbi tincidunt erat at sem volutpat, vel elementum arcu pellentesque. Quisque pretium dolor a nibh efficitur faucibus. Nulla facilisi. Nunc semper vestibulum orci eget hendrerit. Cras ullamcorper purus tortor, vitae blandit urna volutpat et. Nulla sed orci metus. Vestibulum odio sem, posuere sed pellentesque a, interdum quis ligula. Nam iaculis dui id libero mollis maximus. Fusce scelerisque magna non lectus gravida, vitae malesuada lorem eleifend.Integer eget maximus odio. Morbi ultricies vitae dolor vitae scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin hendrerit nulla vel pellentesque consequat. Sed lobortis, ante fermentum malesuada tincidunt, augue nulla volutpat nisi, interdum pharetra turpis urna ut neque. Phasellus molestie mi at magna finibus auctor. Quisque tempor accumsan nisl non feugiat. Quisque a arcu et purus sollicitudin mollis. Proin eu sapien neque. Donec at lectus aliquet, bibendum ante et, porttitor ex.Mauris ac tellus id felis posuere hendrerit. Morbi eget mattis nisi, non ullamcorper tellus. In diam quam, viverra eget est quis, commodo auctor leo. Nam rhoncus, metus eget placerat elementum, risus nulla imperdiet mi, eget scelerisque mi odio sit amet tellus. Phasellus vitae lorem fringilla, semper nisi vitae, condimentum arcu. Morbi non nisl congue, ornare nisi nec, blandit lacus. Praesent sed ante dictum, porta mi eget, auctor magna. Pellentesque volutpat in velit vel condimentum. Etiam ac nisi sagittis, feugiat felis vel, tempus odio. Aenean malesuada quam vel dui venenatis luctus.</p>
  </section>
  <section class="body-part">
    <h1 class="ct">Some Part Title One</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna turpis, sagittis vel sagittis vitae, accumsan eleifend quam. Donec vitae dapibus arcu, a congue orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non cursus ipsum. Vestibulum faucibus sit amet velit imperdiet congue. Proin consequat nec risus elementum iaculis. Ut elit nisl, posuere ac ligula id, ultricies auctor eros. Ut nec lorem a lacus hendrerit scelerisque nec sit amet purus.Vivamus nec enim sit amet quam ultricies condimentum ac in risus. Phasellus nibh risus, consequat id venenatis a, tempor a nunc. Duis malesuada faucibus ipsum, sodales auctor est aliquet nec. Nulla egestas neque at lacus lobortis, ut ornare neque volutpat. Cras blandit sagittis congue. Sed luctus in mi in tincidunt. Quisque nec mollis sem, sit amet suscipit elit. Maecenas posuere ante non semper pharetra. Phasellus in scelerisque tellus. Fusce gravida erat quis odio aliquam aliquam. Sed ullamcorper, tellus in varius viverra, odio justo accumsan nulla, quis auctor est lorem sit amet ex. In at viverra orci, nec iaculis orci. Ut mattis augue a ex semper, quis interdum leo sollicitudin. Quisque leo ligula, accumsan et hendrerit at, ornare nec diam. Etiam mattis eget quam eget vehicula. Suspendisse potenti.Praesent euismod ante sed eros gravida bibendum. Praesent ut faucibus nibh, condimentum congue metus. Duis placerat purus sed risus ultrices fringilla. Fusce leo nisi, imperdiet nec magna at, vulputate imperdiet erat. Vivamus non ligula vel velit convallis pretium ut ut nisi. Pellentesque cursus venenatis augue, et congue diam sollicitudin ut. Morbi tincidunt erat at sem volutpat, vel elementum arcu pellentesque. Quisque pretium dolor a nibh efficitur faucibus. Nulla facilisi. Nunc semper vestibulum orci eget hendrerit. Cras ullamcorper purus tortor, vitae blandit urna volutpat et. Nulla sed orci metus. Vestibulum odio sem, posuere sed pellentesque a, interdum quis ligula. Nam iaculis dui id libero mollis maximus. Fusce scelerisque magna non lectus gravida, vitae malesuada lorem eleifend.Integer eget maximus odio. Morbi ultricies vitae dolor vitae scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin hendrerit nulla vel pellentesque consequat. Sed lobortis, ante fermentum malesuada tincidunt, augue nulla volutpat nisi, interdum pharetra turpis urna ut neque. Phasellus molestie mi at magna finibus auctor. Quisque tempor accumsan nisl non feugiat. Quisque a arcu et purus sollicitudin mollis. Proin eu sapien neque. Donec at lectus aliquet, bibendum ante et, porttitor ex.Mauris ac tellus id felis posuere hendrerit. Morbi eget mattis nisi, non ullamcorper tellus. In diam quam, viverra eget est quis, commodo auctor leo. Nam rhoncus, metus eget placerat elementum, risus nulla imperdiet mi, eget scelerisque mi odio sit amet tellus. Phasellus vitae lorem fringilla, semper nisi vitae, condimentum arcu. Morbi non nisl congue, ornare nisi nec, blandit lacus. Praesent sed ante dictum, porta mi eget, auctor magna. Pellentesque volutpat in velit vel condimentum. Etiam ac nisi sagittis, feugiat felis vel, tempus odio. Aenean malesuada quam vel dui venenatis luctus.</p>
  </section>
  <section class="body-chapter">
    <h1 class="ct">Some Chapter Title One</h1>
    <p>Lorem ipsum dolor sit amet, c
      <a class="inline-note-callout" href="#note-d09fbc4d018c302cfb32432e23336b75">
        <sup>1.</sup>
      </a>
      onsectetur adipiscing elit. Morbi magna turpis, sagittis vel sagittis vitae, accumsan eleifend quam. Donec vitae dapibus arcu, a congue orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non cursus ipsum. Vestibulum faucibus sit amet velit imperdiet congue. Proin consequat nec risus elementum iaculis. Ut elit nisl, posuere ac ligula id, ultricies auctor eros. Ut nec lorem a lacus hendrerit scelerisque nec sit amet purus.Vivamus nec enim sit amet quam ultricies condimentum ac in risus. Phasellus nibh risus, consequat id venenatis a, tempor a nunc. Duis malesuada faucibus ipsum, sodales auctor est aliquet nec. Nulla egestas neque at lacus lobortis, ut ornare neque volutpat. Cras blandit sagittis congue. Sed luctus in mi in tincidunt. Quisque nec mollis sem, sit amet suscipit elit. Maecenas posuere ante non semper pharetra. Phasellus in scelerisque tellus. Fusce gravida erat quis odio aliquam aliquam. Sed ullamcorper, tellus in varius viverra, odio justo accumsan nulla, quis auctor est lorem sit amet ex. In at viverra orci, nec iaculis orci. Ut mattis augue a ex semper, quis interdum leo sollicitudin. Quisque leo ligula, accumsan et hendrerit at, ornare nec diam. Etiam mattis eget quam eget vehicula. Suspendisse potenti.Praesent euismod ante sed eros gravida bibendum. Praesent ut faucibus nibh, condimentum congue metus. Duis placerat purus sed risus ultrices fringilla. Fusce leo nisi, imperdiet nec magna at, vulputate imperdiet erat. Vivamus non ligula vel velit convallis pretium ut ut nisi. Pellentesque cursus venenatis augue, et congue diam sollicitudin ut. Morbi tincidunt erat at sem volutpat, vel elementum arcu pellentesque. Quisque pretium dolor a nibh efficitur faucibus. Nulla facilisi. Nunc semper vestibulum orci eget hendrerit. Cras ullamcorper purus tortor, vitae blandit urna volutpat et. Nulla sed orci metus. Vestibulum odio sem, posuere sed pellentesque a, interdum quis ligula. Nam iaculis dui id libero mollis maximus. Fusce scelerisque magna non lectus gravida, vitae malesuada lorem eleifend.Integer eget maximus odio. Morbi ultricies vitae dolor vitae scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin hendrerit nulla vel pellentesque consequat. Sed lobortis, ante fermentum malesuada tincidunt, augue nulla volutpat nisi, interdum pharetra turpis urna ut neque. Phasellus molestie mi at magna finibus auctor. Quisque tempor accumsan nisl non feugiat. Quisque a arcu et purus sollicitudin mollis. Proin eu sapien neque. Donec at lectus aliquet, bibendum ante et, porttitor ex.Mauris ac tellus id felis posuere hendrerit. Morbi eget mattis nisi, non ullamcorper tellus. In diam quam, viverra eget est quis, commodo auctor leo. Nam rhoncus, metus eget placerat elementum, risus nulla imperdiet mi, eget scelerisque mi odio sit amet tellus. Phasellus vitae lorem fringilla, semper nisi vitae, condimentum arcu. Morbi non nisl congue, ornare nisi nec, blandit lacus. Praesent sed ante dictum, porta mi eget, auctor magna. Pellentesque volutpat in velit vel condimentum. Etiam ac nisi sagittis, feugiat felis vel, tempus odio. Aenean malesuada quam vel dui venenatis luctus.</p>
  </section>
  <section class="body-part">
    <h1 class="ct">Some Part Title Two</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna turpis, sagittis vel sagittis vitae, accumsan eleifend quam. Donec vitae dapibus arcu, a congue orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non cursus ipsum. Vestibulum faucibus sit amet velit imperdiet congue. Proin consequat nec risus elementum iaculis. Ut elit nisl, posuere ac ligula id, ultricies auctor eros. Ut nec lorem a lacus hendrerit scelerisque nec sit amet purus.Vivamus nec enim sit amet quam ultricies condimentum ac in risus. Phasellus nibh risus, consequat id venenatis a, tempor a nunc. Duis malesuada faucibus ipsum, sodales auctor est aliquet nec. Nulla egestas neque at lacus lobortis, ut ornare neque volutpat. Cras blandit sagittis congue. Sed luctus in mi in tincidunt. Quisque nec mollis sem, sit amet suscipit elit. Maecenas posuere ante non semper pharetra. Phasellus in scelerisque tellus. Fusce gravida erat quis odio aliquam aliquam. Sed ullamcorper, tellus in varius viverra, odio justo accumsan nulla, quis auctor est lorem sit amet ex. In at viverra orci, nec iaculis orci. Ut mattis augue a ex semper, quis interdum leo sollicitudin. Quisque leo ligula, accumsan et hendrerit at, ornare nec diam. Etiam mattis eget quam eget vehicula. Suspendisse potenti.Praesent euismod ante sed eros gravida bibendum. Praesent ut faucibus nibh, condimentum congue metus. Duis placerat purus sed risus ultrices fringilla. Fusce leo nisi, imperdiet nec magna at, vulputate imperdiet erat. Vivamus non ligula vel velit convallis pretium ut ut nisi. Pellentesque cursus venenatis augue, et congue diam sollicitudin ut. Morbi tincidunt erat at sem volutpat, vel elementum arcu pellentesque. Quisque pretium dolor a nibh efficitur faucibus. Nulla facilisi. Nunc semper vestibulum orci eget hendrerit. Cras ullamcorper purus tortor, vitae blandit urna volutpat et. Nulla sed orci metus. Vestibulum odio sem, posuere sed pellentesque a, interdum quis ligula. Nam iaculis dui id libero mollis maximus. Fusce scelerisque magna non lectus gravida, vitae malesuada lorem eleifend.Integer eget maximus odio. Morbi ultricies vitae dolor vitae scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin hendrerit nulla vel pellentesque consequat. Sed lobortis, ante fermentum malesuada tincidunt, augue nulla volutpat nisi, interdum pharetra turpis urna ut neque. Phasellus molestie mi at magna finibus auctor. Quisque tempor accumsan nisl non feugiat. Quisque a arcu et purus sollicitudin mollis. Proin eu sapien neque. Donec at lectus aliquet, bibendum ante et, porttitor ex.Mauris ac tellus id felis posuere hendrerit. Morbi eget mattis nisi, non ullamcorper tellus. In diam quam, viverra eget est quis, commodo auctor leo. Nam rhoncus, metus eget placerat elementum, risus nulla imperdiet mi, eget scelerisque mi odio sit amet tellus. Phasellus vitae lorem fringilla, semper nisi vitae, condimentum arcu. Morbi non nisl congue, ornare nisi nec, blandit lacus. Praesent sed ante dictum, porta mi eget, auctor magna. Pellentesque volutpat in velit vel condimentum. Etiam ac nisi sagittis, feugiat felis vel, tempus odio. Aenean malesuada quam vel dui venenatis luctus.</p>
  </section>
  <section class="body-chapter">
    <h1 class="ct">Some Chapter Title Two</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna turpis, sagittis vel sagittis vitae, accumsan eleifend quam. Donec vitae dapibus arcu, a congue orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non cursus ipsum. Vestibulum faucibus sit amet velit imperdiet congue. Proin consequat nec risus elementum iaculis. Ut elit nisl, posuere ac ligula id, ultricies auctor eros. Ut nec lorem a lacus hendrerit scelerisque nec sit amet purus.Vivamus nec enim sit amet quam ultricies condimentum ac in risus. Phasellus nibh risus, consequat id venenatis a, tempor a nunc. Duis malesuada faucibus ipsum, sodales auctor est aliquet nec. Nulla egestas neque at lacus lobortis, ut ornare neque volutpat. Cras blandit sagittis congue. Sed luctus in mi in tincidunt. Quisque nec mollis sem, sit amet suscipit elit. Maecenas posuere ante non semper pharetra. Phasellus in scelerisque tellus. Fusce gravida erat quis odio aliquam aliquam. Sed ullamcorper, tellus in varius viverra, odio justo accumsan nulla, quis auctor est lorem sit amet ex. In at viverra orci, nec iaculis orci. Ut mattis augue a ex semper, quis interdum leo sollicitudin. Quisque leo ligula, accumsan et hendrerit at, ornare nec diam. Etiam mattis eget quam eget vehicula. Suspendisse potenti.Praesent euismod ante sed eros gravida bibendum. Praesent ut faucibus nibh, condimentum congue metus. Duis placerat purus sed risus ultrices fringilla. Fusce leo nisi, imperdiet nec magna at, vulputate imperdiet erat. Vivamus non ligula vel velit convallis pretium ut ut nisi. Pellentesque cursus venenatis augue, et congue diam sollicitudin ut. Morbi tincidunt erat at sem volutpat, vel elementum arcu pellentesque. Quisque pretium dolor a nibh efficitur faucibus. Nulla facilisi. Nunc semper vestibulum orci eget hendrerit. Cras ullamcorper purus tortor, vitae blandit urna volutpat et. Nulla sed orci metus. Vestibulum odio sem, posuere sed pellentesque a, interdum quis ligula. Nam iaculis dui id libero mollis maximus. Fusce scelerisque magna non lectus gravida, vitae malesuada lorem eleifend.Integer eget maximus odio. Morbi ultricies vitae dolor vitae scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin hendrerit nulla vel pellentesque consequat. Sed lobortis, ante fermentum malesuada tincidunt, augue nulla volutpat nisi, interdum pharetra turpis urna ut neque. Phasellus molestie mi at magna finibus auctor. Quisque tempor accumsan nisl non feugiat. Quisque a arcu et purus sollicitudin mollis. Proin eu sapien neque. Donec at lectus aliquet, bibendum ante et, porttitor ex.Mauris ac tellus id felis posuere hendrerit. Morbi eget mattis nisi, non ullamcorper tellus. In diam quam, viverra eget est quis, commodo auctor leo. Nam rhoncus, metus eget placerat elementum, risus nulla imperdiet mi, eget scelerisque mi odio sit amet tellus. Phasellus vitae lorem fringilla, semper nisi vitae, condimentum arcu. Morbi non nisl congue, ornare nisi nec, blandit lacus. Praesent sed ante dictum, porta mi eget, auctor magna. Pellentesque volutpat in velit vel condimentum. Etiam ac nisi sagittis, feugiat felis vel, tempus odio. Aenean malesuada quam vel dui venenatis luctus.</p>
  </section>
  <section class="body-part">
    <h1 class="ct">Some Part Title Three</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna turpis, sagittis vel sagittis vitae, accumsan eleifend quam. Donec vitae dapibus arcu, a congue orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non cursus ipsum. Vestibulum faucibus sit amet velit imperdiet congue. Proin consequat nec risus elementum iaculis. Ut elit nisl, posuere ac ligula id, ultricies auctor eros. Ut nec lorem a lacus hendrerit scelerisque nec sit amet purus.Vivamus nec enim sit amet quam ultricies condimentum ac in risus. Phasellus nibh risus, consequat id venenatis a, tempor a nunc. Duis malesuada faucibus ipsum, sodales auctor est aliquet nec. Nulla egestas neque at lacus lobortis, ut ornare neque volutpat. Cras blandit sagittis congue. Sed luctus in mi in tincidunt. Quisque nec mollis sem, sit amet suscipit elit. Maecenas posuere ante non semper pharetra. Phasellus in scelerisque tellus. Fusce gravida erat quis odio aliquam aliquam. Sed ullamcorper, tellus in varius viverra, odio justo accumsan nulla, quis auctor est lorem sit amet ex. In at viverra orci, nec iaculis orci. Ut mattis augue a ex semper, quis interdum leo sollicitudin. Quisque leo ligula, accumsan et hendrerit at, ornare nec diam. Etiam mattis eget quam eget vehicula. Suspendisse potenti.Praesent euismod ante sed eros gravida bibendum. Praesent ut faucibus nibh, condimentum congue metus. Duis placerat purus sed risus ultrices fringilla. Fusce leo nisi, imperdiet nec magna at, vulputate imperdiet erat. Vivamus non ligula vel velit convallis pretium ut ut nisi. Pellentesque cursus venenatis augue, et congue diam sollicitudin ut. Morbi tincidunt erat at sem volutpat, vel elementum arcu pellentesque. Quisque pretium dolor a nibh efficitur faucibus. Nulla facilisi. Nunc semper vestibulum orci eget hendrerit. Cras ullamcorper purus tortor, vitae blandit urna volutpat et. Nulla sed orci metus. Vestibulum odio sem, posuere sed pellentesque a, interdum quis ligula. Nam iaculis dui id libero mollis maximus. Fusce scelerisque magna non lectus gravida, vitae malesuada lorem eleifend.Integer eget maximus odio. Morbi ultricies vitae dolor vitae scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin hendrerit nulla vel pellentesque consequat. Sed lobortis, ante fermentum malesuada tincidunt, augue nulla volutpat nisi, interdum pharetra turpis urna ut neque. Phasellus molestie mi at magna finibus auctor. Quisque tempor accumsan nisl non feugiat. Quisque a arcu et purus sollicitudin mollis. Proin eu sapien neque. Donec at lectus aliquet, bibendum ante et, porttitor ex.Mauris ac tellus id felis posuere hendrerit. Morbi eget mattis nisi, non ullamcorper tellus. In diam quam, viverra eget est quis, commodo auctor leo. Nam rhoncus, metus eget placerat elementum, risus nulla imperdiet mi, eget scelerisque mi odio sit amet tellus. Phasellus vitae lorem fringilla, semper nisi vitae, condimentum arcu. Morbi non nisl congue, ornare nisi nec, blandit lacus. Praesent sed ante dictum, porta mi eget, auctor magna. Pellentesque volutpat in velit vel condimentum. Etiam ac nisi sagittis, feugiat felis vel, tempus odio. Aenean malesuada quam vel dui venenatis luctus.</p>
  </section>
  <section class="body-chapter">
    <h1 class="ct">Some Chapter Title Three</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna turpis, sagittis vel sagittis vitae, accumsan eleifend quam. Donec vitae dapibus arcu, a congue orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non cursus ipsum. Vestibulum faucibus sit amet velit imperdiet congue. Proin consequat nec risus elementum iaculis. Ut elit nisl, posuere ac ligula id, ultricies auctor eros. Ut nec lorem a lacus hendrerit scelerisque nec sit amet purus.Vivamus nec enim sit amet quam ultricies condimentum ac in risus. Phasellus nibh risus, consequat id venenatis a, tempor a nunc. Duis malesuada faucibus ipsum, sodales auctor est aliquet nec. Nulla egestas neque at lacus lobortis, ut ornare neque volutpat. Cras blandit sagittis congue. Sed luctus in mi in tincidunt. Quisque nec mollis sem, sit amet suscipit elit. Maecenas posuere ante non semper pharetra. Phasellus in scelerisque tellus. Fusce gravida erat quis odio aliquam aliquam. Sed ullamcorper, tellus in varius viverra, odio justo accumsan nulla, quis auctor est lorem sit amet ex. In at viverra orci, nec iaculis orci. Ut mattis augue a ex semper, quis interdum leo sollicitudin. Quisque leo ligula, accumsan et hendrerit at, ornare nec diam. Etiam mattis eget quam eget vehicula. Suspendisse potenti.Praesent euismod ante sed eros gravida bibendum. Praesent ut faucibus nibh, condimentum congue metus. Duis placerat purus sed risus ultrices fringilla. Fusce leo nisi, imperdiet nec magna at, vulputate imperdiet erat. Vivamus non ligula vel velit convallis pretium ut ut nisi. Pellentesque cursus venenatis augue, et congue diam sollicitudin ut. Morbi tincidunt erat at sem volutpat, vel elementum arcu pellentesque. Quisque pretium dolor a nibh efficitur faucibus. Nulla facilisi. Nunc semper vestibulum orci eget hendrerit. Cras ullamcorper purus tortor, vitae blandit urna volutpat et. Nulla sed orci metus. Vestibulum odio sem, posuere sed pellentesque a, interdum quis ligula. Nam iaculis dui id libero mollis maximus. Fusce scelerisque magna non lectus gravida, vitae malesuada lorem eleifend.Integer eget maximus odio. Morbi ultricies vitae dolor vitae scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin hendrerit nulla vel pellentesque consequat. Sed lobortis, ante fermentum malesuada tincidunt, augue nulla volutpat nisi, interdum pharetra turpis urna ut neque. Phasellus molestie mi at magna finibus auctor. Quisque tempor accumsan nisl non feugiat. Quisque a arcu et purus sollicitudin mollis. Proin eu sapien neque. Donec at lectus aliquet, bibendum ante et, porttitor ex.Mauris ac tellus id felis posuere hendrerit. Morbi eget mattis nisi, non ullamcorper tellus. In diam quam, viverra eget est quis, commodo auctor leo. Nam rhoncus, metus eget placerat elementum, risus nulla imperdiet mi, eget scelerisque mi odio sit amet tellus. Phasellus vitae lorem fringilla, semper nisi vitae, condimentum arcu. Morbi non nisl congue, ornare nisi nec, blandit lacus. Praesent sed ante dictum, porta mi eget, auctor magna. Pellentesque volutpat in velit vel condimentum. Etiam ac nisi sagittis, feugiat felis vel, tempus odio. Aenean malesuada quam vel dui venenatis luctus.</p>
  </section>
  <section class="body-chapter"></section>
  <section class="body-chapter"></section>
  <section class="back-component">
    <h1 class="ct">Appendix A</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi magna turpis, sagittis vel sagittis vitae, accumsan eleifend quam. Donec vitae dapibus arcu, a congue orci. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non cursus ipsum. Vestibulum faucibus sit amet velit imperdiet congue. Proin consequat nec risus elementum iaculis. Ut elit nisl, posuere ac ligula id, ultricies auctor eros. Ut nec lorem a lacus hendrerit scelerisque nec sit amet purus.Vivamus nec enim sit amet quam ultricies condimentum ac in risus. Phasellus nibh risus, consequat id venenatis a, tempor a nunc. Duis malesuada faucibus ipsum, sodales auctor est aliquet nec. Nulla egestas neque at lacus lobortis, ut ornare neque volutpat. Cras blandit sagittis congue. Sed luctus in mi in tincidunt. Quisque nec mollis sem, sit amet suscipit elit. Maecenas posuere ante non semper pharetra. Phasellus in scelerisque tellus. Fusce gravida erat quis odio aliquam aliquam. Sed ullamcorper, tellus in varius viverra, odio justo accumsan nulla, quis auctor est lorem sit amet ex. In at viverra orci, nec iaculis orci. Ut mattis augue a ex semper, quis interdum leo sollicitudin. Quisque leo ligula, accumsan et hendrerit at, ornare nec diam. Etiam mattis eget quam eget vehicula. Suspendisse potenti.Praesent euismod ante sed eros gravida bibendum. Praesent ut faucibus nibh, condimentum congue metus. Duis placerat purus sed risus ultrices fringilla. Fusce leo nisi, imperdiet nec magna at, vulputate imperdiet erat. Vivamus non ligula vel velit convallis pretium ut ut nisi. Pellentesque cursus venenatis augue, et congue diam sollicitudin ut. Morbi tincidunt erat at sem volutpat, vel elementum arcu pellentesque. Quisque pretium dolor a nibh efficitur faucibus. Nulla facilisi. Nunc semper vestibulum orci eget hendrerit. Cras ullamcorper purus tortor, vitae blandit urna volutpat et. Nulla sed orci metus. Vestibulum odio sem, posuere sed pellentesque a, interdum quis ligula. Nam iaculis dui id libero mollis maximus. Fusce scelerisque magna non lectus gravida, vitae malesuada lorem eleifend.Integer eget maximus odio. Morbi ultricies vitae dolor vitae scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin hendrerit nulla vel pellentesque consequat. Sed lobortis, ante fermentum malesuada tincidunt, augue nulla volutpat nisi, interdum pharetra turpis urna ut neque. Phasellus molestie mi at magna finibus auctor. Quisque tempor accumsan nisl non feugiat. Quisque a arcu et purus sollicitudin mollis. Proin eu sapien neque. Donec at lectus aliquet, bibendum ante et, porttitor ex.Mauris ac tellus id felis posuere hendrerit. Morbi eget mattis nisi, non ullamcorper tellus. In diam quam, viverra eget est quis, commodo auctor leo. Nam rhoncus, metus eget placerat elementum, risus nulla imperdiet mi, eget scelerisque mi odio sit amet tellus. Phasellus vitae lorem fringilla, semper nisi vitae, condimentum arcu. Morbi non nisl congue, ornare nisi nec, blandit lacus. Praesent sed ante dictum, porta mi eget, auctor magna. Pellentesque volutpat in velit vel condimentum. Etiam ac nisi sagittis, feugiat felis vel, tempus odio. Aenean malesuada quam vel dui venenatis luctus.</p>
  </section>
  <section class="back-component">
    <h1 class="ct">Notes</h1>
    <h2 class="note-chapterTitle">Front Matter Title</h2>
    <ol>
      <li>asdfasdfasdasdf</li>
      <li>asdfasdfasdf</li>
    </ol>
    <h2 class="note-chapterTitle">Some Chapter Title One</h2>
    <ol>
      <li>asdfasdfasdfasdf</li>
    </ol>
  </section>

    <script>
      function show() {
        wrapHeading();
        pagedjs();
        document.querySelector("#render").style.display = "none";
        }
      document.querySelector('#render').addEventListener('click',  show);
    </script>

</body>

</html>