diff --git a/README.md b/README.md index 847a77a..a043351 100644 --- a/README.md +++ b/README.md @@ -47,6 +47,35 @@ Add to your `` the following tag. ``` +#### Scroll up + +##### Add the class `show` to `nav` when the scroll goes up. + +```html + +``` + +##### Remove the `show` class from `nav` when the scroll goes up. + +```html + +``` + +#### Scroll down + +##### Add the class `show` to `nav` when the scroll down. + +```html + +``` + +##### Remove the `show` class from `nav` when the scroll down. + +```html + +``` + + #### Classes without events ##### Add the class `show` to the `#nav` selector @@ -101,6 +130,35 @@ Añade a tu `` la siguiente etiqueta. ``` +#### Subir scroll + +##### Añadir la clase `show` al selector `nav` cuando el scroll sube. + +```html + +``` + +##### Quitar la clase `show` al selector `nav` cuando el scroll sube. + +```html + +``` + +#### Bajar scroll + +##### Añadir la clase `show` al selector `nav` cuando el scroll baja. + +```html + +``` + +##### Quitar la clase `show` al selector `nav` cuando el scroll baja. + +```html + +``` + + #### Clases sin eventos ##### Añadir la clase `show` al selector `#menu` diff --git a/dist/ffnm.min.js b/dist/ffnm.min.js index a6f4b89..55c093b 100644 --- a/dist/ffnm.min.js +++ b/dist/ffnm.min.js @@ -1,2 +1,2 @@ -document.addEventListener("DOMContentLoaded",()=>{const e={class:["add","remove","toggle"]};let t=[];t=[],["i-click","i-scroll-up","i-scroll-down"].map(c=>[...document.querySelectorAll(`[${c}]`)].map(l=>{let r=Object.keys(e).map(t=>e[t].map(e=>RegExp(`^${t}:${e}\\('\\w+', *'[#,.,a-zA-Z]\\w*'\\)$`).test(l.getAttribute(c))).some(e=>e)).every(e=>e);return r?t.push(l):(console.error("FFNM: Bad syntax"),console.error(l)),r}).every(e=>e)).every(e=>e),[...document.querySelectorAll("[i-click]")].forEach(e=>{let t=function(e,t){let c=e.getAttribute(t),l=RegExp("^(\\w+):").exec(c)[1],r=RegExp(":(\\w+)\\(").exec(c)[1],a=RegExp("\\('(\\w+)',").exec(c)[1],o=RegExp(", *'([#,.,a-zA-Z]\\w*)'\\)").exec(c)[1];return{functionParent:l,functionChild:r,value:a,target:o}}(e,"i-click");switch(t.functionParent){case"class":[...document.querySelectorAll(t.target)].forEach(c=>{e.addEventListener("click",()=>{switch(t.functionChild){case"add":c.classList.add(t.value);break;case"remove":c.classList.remove(t.value);break;case"toggle":c.classList.toggle(t.value)}})})}})}); +document.addEventListener("DOMContentLoaded",()=>{const e={class:["add","remove","toggle"]};let c=[],t=void 0;function l(e,c){let t=e.getAttribute(c),l=RegExp("^(\\w+):").exec(t)[1],s=RegExp(":(\\w+)\\(").exec(t)[1],a=RegExp("\\('(\\w+)',").exec(t),o=null!==a?a.exec(t)[1]:void 0,r=RegExp(", *'([#,.,a-zA-Z]\\w*)'\\)").exec(t);return{functionParent:l,functionChild:s,value:o,target:null!==r?r.exec(t)[1]:void 0}}c=[],["i-click","i-scroll-up","i-scroll-down"].map(t=>[...document.querySelectorAll(`[${t}]`)].map(l=>{let s=Object.keys(e).map(c=>e[c].map(e=>RegExp(`^${c}:${e}\\('\\w+', *'[#,.,a-zA-Z]\\w*'\\)$`).test(l.getAttribute(t))).some(e=>e)).every(e=>e);return s?c.push(l):(console.error("FFNM: Bad syntax"),console.error(l)),s}).every(e=>e)).every(e=>e),[...document.querySelectorAll("[i-click]")].forEach(e=>{let c=l(e,"i-click");switch(c.functionParent){case"class":[...document.querySelectorAll(c.target)].forEach(t=>{e.addEventListener("click",()=>{switch(c.functionChild){case"add":t.classList.add(c.value);break;case"remove":t.classList.remove(c.value);break;case"toggle":t.classList.toggle(c.value)}})})}}),window.addEventListener("scroll",()=>{let e=window.pageYOffset||document.documentElement.scrollTop;[...document.querySelectorAll("[i-scroll-down]")].forEach(c=>{if(e>t){let e=l(c,"i-scroll-down");switch(e.functionParent){case"class":switch(e.functionChild){case"add":c.classList.add(e.value);break;case"remove":c.classList.remove(e.value)}}}}),[...document.querySelectorAll("[i-scroll-up]")].forEach(c=>{if(e<=t){let e=l(c,"i-scroll-up");switch(e.functionParent){case"class":switch(e.functionChild){case"add":c.classList.add(e.value);break;case"remove":c.classList.remove(e.value)}}}}),t=e<=0?0:e},!1)}); //# sourceMappingURL=ffnm.min.js.map diff --git a/src/core.js b/src/core.js index 0a4f849..b2b3557 100644 --- a/src/core.js +++ b/src/core.js @@ -8,6 +8,7 @@ document.addEventListener('DOMContentLoaded', () => { 'class': ['add', 'remove', 'toggle'] }; let elementsValidates = []; + let lastScrollTop = undefined; //=== // FUNCTIONS @@ -44,7 +45,24 @@ document.addEventListener('DOMContentLoaded', () => { } /** - * Method add events click + * Method return params + * return JSON - {'functionParent': '', 'functionChild': '', 'value': '', 'target': ''} + * example - i-click="class:add('show', '#menu')" + * return {'functionParent': 'class', 'functionChild': 'add', 'value': 'show', 'target': '#menu'} + */ + function splitParams(element, attribute) { + let params = element.getAttribute(attribute); + let functionParent = RegExp(`^(\\w+):`).exec(params)[1]; + let functionChild = RegExp(`:(\\w+)\\(`).exec(params)[1]; + let resultValue = RegExp(`\\(\'(\\w+)\',`).exec(params); + let value = resultValue !== null ? resultValue.exec(params)[1] : undefined; + let resultTarget = RegExp(`, *\'([#,.,a-zA-Z]\\w*)\'\\)`).exec(params); + let target = resultTarget !== null ? resultTarget.exec(params)[1] : undefined; + return {'functionParent': functionParent, 'functionChild': functionChild, 'value': value, 'target': target}; + } + + /** + * Method add events i-click * return void */ function addEventClick() { @@ -74,24 +92,58 @@ document.addEventListener('DOMContentLoaded', () => { } /** - * Method return params - * return JSON - {'functionParent': '', 'functionChild': '', 'value': '', 'target': ''} - * example - i-click="class:add('show', '#menu')" - * return {'functionParent': 'class', 'functionChild': 'add', 'value': 'show', 'target': '#menu'} + * Method add events i-scroll + * return void */ - function splitParams(element, attribute) { - let params = element.getAttribute(attribute); - let functionParent = RegExp(`^(\\w+):`).exec(params)[1]; - let functionChild = RegExp(`:(\\w+)\\(`).exec(params)[1]; - let value = RegExp(`\\(\'(\\w+)\',`).exec(params)[1]; - let target = RegExp(`, *\'([#,.,a-zA-Z]\\w*)\'\\)`).exec(params)[1]; - return {'functionParent': functionParent, 'functionChild': functionChild, 'value': value, 'target': target}; + function addEventScroll() { + let eventScrollDown = 'i-scroll-down'; + let eventScrollUp = 'i-scroll-up'; + window.addEventListener("scroll", () => { + let posScroll = window.pageYOffset || document.documentElement.scrollTop; + // Scroll down + [...document.querySelectorAll(`[${eventScrollDown}]`)].forEach((element) => { + if (posScroll > lastScrollTop) { + let params = splitParams(element, eventScrollDown); + switch(params.functionParent) { + case 'class': + switch(params.functionChild) { + case 'add': + element.classList.add(params.value); + break; + case 'remove': + element.classList.remove(params.value); + break; + } + break; + } + } + }); + // Scroll up + [...document.querySelectorAll(`[${eventScrollUp}]`)].forEach((element) => { + if (posScroll <= lastScrollTop) { + let params = splitParams(element, eventScrollUp); + switch(params.functionParent) { + case 'class': + switch(params.functionChild) { + case 'add': + element.classList.add(params.value); + break; + case 'remove': + element.classList.remove(params.value); + break; + } + break; + } + } + }); + lastScrollTop = posScroll <= 0 ? 0 : posScroll; // For Mobile or negative scrolling + }, false); } - //=== // INIT //=== validateSyntax(); addEventClick(); + addEventScroll(); }); diff --git a/test/i-click.html b/test/i-click.html index c57c29f..74d2ec1 100644 --- a/test/i-click.html +++ b/test/i-click.html @@ -3,7 +3,7 @@ Test syntax - + + + + +

+ Ullamcorper morbi tincidunt ornare massa, eget egestas purus viverra accumsan in nisl nisi, scelerisque eu ultrices. Sapien et ligula ullamcorper malesuada proin libero nunc, consequat interdum varius sit amet, mattis. +

+

+ Praesent tristique magna sit amet purus gravida quis blandit turpis cursus in hac habitasse platea dictumst quisque sagittis, purus sit amet volutpat consequat, mauris. Pellentesque habitant morbi tristique senectus et? +

+

+ Tempor nec feugiat nisl pretium fusce id velit ut tortor pretium. At elementum eu, facilisis sed odio morbi quis commodo odio aenean sed adipiscing diam donec adipiscing tristique risus nec. +

+

+ Ultrices vitae, auctor eu augue ut lectus arcu, bibendum at varius vel, pharetra vel turpis nunc eget lorem dolor, sed! Aenean pharetra, magna ac placerat vestibulum, lectus mauris ultrices eros. +

+

+ Laoreet sit amet cursus sit amet, dictum sit amet justo donec enim diam, vulputate ut pharetra sit! Mauris, in aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod in! +

+

+ Massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra? Euismod in pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id aliquet risus feugiat in ante! +

+

+ Feugiat scelerisque varius morbi enim nunc, faucibus a pellentesque sit amet, porttitor eget dolor morbi non arcu risus, quis varius quam quisque id diam? Pellentesque id nibh tortor, id aliquet! +

+

+ Tempus, urna et pharetra pharetra, massa massa ultricies mi, quis hendrerit dolor magna eget est lorem ipsum dolor sit amet, consectetur adipiscing? Venenatis, lectus magna fringilla urna, porttitor rhoncus dolor. +

+

+ In ante metus, dictum at tempor commodo, ullamcorper a lacus? Hendrerit gravida rutrum quisque non tellus orci, ac auctor augue mauris augue neque, gravida in fermentum et, sollicitudin ac orci. +

+

+ Id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus! Nec dui nunc mattis enim ut tellus elementum sagittis vitae et. +

+

+ Faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit amet massa. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus, sed. +

+

+ Leo vel orci porta non pulvinar. Sit amet, consectetur adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi nullam vehicula ipsum a arcu cursus vitae congue mauris rhoncus? +

+

+ Pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim enim, sit amet venenatis urna cursus! +

+

+ Nam libero justo, laoreet sit amet cursus sit amet, dictum sit amet justo donec enim diam, vulputate ut pharetra sit amet? Nunc sed velit dignissim sodales ut eu sem integer. +

+

+ Sed vulputate mi sit amet mauris commodo quis imperdiet massa! Senectus et netus et malesuada fames ac turpis egestas maecenas pharetra convallis posuere morbi leo urna, molestie at elementum eu! +

+

+ Eu mi bibendum neque egestas congue quisque egestas diam in. Id interdum velit laoreet id donec ultrices tincidunt arcu, non sodales neque sodales ut etiam sit amet nisl purus, in! +

+

+ Id venenatis a, condimentum vitae sapien pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas sed tempus, urna et pharetra pharetra. Eros donec ac odio tempor. +

+

+ Tortor aliquam nulla facilisi cras fermentum? Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id aliquet risus feugiat in ante. +

+

+ Nibh venenatis cras sed felis eget velit aliquet sagittis id consectetur. Maecenas ultricies mi eget mauris pharetra et ultrices neque ornare aenean euismod elementum nisi, quis eleifend quam adipiscing vitae! +

+

+ Curabitur vitae nunc sed velit dignissim sodales ut eu sem integer vitae justo! Aenean sed adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum posuere urna nec tincidunt praesent. +

+

+ Ut faucibus pulvinar elementum integer enim neque, volutpat ac tincidunt vitae, semper quis lectus! Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam. +

+

+ Egestas diam in arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc? Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim neque, volutpat ac tincidunt vitae, semper quis. +

+

+ Nibh tellus molestie nunc, non blandit massa enim nec dui nunc mattis enim ut tellus elementum sagittis vitae et! Mauris nunc congue nisi, vitae suscipit tellus mauris a diam maecenas. +

+

+ Faucibus purus in massa tempor nec? Tortor consequat id porta nibh venenatis cras sed felis eget velit aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer enim neque, volutpat. +

+

+ Donec adipiscing tristique risus nec feugiat in fermentum posuere urna nec tincidunt praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Consectetur a erat nam at lectus urna duis convallis! +

+

+ Enim diam, vulputate ut pharetra sit amet, aliquam id diam maecenas ultricies mi eget mauris pharetra et ultrices neque. Ut morbi tincidunt augue interdum velit euismod in pellentesque massa placerat. +

+

+ Ac, feugiat sed lectus vestibulum mattis ullamcorper velit? Magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim? +

+

+ Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur! Neque sodales ut etiam sit amet nisl purus, in mollis nunc sed id semper risus in hendrerit gravida rutrum quisque non? +

+

+ Et malesuada fames ac turpis egestas integer eget aliquet nibh praesent tristique magna sit amet purus gravida quis blandit! Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. +

+

+ Ipsum consequat nisl, vel pretium lectus quam id leo in vitae turpis massa sed elementum tempus egestas sed sed risus pretium. Mauris pharetra et ultrices neque ornare aenean euismod elementum. +

+

+ Neque, gravida in fermentum et, sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Dolor sit amet, consectetur adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. +

+

+ Aliquet enim tortor, at auctor. Orci, ac auctor augue mauris augue neque, gravida in fermentum et, sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla! +

+

+ Risus pretium quam vulputate dignissim suspendisse in est ante in nibh mauris, cursus mattis molestie a, iaculis at erat pellentesque adipiscing commodo elit, at. Aenean vel elit scelerisque mauris pellentesque! +

+

+ Nisl rhoncus mattis rhoncus, urna neque viverra justo, nec ultrices dui sapien eget mi proin sed libero enim, sed faucibus turpis in eu mi bibendum? Venenatis tellus in metus vulputate! +

+

+ Ornare massa, eget egestas purus viverra accumsan in nisl nisi, scelerisque eu ultrices vitae, auctor eu augue ut lectus arcu, bibendum at. Ut enim blandit volutpat maecenas volutpat blandit aliquam. +

+

+ Neque, vitae tempus quam pellentesque nec nam aliquam sem et tortor consequat id? Nisl rhoncus mattis rhoncus, urna neque viverra justo, nec ultrices dui sapien eget mi proin sed libero. +

+

+ Elementum eu, facilisis sed odio morbi quis commodo odio aenean sed adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum posuere? Nibh praesent tristique magna sit amet purus gravida? +

+

+ Sit amet justo donec enim diam, vulputate ut pharetra? Ornare arcu odio ut sem nulla pharetra diam sit amet nisl suscipit adipiscing bibendum est ultricies integer quis auctor elit sed. +

+

+ Amet justo donec enim diam, vulputate ut pharetra sit amet, aliquam id diam maecenas ultricies mi eget mauris! Pretium aenean pharetra, magna ac placerat vestibulum, lectus mauris ultrices eros, in. +

+

+ Faucibus et molestie ac, feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa, eget egestas purus viverra? Libero volutpat sed cras ornare arcu dui vivamus arcu? +

+

+ Tortor posuere ac ut consequat semper viverra nam libero justo, laoreet sit amet? Sem nulla pharetra diam sit amet nisl suscipit adipiscing bibendum est ultricies integer quis auctor elit sed? +

+

+ Porttitor lacus, luctus accumsan tortor posuere ac ut consequat semper viverra nam libero justo, laoreet sit amet cursus sit amet, dictum sit amet. Arcu dictum varius duis at consectetur lorem! +

+

+ Purus gravida quis blandit turpis cursus in hac habitasse platea dictumst quisque sagittis, purus sit amet! Enim, facilisis gravida neque convallis a cras semper auctor neque, vitae tempus quam pellentesque. +

+

+ Proin sed libero enim, sed faucibus turpis in eu mi bibendum neque egestas? Sagittis, nisl rhoncus mattis rhoncus, urna neque viverra justo, nec ultrices dui sapien eget mi proin sed. +

+

+ Massa, eget egestas purus viverra accumsan in nisl. Cras fermentum, odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo in vitae turpis massa sed elementum! +

+

+ Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet, consectetur! Orci eu lobortis elementum, nibh tellus molestie nunc, non blandit massa enim nec? +

+

+ Ultricies lacus sed turpis tincidunt id aliquet risus feugiat in ante metus, dictum at tempor commodo, ullamcorper a. Eget est lorem ipsum dolor sit amet, consectetur adipiscing elit pellentesque habitant? +

+

+ Vulputate mi sit amet mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Sed blandit libero volutpat sed cras ornare arcu dui vivamus arcu felis, bibendum? +

+

+ Neque egestas congue quisque egestas diam in arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc, sed blandit libero volutpat sed cras ornare arcu! Vel eros donec ac odio! +

+

+ Viverra vitae congue eu, consequat ac felis. Velit aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer enim neque, volutpat ac tincidunt vitae, semper quis lectus nulla at volutpat. +

+

+ Est velit egestas dui, id ornare arcu odio ut sem nulla pharetra diam sit amet nisl suscipit adipiscing. Semper viverra nam libero justo, laoreet sit amet cursus sit amet, dictum? +

+

+ Dictum sit amet justo donec enim diam, vulputate ut pharetra sit amet! At auctor urna nunc id cursus metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci? +

+

+ Magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo? Cras adipiscing enim eu turpis egestas pretium aenean pharetra, magna ac placerat vestibulum, lectus mauris ultrices eros. +

+

+ Eget felis eget nunc lobortis mattis aliquam faucibus purus in massa tempor nec feugiat nisl! Blandit turpis cursus in hac habitasse platea dictumst quisque sagittis, purus sit amet volutpat consequat! +

+

+ Mi tempus imperdiet nulla malesuada pellentesque elit eget? In eu mi bibendum neque egestas congue quisque egestas diam in arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc, sed! +

+

+ Accumsan sit amet nulla facilisi morbi. Gravida rutrum quisque non tellus orci, ac auctor augue mauris augue neque, gravida in fermentum et, sollicitudin ac orci phasellus egestas tellus rutrum tellus. +

+

+ Tempus egestas sed sed risus pretium quam vulputate dignissim suspendisse in est ante? Sit amet facilisis magna etiam tempor, orci eu lobortis elementum, nibh tellus molestie nunc, non blandit massa! +

+

+ Sagittis eu volutpat odio facilisis mauris sit amet massa vitae tortor condimentum lacinia quis vel eros donec ac odio tempor orci dapibus ultrices in iaculis? Auctor eu augue ut lectus. +

+

+ Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis natoque penatibus et magnis dis? Eros donec ac odio tempor orci dapibus ultrices in iaculis nunc sed augue. +

+

+ Risus, quis varius quam quisque id diam vel quam elementum pulvinar etiam non quam! Non pulvinar neque laoreet suspendisse interdum consectetur libero, id faucibus nisl tincidunt eget nullam non nisi. +

+

+ Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae? +

+

+ Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus et! Mollis aliquam ut porttitor leo a diam sollicitudin tempor id eu nisl nunc mi ipsum, faucibus vitae aliquet nec, ullamcorper! +

+

+ Eu augue ut lectus arcu? Nulla malesuada pellentesque elit eget gravida cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus mauris vitae ultricies leo integer malesuada nunc? +

+

+ Eu ultrices vitae, auctor eu augue ut lectus arcu, bibendum at varius vel? Et ligula ullamcorper malesuada proin libero nunc, consequat interdum varius sit amet, mattis vulputate enim nulla aliquet. +

+

+ Viverra mauris, in aliquam sem fringilla ut morbi tincidunt? Nulla facilisi morbi tempus iaculis urna, id volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim convallis aenean et tortor? +

+

+ Sit amet, dictum sit amet justo donec enim diam, vulputate ut pharetra sit amet, aliquam id diam maecenas ultricies mi eget mauris. Ipsum dolor sit amet, consectetur adipiscing elit duis. +

+

+ Sit amet tellus cras adipiscing enim eu turpis egestas pretium. Nulla facilisi morbi tempus iaculis urna, id volutpat lacus laoreet non curabitur gravida arcu ac tortor dignissim convallis aenean et. +

+

+ Lacus, sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus! Eros, in cursus turpis massa tincidunt dui ut ornare. +

+

+ Tellus cras adipiscing enim eu? Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus mauris vitae ultricies? +

+

+ Vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales ut eu sem integer vitae justo eget magna? Eu scelerisque felis imperdiet proin. +

+

+ Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet! Amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim! +

+

+ Eget nunc scelerisque viverra mauris, in aliquam sem fringilla ut. Morbi leo urna, molestie at elementum eu, facilisis sed odio morbi quis commodo odio aenean sed adipiscing diam donec adipiscing? +

+

+ Ut placerat orci nulla pellentesque. Aliquet nibh praesent tristique magna sit amet purus gravida quis blandit turpis cursus in hac habitasse platea dictumst quisque sagittis, purus sit amet volutpat consequat? +

+

+ Mi sit amet mauris commodo quis! Viverra mauris, in aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. +

+

+ Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales ut eu sem integer vitae justo? +

+

+ Integer quis auctor elit sed vulputate mi sit amet mauris commodo quis imperdiet massa? Viverra vitae congue eu, consequat ac felis donec et odio pellentesque diam volutpat commodo sed egestas? +

+

+ Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet. Dignissim sodales ut eu sem integer vitae justo eget magna fermentum iaculis eu non diam phasellus vestibulum lorem sed risus ultricies? +

+

+ Integer quis auctor elit sed vulputate? Adipiscing enim eu turpis egestas pretium aenean pharetra, magna ac placerat vestibulum, lectus mauris ultrices eros, in cursus turpis massa tincidunt dui ut ornare. +

+

+ Nam aliquam sem et tortor consequat id porta nibh venenatis cras sed felis eget velit. Libero justo, laoreet sit amet cursus sit amet, dictum sit amet justo donec enim diam. +

+

+ Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas integer eget aliquet nibh praesent tristique magna sit amet purus gravida quis? Pretium lectus quam id leo? +

+

+ Accumsan in nisl nisi, scelerisque eu ultrices vitae, auctor eu! Quis ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque dignissim enim, sit amet venenatis urna cursus eget. +

+

+ Malesuada fames ac turpis egestas integer eget aliquet nibh praesent tristique magna sit amet purus gravida quis blandit turpis cursus in hac habitasse? Maecenas pharetra convallis posuere morbi leo urna? +

+

+ Mauris sit amet massa vitae tortor condimentum lacinia quis vel eros donec ac odio tempor. Sit amet nisl suscipit adipiscing bibendum est ultricies integer quis auctor elit sed vulputate mi. +

+

+ Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit amet, consectetur adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Ac tortor dignissim convallis aenean. +

+

+ Non arcu risus, quis varius quam quisque id diam vel. Ut consequat semper viverra nam libero justo, laoreet sit amet cursus sit amet, dictum sit amet justo donec enim diam? +

+

+ Vitae, auctor eu augue ut lectus arcu, bibendum at! Aliquam vestibulum morbi blandit cursus risus, at ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis natoque penatibus. +

+

+ Urna, molestie at elementum eu, facilisis sed odio morbi quis commodo odio! Hac habitasse platea dictumst quisque sagittis, purus sit amet volutpat consequat, mauris nunc congue nisi, vitae suscipit tellus? +

+

+ Vitae tortor condimentum lacinia quis vel eros donec ac odio. Praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui. +

+

+ Sed nisi lacus, sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat? Viverra accumsan in nisl nisi, scelerisque eu ultrices! +

+

+ Cursus turpis massa tincidunt dui ut ornare lectus sit amet est placerat. Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales ut eu sem integer vitae justo? +

+

+ Pellentesque id nibh tortor, id aliquet lectus proin nibh nisl, condimentum id venenatis a, condimentum vitae sapien pellentesque habitant morbi tristique senectus et netus et. Semper quis lectus nulla at! +

+

+ Elit eget gravida cum sociis natoque penatibus et magnis dis parturient montes. Arcu dui vivamus arcu felis, bibendum ut tristique et, egestas quis ipsum suspendisse ultrices gravida dictum fusce ut. +

+

+ Aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam etiam erat velit, scelerisque in dictum non, consectetur a. +

+

+ Diam donec adipiscing tristique risus nec feugiat in fermentum posuere. Dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien, faucibus. +

+

+ Egestas sed sed risus pretium quam vulputate dignissim suspendisse in est ante in nibh mauris, cursus mattis molestie a, iaculis at erat pellentesque. Maecenas volutpat blandit aliquam etiam erat velit. +

+

+ Sit amet purus gravida quis blandit turpis cursus? Platea dictumst quisque sagittis, purus sit amet volutpat consequat, mauris nunc congue nisi, vitae suscipit tellus mauris a diam maecenas sed enim. +

+

+ Etiam tempor, orci eu lobortis. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue eget arcu dictum varius duis at consectetur lorem donec massa sapien, faucibus et molestie! +

+

+ Aenean pharetra, magna ac placerat vestibulum, lectus mauris? Faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae. +

+

+ Sit amet nisl suscipit adipiscing bibendum est ultricies integer quis auctor elit sed vulputate mi! Dictum fusce ut placerat orci nulla pellentesque dignissim enim, sit amet venenatis urna cursus eget. +

+

+ Nunc sed velit dignissim sodales ut eu sem integer vitae justo eget magna fermentum iaculis eu non diam phasellus vestibulum lorem! A diam maecenas sed enim ut sem viverra aliquet! +

+ +