/
index.html
141 lines (141 loc) · 45 KB
/
index.html
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!doctype html>
<html lang='en'>
<head>
<title>skimmer.js</title>
<meta name='viewport' content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no'>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<style>
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
width: 100%;
font-size: 16px;
font-family: Helvetica, sans-serif;
font-weight: 300;
}
p {
color: #333;
font-size: 1.2em;
line-height: 1.6;
max-width: 40em;
padding: 1em;
margin: 0 auto;
}
h1 {
font-weight: 300;
margin: 1em;
text-align: center;
}
p.description {
font-style: italic;
font-size: 1em;
text-align: center;
max-width: 100%;
}
article {
padding: 1em;
}
.prompt {
text-align: center;
font-weight: bold;
}
.skimmer {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
background-color: #fff888;
padding: 1em;
zoom: 1;
overflow: hidden;
}
.skimmer p {
float: left;
margin: 0;
padding: 0;
margin-right: 1em;
font-size: 1em;
}
.hide {
display: none;
}
.reveal {
position: fixed;
width: 100%;
top: 0;
left: 0;
background: #fff;
height: 100vh;
text-align: center;
cursor: pointer;
}
.reveal img {
display: block;
max-width: 720px;
width: 90%;
margin: 0 auto;
}
</style>
</head>
<body>
<article>
<h1>Skimmer.js Demo</h1>
<p class='description'>Dependency-free JavaScript <a href='https://github.com/russellgoldenberg/skimmer'>library</a> to detect when a user is skimming a page</p>
<p class='prompt'>Start scrolling to see how it works.</p>
<div class='short hide'>
<p>Lorem ipsum dolor. Sit amet mauris. Mauris pellentesque eget. Faucibus hendrerit urna. Aliquam et quis nulla praesent id hendrerit eget quis et consequat ornare ut.</p><p>Magna et massa quis adipiscing massa. Elementum tristique sodales. Quis amet rhoncus condimentum blandit sed. Wisi etiam augue. Sed in accumsan non vivamus blandit torquent.</p><p>Vestibulum amet purus. Vivamus lacinia magnis. Rhoncus non ullamcorper. Tortor lorem sit ac massa urna metus velit pede. Placerat vitae sed pulvinar phasellus sodales porttitor.</p><p>Lectus pede lacus curabitur ante elit. Sit suscipit volutpat. Sem ullamcorper rhoncus. Mollis nec nec. Nunc non magna tincidunt nibh turpis quam amet vel eleifend.</p><p>Facilisi non integer sit sagittis dolor mollis suscipit vel. Nec posuere maecenas est blandit maecenas. Lectus neque a. Non venenatis eros. Leo fusce lorem senectus.</p><p>Consequat nullam blandit nibh cras suspendisse diam duis risus. Pellentesque turpis amet est etiam eu. Non varius quos. Con porttitor et sed at pellentesque consequatur morbi ac. Dui habitant eleifend interdum et semper. Rhoncus dui ultrices. Natoque in molestie. Congue id blandit. Etiam duis praesent vestibulum blandit inceptos enim cras.</p><p>Felis sed blandit. Nunc vel posuere amet neque sociosqu. Imperdiet vivamus ac. A libero pellentesque. Ex suspendisse mollis dolor eros orci egestas aliquam nec dignissim.</p><p>Ut etiam id pretium dictum enim. Sem id massa amet vel dictumst. Elit urna quis. Magna sodales eget augue placerat in. Justo enim ut in vestibulum massa. Erat quis gravida. Sapien placeat vitae. Eget varius donec. Arcu sed amet. Mauris in pretium morbi quis gravida. Mauris lobortis ligula nunc sed sed. Neque pharetra lorem venenatis vivamus vestibulum ut nulla vestibulum rutrum condimentum amet auctor vel commodo felis viverra parturient. Turpis varius nullam consectetuer sed praesent.</p><p>Aut nullam nulla. Volutpat eget consectetuer nam sit donec. Mus tempus semper. Netus rutrum dignissim. Hendrerit neque erat suspendisse ligula vestibulum eu eget luctus in.</p><p>Quam amet neque. Ut rutrum fringilla nonummy montes lorem adipiscing lorem dolor. Ullamcorper sit in rutrum vitae porttitor aliquam erat sit volutpat ullamcorper mauris id nulla tempor. Ultrices nec turpis. Lacus scelerisque ac potenti aliquam at. Mauris sollicitudin eu. Vitae suspendisse risus. Porta mattis sagittis. Ut ultricies sit nunc aliquam.</p><p>Maecenas et eleifend vivamus lobortis feugiat justo condimentum vestibulum est excepturi mauris. Urna ullamco non urna tristique magna. Pulvinar massa cursus. Convallis eleifend nullam viverra enim congue tortor sodales tempus nibh a eu. Mus sociosqu felis. Ac praesent eu. Tincidunt posuere at proin nam dolor potenti turpis vestibulum. Sed vulputate conubia. Fermentum tellus irure. Velit et mauris. Nisl lacus augue mollitia arcu et est montes ante sit cras sociis. Suscipit gravida ligula. Eu donec lacinia.</p><p>Quis viverra eros. Lacus mollis vel lectus nonummy quam. Rutrum vivamus tincidunt. Urna elit nulla eos ut rhoncus. Pellentesque a fermentum orci nec nulla non.</p><p>Consectetuer tellus ut. Vel nec ultrices. Metus nulla sed in eu mauris. Venenatis at velit. Tincidunt nulla tempus. Ac ut cursus pretium id suspendisse at dictum enim ac morbi pulvinar ipsum sit et. Metus auctor massa. Nulla ultricies leo sit nec lacus ligula maecenas elit. Ac pharetra ut accumsan pede.</p><p>Diam volutpat ante ut tristique est. Sit semper pulvinar. Lectus eleifend nam erat cras vel. In feugiat conubia suscipit duis condimentum. Pulvinar dictum aenean semper.</p><p>Curae mattis nibh quisque quis nibh non erat mus interdum nulla mauris. Magna wisi suspendisse. Nisl mi venenatis. Volutpat integer nec. Vitae porta neque venenatis.</p><p>Donec ut tellus ut ante et id amet est. Porta ac wisi. Orci sem vel fringilla augue laoreet. Diamlorem suspendisse ut. Quis natoque vehicula vitae.</p><p>Erat vivamus integer vestibulum magna a. Blandit sociis a convallis faucibus integer. Sociis mi ante at quam libero. Rutrum suspendisse nibh. Nunc per ac. Suspendisse leo eros integer id tempor. Suscipit leo sit. Lacus nibh venenatis condimentum ac eget enim erat gravida. Est vel adipiscing elit pede nonummy a proin.</p><p>Nunc dictum odio sit lobortis eget. Nibh sollicitudin sunt bibendum cursus phasellus. Non consectetuer nibh. Libero nunc eros a felis vel. Senectus fugiat adipiscing praesentium.</p><p>At lacus natoque. Auctor vel eu quisque fermentum pellentesque nec purus diam suspendisse convallis lacus. Sapien at fermentum. Sem dolor nam pede consequat adipiscing. In suspendisse id. Felis massa nibh. Augue class libero. Massa congue curabitur velit dui tincidunt leo augue hendrerit. Sollicitudin mauris maxime nam dolor nam libero sociosqu.</p><p>Dictumst accumsan ullamcorper. Molestie rutrum tempus. Mollis morbi faucibus erat dictumst amet. Semper a ipsum. Ipsum duis dui praesent in aenean bibendum non luctus. In interdum vestibulum dui a tortor. Massa cras mi ut curabitur vitae egestas est mollis. Netus pellentesque dictum. Vitae non hymenaeos fermentum dui eu. Libero nec vel in vestibulum adipiscing. Est id proin. Purus eros in. Ultrices ipsum diam ut eu nibh sed tempor in sed egestas mus dolore dolor orci.</p><p>Nec condimentum lorem. Mi quis massa. Sem amet metus. Eu ligula debitis donec ipsum id mi wisi velit mi varius dui. Porta fusce ornare. Dictumst aliquam dolor varius lacinia vel. At elit sed. Purus felis libero adipiscing feugiat ac. Quis morbi sed interdum sed phasellus vestibulum erat maecenas elit elementum.</p><p>Aliquam gravida curae donec lobortis eget. Amet tincidunt mattis excepturi velit non. Lorem in aenean consectetuer curabitur porttitor. Gravida pede amet. Vestibulum aenean mauris fusce.</p><p>At pulvinar ullamcorper litora non vitae nisl at elit lacus donec donec. Elit vivamus neque. Magna aptent dolor. A vestibulum donec. Mollis metus praesent amet.</p><p>Non molestie sagittis fermentum pede donec. Lorem molestie a duis feugiat suspendisse. Semper elit duis feugiat wisi porttitor. Molestie ex ipsum enim volutpat nulla. Risus lacus felis nibh enim lorem. Dis nostra luctus sodales nunc platea. Felis eu tincidunt enim sociis odio quis et maecenas. Duis diam mauris. Lacus nulla dolor sed et integer nonummy lorem erat. Erat cursus ut scelerisque hac metus sapien metus non. In pulvinar wisi. Venenatis quis a. Arcu risus integer.</p><p>Suspendisse libero cras in id integer rhoncus lacus viverra eu pharetra vitae scelerisque vitae integer. Deleniti eros elit. Lacinia porta pellentesque. Eget fringilla quisque venenatis sed quis sollicitudin magna scelerisque. Vel erat fringilla porta arcu curae. Sodales a arcu est consequat nam. Pede ut eleifend. Justo ac semper corporis id perferendis integer vel massa. Tellus luctus wisi leo aliquet nonummy. Urna eu mauris. Diam integer vestibulum faucibus vulputate magnis. Massa ac placerat. Id in pulvinar.</p><p>Et erat eget. Mauris sit vestibulum enim viverra cursus ut venenatis auctor. Vestibulum suspendisse libero. Felis lorem mi lorem neque sollicitudin. Nulla pellentesque nascetur velit.</p><p>Fringilla autem augue. Eget nec lacus. Morbi vehicula litora a nec risus. Venenatis turpis sem. Ante proin urna sodales a fringilla a vel con est varius iaculis sed malesuada euismod integer accumsan ligula. Magni metus quisque. Donec vehicula pulvinar. Morbi libero libero lectus fringilla tempus. Sed est suscipit dolor duis.</p><p>Wisi condimentum eget. Nulla eu quisque. Mauris porta ut. Senectus magna eu pellentesque purus id imperdiet quam rutrum. Sed non tincidunt arcu pellentesque mollis ante in a. Id neque in. Suspendisse sagittis id cras faucibus pretium lectus eu occaecat sit neque diam. Turpis fringilla aut. Risus aliquam a ut id.</p><p>Lorem accumsan arcu. Gravida vestibulum elementum dui cursus voluptas in porta ut. Mauris neque iaculis. Morbi duis tellus. Purus commodo tellus amet aliquam consectetuer nam.</p><p>Diam metus turpis. Ac vulputate eligendi vestibulum convallis est. Faucibus tincidunt mauris. Mattis justo pretium parturient enim nibh. Neque lobortis porta iaculis suscipit quam platea.</p>
</div>
<div class='long'>
<p>Lorem ipsum dolor. Sit amet pede. Vehicula donec ut quis sed sagittis proin condimentum et molestie nec vitae. Imperdiet non interdum. At velit mauris lorem.</p><p>Quam eget sapien curabitur ipsum facilisis. Placerat nullam cras. Nullam orci dapibus. Sit varius diam. Interdum sed lorem egestas nibh pede. Elit sagittis ac lobortis torquent venenatis. Magna donec nec nunc nec nunc. Leo mollis morbi donec nunc libero habitasse libero vel eget nam iaculis aliquet odio vel ipsum in blandit amet massa accumsan ac et quis. Per neque aliquam amet gravida nam. Sed felis quis. Modi vitae aliquam. Imperdiet sed elit. Quam ridiculus in.</p><p>Ipsum penatibus integer. Commodo turpis amet. Sollicitudin vitae imperdiet dictum posuere libero. Orci mollis magna suspendisse a curabitur. Ut lectus mi leo non ultricies nulla.</p><p>Metus dictumst pellentesque. Vestibulum aliquam sed. Sit quis libero. Mauris laoreet viverra vestibulum pellentesque malesuada magnis molestie praesent sapien dui erat. Felis viverra porttitor. Tincidunt dictum sociosqu a laoreet morbi per consequatur praesent. Pretium nibh vestibulum. Nunc aliquam massa orci vehicula odio dolor sodales mauris. Posuere ultricies metus consectetuer mauris.</p><p>Vestibulum nisl a. Proin tellus molestie libero at amet sodales tincidunt risus nullam congue eleifend. Mollis nullam wisi. Ut magna arcu. Id volutpat dolorem. Pulvinar morbi ut enim nec vestibulum. Malesuada suscipit accumsan ut vestibulum justo egestas quis laborum. Adipiscing metus porta. Adipiscing turpis mi vel nunc vestibulum maecenas at.</p><p>Sed amet massa. Dolor vestibulum sed primis cursus odio taciti nec mauris. Taciti varius porttitor. Imperdiet in morbi pede iaculis justo sollicitudin orci adipiscing. Pellentesque posuere sagittis diam sollicitudin dis urna sodales laoreet pellentesque tortor in nunc condimentum non ut ut maecenas. At sem nunc. Posuere consequat in nec proin imperdiet. Iaculis phasellus gravida. Condimentum quam mollis suspendisse ad nec nisl venenatis maecenas. Vel vivamus aliquam. Leo integer lobortis. Consequat lorem ullamcorper. Et iaculis donec.</p><p>Vivamus porta cras fermentum a eiusmod neque nulla sociis. Nullam sed rhoncus magna et velit. Nonummy a malesuada. Vitae nec purus. Est vel turpis augue.</p><p>Nec aliquam ultricies eu quam convallis. Deserunt rutrum litora aenean habitasse sit. Purus porttitor nam adipiscing elit a. Ultricies neque integer cras enim vel mauris et libero. Elit imperdiet ligula. Per orci tempor. At magna et a tristique sem. Urna suspendisse convallis a faucibus ut. Consequat pede lacus dolor sit.</p><p>Urna massa vitae sed mattis nullam. Eget ipsum lobortis tempor fringilla tempus. Justo lorem sem. Etiam lorem vestibulum. Donec nunc tellus in amet cursus vulputate.</p><p>A lorem integer congue nonummy lobortis. Fringilla lectus feugiat. Enim con at vitae id orci. In ligula laoreet nec quisque phasellus. Qui velit quis quisque.</p><p>Ea ut sodales. In pede molestiae. Faucibus ipsum diam. Mauris vitae ut. Pharetra eleifend ut varius morbi tristique ipsum porta erat est donec vehicula et.</p><p>Felis ipsum nulla sagittis consequat mi. Sapien sit lectus. Amet nec donec non viverra in. Leo pede feugiat. At lacus aenean ut nisl aliquam quis.</p><p>Et arcu varius. Duis tincidunt ac. Risus vivamus cursus. Neque et consequat ut id sodales. Urna mauris lectus adipiscing odio congue. Mollis et wisi diam quam ante rhoncus magna sapien. Et imperdiet posuere enim ut eu con curae nam. Tempor vestibulum integer. Id sapien amet sit amet vestibulum nec sed.</p><p>Cras orci tellus posuere mus in. Sociis est dignissim. Quam amet id. Neque in semper. Dignissim ultrices lacinia faucibus amet suspendisse ornare curabitur posuere justo tincidunt arcu. Pulvinar sed platea inceptos vitae vel. Varius vitae dignissim luctus aenean tincidunt. Praesent vestibulum a. Vivamus turpis non imperdiet vel eu mauris faucibus.</p><p>Libero parturient etiam sodales commodo fusce rutrum nascetur ipsum arcu quia turpis. Curabitur vel dolor. Diam magna sit pharetra vitae tempor. Dui et dui. Cursus nunc condimentum. Sapien dictumst nonummy quidem netus et. Metus a velit. Wisi dolor ultrices molestie et tempus. Ac vestibulum viverra. Venenatis urna vel. Amet rutrum mattis sed mattis rhoncus accumsan quis vestibulum eos gravida pretium tempus et cras. Fermentum tellus bibendum phasellus a libero. Dictum orci vitae adipiscing mauris id.</p><p>Vel ac lorem. Ultricies integer nulla. Vivamus lacus aenean. Sit ullamcorper leo. Diam malesuada felis. Porta arcu neque. Placerat et nec vestibulum nulla nascetur cursus enim tempus orci vestibulum wisi parturient tortor porttitor imperdiet tellus elit at vestibulum ipsum amet eleifend tristique in arcu curabitur. Quod tortor augue ad augue sem. Penatibus porta eget pellentesque pede ac dolor eget morbi. Lorem adipiscing fuga. Aliquam sit nunc penatibus non vivamus. Qui praesent et. Est eros ut tortor luctus mollis at rhoncus in. Eget vitae felis. Nisl libero nec. Fringilla pulvinar volutpat libero duis non odio faucibus vitae. In a amet pellentesque.</p><p>Vestibulum integer sodales. Pulvinar dui ut. Quis metus quis. Odio turpis nascetur arcu eu vitae lacinia nonummy pellentesque. Turpis at erat orci scelerisque nunc felis.</p><p>Mauris dictum vestibulum lorem convallis at euismod vel praesent. Wisi conubia occaecat eros eget integer. Sed rutrum diam. Est wisi urna. Pretium lorem a purus.</p><p>Neque maecenas quam. Vel sed quis wisi enim vitae posuere congue pellentesque ullamcorper dictum vitae egestas et nonummy. Eget augue lectus. Libero risus ac lobortis enim mi. Justo at luctus. A et donec tellus a pede lobortis sed vivamus. Vulputate vitae in. Magna vehicula elit orci nulla justo. Eros diam minima et in quis. Suscipit sed senectus. Phasellus lacinia integer pellentesque lacus in mauris vitae interdum vulputate quam felis. Dictum sem dolor. Porttitor ut phasellus.</p><p>Mattis mauris at. Consectetuer lacinia augue. Sagittis consequat mauris amet non eget quis est congue neque sollicitudin habitasse. Massa metus arcu in mauris maecenas. In blandit etiam. Risus auctor commodo aliquam neque eget. Sed eros est suspendisse mauris nonummy magna nunc erat. Mollis libero ut. Adipiscing elit ut in adipiscing.</p><p>Suspendisse ut elit cras lacinia pede. Mattis hac etiam. Sed sapien leo. Fringilla ut iaculis. Massa possimus pulvinar vestibulum est ultrices mauris eu elementum proin.</p><p>Praesent scelerisque placerat dolor vestibulum pulvinar amet mauris vehicula. Nisl fermentum ut. Eget ullamcorper eget litora nibh malesuada. Sit nisl eu. Id risus non nonummy.</p><p>Aliquid ea condimentum diam bibendum etiam. Pretium maecenas eget sollicitudin tempus tempus. Leo nostra in. Diamlorem fringilla fermentum et ipsum commodo. Tempus cras nulla. Rutrum laoreet sit velit soluta sem. Tortor est vivamus accumsan con ornare urna platea eget. Pulvinar eu faucibus. Quis erat morbi lorem mus tellus amet integer.</p><p>Vitae sapien viverra. Auctor vestibulum et. Arcu dapibus quam. Metus nunc molestie. Cursus non eiusmod pede eu sapien. Arcu varius velit. Fringilla fermentum orci lorem sed dolor tellus dui habitasse in reprehenderit tortor tempor sem nec. Nec etiam arcu sed ex ac. Sapien porta ultricies vivamus mattis tellus in ultrices.</p><p>Taciti sodales quis. Dolor cras malesuada placerat in eget fusce vestibulum phasellus tristique dictumst vivamus. Metus enim magna. Libero esse erat. Quisque suscipit orci in.</p><p>Dignissim mauris nonummy. Sapien ante diam per quis morbi praesent dolor suspendisse. Wisi mauris velit. Sem nascetur sem maiores at ac. Mi neque est amet.</p><p>Vestibulum morbi ut aenean augue pellentesque. Pede in integer. Dictum suspendisse metus malesuada lacinia tempus. Tellus dictumst malesuada natoque viverra libero. Augue morbi eros voluptate.</p><p>Sed tellus libero ullamcorper morbi luctus. Nec massa dictumst quis faucibus auctor. Vehicula mauris adipiscing. A feugiat vel. Viverra hendrerit pellentesque dolor laoreet curabitur. Nunc lobortis turpis turpis est eget. Porttitor taciti tincidunt. Non dignissim odio ullamcorper fringilla donec libero ipsum consectetuer wisi elit wisi. Mauris neque wisi est wisi.</p><p>Porttitor turpis donec. Fugiat consequat massa. Ipsum placerat nam vitae vel metus. Neque sociis in. Enim rhoncus elementum dis dapibus a mollis neque magna augue.</p><p>Ultrices vestibulum egestas. Risus venenatis a. Massa et taciti. Vitae praesent diam. Purus blandit blandit pulvinar et porttitor. Mattis quisque enim turpis tempor lorem praesent curabitur arcu mauris curae lobortis lacinia curabitur tellus. Condimentum ipsum velit. Urna eu nisl tincidunt nulla elementum a at vel. Varius et quam eros ac.</p><p>Vitae felis a fusce ullamcorper augue. Nulla potenti suscipit. Mattis metus id. Nullam felis suscipit aliquam enim amet. Neque diam lectus ultricies purus ullamcorper conubia.</p><p>Rutrum et mi nec duis leo. Commodo turpis turpis suscipit venenatis enim. Hac lectus ut. Eget in sodales. Velit laborum egestas posuere ante donec nulla.</p><p>Vestibulum nunc duis aenean etiam ac. Luctus elit mi. Vestibulum metus arcu pede ante suspendisse. Viverra lorem torquent nulla adipiscing risus luctus ullamcorper ultricies id proin tortor. Pede tincidunt sed. Morbi vestibulum malesuada. Ut ut faucibus. Nisl duis vel. Sed ante pretium ut leo etiam vulputate in placerat. Turpis nec eget. Maecenas ac lorem nec sem morbi. Massa commodo eros nec quo luctus eu metus scelerisque felis vestibulum vitae. Euismod nunc sodales velit et ut.</p><p>Turpis amet ante mi mattis suspendisse eros sit eu. Interdum quis nec maecenas nulla lectus. Vitae luctus vitae. Cras aliquet volutpat. Commodo rhoncus enim sed.</p><p>Suspendisse non wisi. Nullam tellus arcu nibh id mattis. Dui saepe odio. Interdum mollis phasellus in sapien velit a nec in. Sodales vitae platea orci.</p><p>A ipsum risus. A a lacus nulla pellentesque nulla ligula venenatis dolor dignissim mollis lorem. Dui urna morbi. Praesent consectetuer aut vel vestibulum dignissim. Tortor ligula imperdiet. Lobortis vel vestibulum. Lorem aliquam lectus sed condimentum vivamus. Iaculis vitae curabitur. Est sapien eaque in mauris eget sociosqu ante aenean suspendisse fermentum.</p><p>Massa maecenas sapien. Dictum lacus hendrerit lobortis eget eget penatibus nunc ullamcorper rutrum erat nulla. Sed aliquam mauris. Cras vehicula blandit. Ligula sunt quam pellentesque.</p><p>Pellentesque ante porttitor mollis mi arcu. Sit amet sapien morbi est et ligula feugiat donec. Lectus libero ornare. Metus venenatis etiam. Etiam eleifend dui nibh.</p><p>Praesent lobortis magna. Auctor elit tincidunt. Vestibulum curabitur nunc iaculis sit magnis rhoncus et vivamus. Rutrum mauris egestas id non mauris. Ridiculus ridiculus sed suspendisse.</p><p>Sapien ultrices wisi. Wisi tempor laoreet. Ante non dignissim interdum in eget. Consequat augue minim in cras tempus. Enim ipsum nec morbi leo nullam purus.</p><p>Sed vehicula nullam donec ante platea. Eu id erat. Leo donec ut penatibus cras turpis aliquam augue sed imperdiet massa nec. Adipiscing urna quis. A donec ut augue dolor sed. Blandit blandit amet. Laoreet sagittis maecenas et justo dolor. Mollis enim nonummy elementum vel id. Potenti massa sed malesuada pede integer nulla ante dui. Suscipit in pretium. Sed elit integer nibh ornare vestibulum praesent nonummy dolor. Egestas ullamcorper ipsum. Maecenas sem eu. Nisl magna ante con nibh enim congue praesent pede id rutrum est quam justo interdum. Lectus magnis rutrum. Massa urna eu. Etiam quam libero vehicula tellus tempor incidunt.</p><p>Ligula aliquid nulla. Luctus est cras. Odio nulla nunc magna per neque reiciendis elit dui. Feugiat ipsum dui. Sollicitudin accumsan elementum pulvinar dolor tellus vitae.</p><p>Semper lacinia dictum. Eget scelerisque molestie. Sed augue tristique. In in gravida. Libero sed vitae quis eget odio nunc rutrum cras mauris in wisi mus.</p><p>Placerat praesent est. Urna nisl porta. Id id nam. Eget neque sed. Mauris urna vitae sit sit a sodales fringilla est habitasse sed ut lacus.</p><p>Mi sed vel. Bibendum lorem pulvinar. Eget facilisis sed. Tempor maecenas quam aptent aliquam at pellentesque lorem accumsan. Gravida rutrum curabitur lacus vitae mauris ac.</p><p>Faucibus libero possimus fames ac donec odio volutpat vitae sit nibh dictumst. Ante per vitae. Cubilia lectus nisl. Semper morbi nulla. Lacus ac morbi in sit sapien quisque ultricies nec et sapien in ligula cupidatat ridiculus. Eget in neque gravida tortor molestie proin ac tellus. Magna lorem neque. Vitae orci elit imperdiet mi eget pharetra in integer. Placerat eget ac. Amet vestibulum augue. Nunc sollicitudin molestie. Ac ut ipsum non aliquam id. Ante nec sem.</p><p>Arcu eros laoreet wisi quis vitae. Volutpat suspendisse pretium. Ultrices id quam varius vivamus in quam mauris aenean. Libero ac sed. Mauris lacus fusce non.</p><p>Nec viverra sapien vel mi porta. Urna suspendisse ut. Mollis dui sit. Pharetra eu mauris ornare velit pellentesque tempor ut odio. Vivamus voluptas mollis venenatis.</p><p>Ultrices eu at consequat ultrices odio. Dolor vivamus lacus occaecati ullamcorper suspendisse aliquam at mattis condimentum nesciunt dui. Neque sapien turpis. Adipiscing sit ante commodo elit sollicitudin massa sed semper. Ultricies et curabitur. Quisque nulla et mauris ligula nec senectus turpis phasellus nam ornare neque. Elit erat ut. Libero at lectus. Lectus tristique sed sem sed cras. Nibh at lobortis. Vivamus id in lectus quis doloribus. In ut tincidunt sed feugiat et. Donec placerat vitae.</p><p>Diam auctor in. Aliquet pellentesque vestibulum. Ut a proin. A per scelerisque dui posuere rutrum. Dapibus ultricies enim. Tincidunt nulla pharetra nisl consequat aut in aenean facilisis ut mauris duis in vulputate et congue cursus nulla. Vivamus magna aut lacus sed morbi. Diam fusce in. Vivamus eget lectus sollicitudin ligula.</p><p>Nam suscipit ut eros vel arcu. Aptent elit ut. Non maecenas duis netus placerat in sem curabitur orci tristique vulputate hendrerit. Ut rutrum temporibus minus aliquet mi vehicula nunc mauris. Eros vitae placerat. Pellentesque purus posuere. Ipsum nonummy ligula. Donec laoreet donec eget mi eleifend dolor et integer. Con nisl donec beatae cursus sem. Quam vestibulum fringilla praesent vitae suscipit volutpat eros mollis. Massa fermentum nibh. Vel fringilla maecenas urna mauris libero. Leo nisl ullamcorper.</p><p>Erat amet vitae. Donec placerat mollis scelerisque dolor orci pellentesque eget nulla tincidunt dui erat fermentum massa imperdiet. Quam elit quis. Nec vel at odio vel lorem montes vestibulum dignissim. Malesuada at suspendisse. Pulvinar vehicula luctus sit pretium sed. Vestibulum dui in. Risus erat mauris. Morbi est diam. Tempus nec egestas. Sed platea vestibulum sociis eget cursus et volutpat tempor. Netus rhoncus accumsan blandit quis eu. Ultrices vivamus ipsum sed ut urna eleifend porttitor imperdiet.</p><p>Eros in pulvinar. Volutpat tellus eros. Ipsum maecenas ac. Pulvinar dictum donec occaecat placerat lectus. Massa rutrum lectus ipsum neque nec ipsum id at ac.</p><p>Lorem fermentum sodales neque neque diam. Inceptos et semper. Elit justo nunc lobortis suspendisse sit. Lacinia voluptatem lorem. Pede quis odio sed mi tincidunt auctor.</p><p>Nonummy mi id. Ipsum wisi wisi sit conubia adipiscing. Vestibulum morbi voluptatum. Non suspendisse dignissim. Magna a vitae convallis sodales et in augue dignissim et.</p><p>Hendrerit turpis dignissim. Quisque maecenas tempor nec fringilla ipsum. Sit cras etiam. Tortor augue purus egestas scelerisque mollis eu sed ultrices. Et iaculis dui pharetra.</p><p>Aliquam curabitur tempor nec sed sollicitudin. Sed amet augue. Eget lacus pede. Pretium id adipiscing semper ac pulvinar sed ipsum lacus. Dictum mollis vestibulum proin.</p><p>Con rutrum vulputate aliquet et et lacinia id laoreet. Mollis mi ac. Duis curabitur curabitur. Hendrerit lorem ipsum. Tellus viverra euismod eget et deserunt pellentesque.</p><p>Neque diam proin feugiat sed quam. Vulputate commodo cras. Turpis ante accumsan. Orci lorem egestas posuere sociosqu convallis. Lorem vitae odio ipsum massa eget eu.</p><p>Accumsan eget eu. Nec felis velit. Interdum nullam pharetra. Semper risus sit vivamus natoque elementum ac suscipit morbi et tristique nunc. Dapibus imperdiet dis sollicitudin.</p><p>Sem curabitur sollicitudin. Mus felis aliquam massa vehicula in ac nec sit id vel aliquam. Cras sollicitudin phasellus. Enim vel eget. Ut quisque integer dui.</p><p>At mi condimentum bibendum enim sociis. Porta a ac. Imperdiet ut ac tellus volutpat lacinia. Etiam wisi sit. Eget risus blandit nam vestibulum faucibus mauris.</p><p>Dapibus voluptas tellus leo erat odio lectus quam platea. Et aliquam a. Ut erat eget. Cursus non quam. Risus sed nam consequat pellentesque rhoncus ultrices.</p><p>Leo magna bibendum. Et eget urna elementum ac cras. Sed quisque dolor morbi vulputate vel. A neque integer lorem nec lacus. Est sagittis fringilla sed.</p><p>Ac libero sed vestibulum eros ligula. Commodo vestibulum quae. Nulla morbi quisque justo mauris sagittis. Vestibulum aliquam fusce dignissim diam quam. Etiam cras cras lorem.</p><p>Ac rutrum ad. Ultricies odio dui dictumst et elementum sollicitudin nec mauris. Platea eget scelerisque sed metus nam. Nunc viverra feugiat dui turpis cursus. Vel vestibulum eu. Magna turpis ut. Commodo vehicula eget. Ad tincidunt non proident ultricies blandit molestie vehicula vitae netus iaculis duis. Tellus velit etiam pharetra a.</p><p>Ac condimentum viverra. Consectetuer aliquam pede. Lectus tempor molestie. Bibendum feugiat eros suspendisse ultricies wisi mauris aenean est mattis massa omnis tempus interdum sed sed magna aliquam neque vivamus voluptas. Interdum ipsum vitae. Elit neque risus. Ullamcorper nisl suscipit nullam pharetra suspendisse. Diam porta hendrerit. Enim molestie leo in occaecati.</p><p>Orci curabitur mi. Debitis sagittis nulla parturient praesent fringilla arcu ipsum ultrices. A in id eget pharetra ipsum. Sit pede bibendum. Metus aliquet ante ac.</p><p>Integer eu congue. Eget neque duis mauris vel amet. Vitae vel et. Aenean sagittis morbi amet et vehicula est dictum wisi. Eu vel a lorem.</p><p>Nam curabitur diam. Mauris nonummy dapibus ipsum duis pede. Eget vel lacus. Sodales rutrum praesent interdum id imperdiet dictum cras morbi. Occaecati donec morbi eu.</p><p>Donec dictum nulla. Hac aut wisi. Diam sociis nec. Dis at nec libero class nisl at imperdiet donec nulla dui maecenas tristique orci nascetur justo lacus blandit. Mauris wisi urna tincidunt wisi mauris nunc lectus voluptatem. Aenean mauris ipsum. Et tempor ultricies. Vel in in. At ut ultricies commodo suspendisse.</p><p>Dignissim at sapien. Metus sem pharetra pede sed tellus imperdiet fermentum vel. Erat nullam leo. Fusce vel esse. Sint parturient dictum augue scelerisque suscipit ridiculus.</p><p>Aliquam quis aliquam eaque nisl neque mattis wisi a nulla arcu ante ipsum ante laoreet mattis sed class. Odio donec aenean. Vestibulum pede curabitur. Pellentesque mi ac. Scelerisque venenatis libero. Ligula justo interdum. Metus odio vestibulum. Ut et at molestie etiam aut. Nisl vel dui id ligula lectus in est egestas morbi ornare libero. Tortor facilisis tempus eleifend odio vestibulum. Scelerisque sollicitudin sed. Nec metus sit at ad porttitor enim ac mi. Duis fringilla metus.</p><p>Rutrum libero eu. Lorem sodales non id amet duis justo magna wisi habitant purus condimentum. Risus bibendum sit vitae magna mauris. Sit eget rutrum. Tristique magna est phasellus nec nulla turpis et gravida. Eu magna penatibus. Duis suspendisse vitae est eu nibh. Aenean sed cursus. Fringilla viverra ac fermentum duis.</p><p>Luctus aliquam diam. Ante vehicula risus. Mi hymenaeos non. Laoreet ultricies aliquam curabitur pulvinar dolor. Vehicula in id. Platea quisque ac. Lectus massa vel hendrerit gravida faucibus dictum elit condimentum ut massa sollicitudin adipiscing tincidunt justo. Massa et lectus. Orci luctus libero laoreet mi ut. Pellentesque nec nec morbi elementum nullam venenatis vel aliquet aenean et ultricies. Ut tempus massa. Nullam nibh libero aenean et mus. Mi nullam sodales. Donec dui morbi. Sed magna eu venenatis orci sed. Vivamus venenatis egestas platea adipiscing maecenas tempus natus sapien porta quam fames. Ipsum congue at vel justo tellus risus nunc sapien phasellus.</p><p>Sed velit arcu. Rutrum qui ac. Sed sit eu mauris posuere fringilla. Orci fermentum arcu. Quis porttitor sed mauris cursus quisque. Semper aenean vestibulum commodo non nibh pretium morbi curabitur. Nisl dui molestie dui suspendisse maecenas. Arcu nec enim dolor amet molestie rutrum et molestie. Eu habitant nunc sapiente purus.</p><p>Turpis nulla enim quis fusce eu molestie diam vel blandit tempor vestibulum dictum leo ac metus mauris reprehenderit. Cursus ultrices orci. Eu duis neque. A mauris phasellus sapien sit mauris. Feugiat risus wisi nisl sed velit. Varius turpis ridiculus eros purus ligula. Nec vehicula consequat. Pede ad platea. Et velit vel penatibus ut dictum velit vulputate tempus venenatis hendrerit fermentum. Ut varius lacus. Phasellus dui ut. Justo facilisis aliquam etiam mauris dolor. Et ac mauris.</p><p>Nulla vehicula porta. Et enim quam. Semper vehicula fusce mi at at orci elit adipiscing aliquam tempus feugiat massa ut felis. Feugiat potenti porta. Interdum omnis massa. Amet nec non eget vel sed. Metus wisi sed. Eros diam eros posuere penatibus velit elit nunc ut. Non vitae ac nullam turpis.</p><p>Mollis odio et. A conubia tristique. Turpis ullamcorper sodales arcu vivamus rutrum ac vel sem. Sed aliquet leo ac purus mollis. Tincidunt at id et.</p><p>Vivamus libero odio. Consequat id suscipit pellentesque vulputate pellentesque suspendisse metus magnis. Nonummy quisque fermentum. Odio ac laoreet. Non lobortis magnis pede tincidunt morbi metus.</p><p>Mauris dolor dui. Dolor sem dapibus magna vitae lacus. Fames iaculis con. Orci lectus lorem. Curabitur felis ipsum auctor suspendisse lectus ut vestibulum ante odio.</p><p>Lacinia id nunc. Venenatis integer morbi. Non dignissim diam lectus nisl at elit ut tincidunt. Vulputate nec nonummy ut ac felis condimentum sed nibh maecenas vestibulum porta. Penatibus vestibulum pellentesque. Vitae in vestibulum. Pede lectus sagittis. Interdum ipsum neque tortor aenean orci. Sed aenean semper a vestibulum aut ridiculus inceptos.</p><p>Vitae scelerisque scelerisque. Nulla blandit per leo amet aliquam. Dignissim turpis ultrices. Scelerisque cras nullam pede at amet. Non pulvinar ullamcorper odio curabitur mollis suscipit et gravida. Sapien blandit augue non arcu odio. Semper penatibus ridiculus. Aptent massa id magna adipiscing sed. Et posuere ullamcorper tristique non morbi vitae quisque.</p><p>Auctor in justo. Ac congue mi. Condimentum gravida tincidunt quis maecenas molestie donec sodales ut felis quia integer donec augue nulla eu est bibendum sed eros porttitor. Habitasse facilisis nulla orci condimentum ut. Mauris turpis fames consequat semper neque. Vestibulum aliquam vel. Natoque ac interdum dapibus odio sodales dolores sem duis et id dolor et scelerisque lorem. Luctus urna in sit tincidunt sollicitudin lectus integer proin. Mauris et pulvinar. Vivamus lorem voluptatem. Quis rutrum mauris. Rutrum suspendisse feugiat est neque sapien. Sed eu neque. Erat sem quis in eleifend est. Sit tempor nulla. Suscipit nunc sed. Tellus suspendisse primis eu.</p><p>Pellentesque arcu mauris sed wisi fusce pharetra duis quis sagittis purus urna. Adipiscing blandit consequat. Donec nulla vitae. Dolor velit sodales. Tortor vulputate elementum integer.</p><p>Enim ullamcorper imperdiet. Felis faucibus pulvinar lacinia non suspendisse ultricies eu minima nec aliquam rerum. Arcu et malesuada. Odio vel amet. Magna lobortis a vitae venenatis consectetuer. Mauris ultricies eros. Ad gravida nunc at aliquid ligula pharetra vel commodo non non libero. Nam montes at. Et etiam adipiscing magnis consequat justo. Congue molestie at varius erat non potenti et sed. Ligula vel cursus erat id arcu duis vestibulum posuere. Malesuada velit lacinia. Id nonummy urna.</p><p>Velit neque a. Scelerisque tincidunt ipsum lorem lacus fringilla. A elit pede. Amet mi massa. Donec sit aptent est nam varius mollis vestibulum natoque ut.</p><p>Habitant aliquam nostrum. Pellentesque dui risus dictumst feugiat sit semper sodales donec. Quis nisl habitasse pede volutpat pede. Vitae magna ac. At vel pulvinar nulla.</p><p>Eu elit ante ultrices donec mi. Pariatur ut nam vitae sit blandit. Tristique enim gravida. Tellus dolor venenatis. Sed vel sed eros platea sit mi.</p><p>Posuere venenatis turpis magnis sed nulla nec nunc adipiscing. Nunc sed lobortis leo sed turpis. Orci tellus neque. Justo quam ipsum. Sodales justo non nec.</p><p>Dolor vitae purus ut viverra wisi duis hac facilisis platea dolor lobortis non sapien a. Maecenas vestibulum pede. Luctus justo ac tincidunt sodales amet. Quis et amet. Sollicitudin id maecenas. Vel wisi amet integer pede nec. Nam tortor tincidunt. Feugiat fusce proin elit non ad nunc cras quam sapien tempus enim. Orci ut rhoncus justo a sed. Nulla aenean ante erat vestibulum placerat. Sit praesent vitae. Volutpat con et. Tellus platea et wisi turpis mi.</p><p>Praesent felis vehicula vehicula nisl facilisi ligula nibh ac mollis nec sapien. Ac amet pellentesque. Lacinia adipiscing gravida. Leo fusce rhoncus. Hymenaeos eget dolor conubia.</p><p>Lacinia nibh lacus dolorem a phasellus. Adipiscing justo adipiscing dignissim tempus phasellus. Rutrum quam vitae. Felis id wisi nec per a. Nec urna sit quisque.</p><p>Morbi vitae elit enim molestie maecenas. Massa non felis maecenas orci lorem. Orci diam eu. Quis varius quis egestas proin vel. Augue quam etiam maecenas.</p><p>Id at fusce. Wisi sit sit. Commodo tortor officiis ut ante a odio non tellus. Vitae vel porttitor. Aliquam sollicitudin a amet aenean proin dolorem.</p><p>At volutpat enim. Imperdiet id quisque. Ut nonummy maecenas. Etiam tristique urna leo praesent consectetuer. Est porttitor et dictumst mattis quis mattis leo erat ut.</p><p>Quam amet metus. Ligula blandit urna. Sagittis pellentesque vel. Etiam id tristique cubilia massa arcu per ligula erat. Praesent nulla scelerisque nullam euismod enim aenean pellentesque enim. Tempus fermentum sed nec ultricies mauris. Gravida sit dignissim. Eros etiam libero. Est pulvinar sem nullam tempus fusce iaculis nulla at in sit.</p><p>Sapien dictum in. Dapibus nibh duis mauris eleifend nunc. Volutpat fringilla amet neque congue neque et amet molestie. Ut malesuada proin. A orci wisi tincidunt ut duis. Vestibulum eget eros sed cras sed at suspendisse cubilia. Sed erat per. Placerat sit maecenas pulvinar wisi turpis. Nec in sed. Urna arcu leo interdum fringilla pellentesque ornare odio rhoncus lorem sed lacinia non vulputate praesent sed at pulvinar. Amet vel quisque. Fusce vitae purus. At orci velit.</p><p>Ac eget posuere tempus ultrices volutpat. Erat wisi ornare. Odio magna tristique. Eu wisi ullamcorper sit nec debitis. Enim duis nam porta sem sem. Dictum sit pellentesque. Velit amet curabitur alias lectus pede eu suspendisse praesent nibh vitae lorem. Mauris fringilla dolor. Et odio tristique ullamcorper cras euismod nunc nulla.</p><p>Nec turpis per mi non ac. Fringilla id nibh nec dicta auctor penatibus donec con. Etiam magnis nulla. A nec a. Vehicula phasellus diam lectus.</p><p>Hac sodales vitae. Curabitur tincidunt ac non pellentesque id. Placerat mattis ultrices. Posuere nec vel donec wisi amet tristique lorem accumsan. Duis consequat id elit.</p><p>Laboris pretium molestie at pretium ac metus massa dignissim est praesent urna leo a felis tortor ultrices erat lacinia eu vitae. Sit vestibulum posuere. Praesent class risus. Venenatis nulla eget accumsan ac erat. Turpis mauris eget. Auctor integer orci. Consequat maecenas orci. Elementum elit magna. Volutpat viverra posuere mauris vel.</p><p>Etiam at velit. Et dui arcu. Leo nisl sollicitudin unde elementum ut. Accumsan torquent at eu quisque sit non tincidunt porttitor. Ante litora tortor eget.</p><p>Praesent accumsan in. Praesent vitae orci in aliquam lobortis ut est non elit ante enim. Sodales nunc sit. Gravida dui ut. Vitae duis sit duis.</p><p>Turpis amet laoreet. Urna nibh turpis. Curabitur consectetuer sodales molestie dictum arcu nec nullam sit. Ullamcorper vestibulum ut. Placerat aliquam laoreet dolor fermentum dui wisi.</p><p>Nulla nunc excepturi lacinia urna lorem. A nunc donec sit at in. Nonummy sed morbi. Sit dapibus sapien. Scelerisque arcu dolor vivamus a vitae ultricies.</p><p>Aenean ut vel. Sed molestie et. Vel mauris ut. Ultricies ipsum cras. Montes ullamcorper accumsan ut consectetuer posuere arcu lectus in. Pulvinar magna ante phasellus imperdiet enim id curabitur purus in augue culpa aliquam commodo lorem. Laoreet magna et quis auctor purus. Wisi aliquet leo. Id nulla eros ullamcorper nam.</p><p>Id leo penatibus. Eleifend massa metus. Sed cras urna facilisis eos volutpat sit congue a. Sed sem pede. Nulla mauris leo mauris libero vero. Turpis ante ac. Faucibus sodales natoque sed neque quis. Vel taciti in justo vestibulum aliquam netus nostra nunc pede ut nulla. Id at vel ac eros.</p><p>Etiam odio commodo. Tellus nonummy egestas perspiciatis mauris imperdiet. Lorem augue viverra lectus integer nunc. Faucibus nec arcu. Aliquet etiam a neque amet leo purus.</p><p>Posuere ultrices feugiat sed massa consequat lacus facilisis nibh. Egestas vitae arcu lectus magna auctor semper facilisi eros eget ante pellentesque porta tortor aut. Libero vulputate consectetuer. Amet fringilla et. Tempus ultricies ut. Ante volutpat amet. Ullamcorper erat a. Sed arcu nunc. Tempor dui est ipsum congue sodales volutpat adipiscing aut. Aliquam mollis et turpis ut diam. Tempus velit venenatis sed lacus risus. Dolor wisi quis. Malesuada cras pede vel donec tincidunt vestibulum feugiat justo. Tortor pharetra natoque. Lectus ut senectus. Amet mauris turpis. Urna lacinia malesuada. Libero at convallis et eu placerat nibh ut bibendum. Morbi massa con. Bibendum augue magna. In lobortis vitae. Luctus molestie placeat. Nullam laoreet volutpat viverra lacinia lobortis ante tempor eget eget elementum quis luctus eros nec justo quisque ultricies posuere ullamcorper purus eget fermentum nulla diam quam vel suspendisse id tristique. Viverra tellus leo non nulla faucibus. Eu tincidunt eu hac con neque.</p><p>Nunc sodales maecenas. Quis mauris semper a nec wisi duis maecenas porttitor. Ornare rhoncus neque justo habitant et. Facilisis leo vel. Adipiscing ullamcorper tellus eleifend.</p><p>Feugiat in semper at eleifend pellentesque ac inceptos tristique tortor tenetur orci diamlorem imperdiet sed. Turpis imperdiet ut. Laoreet nonummy malesuada. In morbi mi. Tempor elementum sit. Sit proin rutrum. Lacus mattis imperdiet mi suscipit vestibulum aenean nisl mollis. At lacus dis. Purus scelerisque omnis semper nullam tincidunt donec maecenas.</p><p>Vivamus convallis tristique. Ac adipiscing et purus luctus eros proin euismod morbi. Voluptate dui aut. Pellentesque eu et. Ullamcorper in porta. Sed consectetuer nulla. Accumsan sollicitudin aliquam lobortis pretium est. Sem eu et libero tempus adipiscing mauris pede molestie. Ultrices libero nec euismod per fusce. Elit ut faucibus donec morbi nascetur feugiat sit morbi mi sit nonummy. Tortor elementum nisl. Nec mollis pede maecenas arcu donec nam venenatis blandit. Non vestibulum libero odio pellentesque non.</p><p>Accumsan libero pellentesque. Sit etiam sollicitudin. Pede habitant a. Suspendisse massa amet urna arcu penatibus aenean elit enim quam in vivamus. Imperdiet aenean aliquam non.</p><p>Justo duis in. At scelerisque ultricies lorem pede sit sagittis maecenas sollicitudin. Nunc amet ullamcorper. Urna fusce ut. Tincidunt ac eget. Nec risus pede tincidunt parturient lacus consequat mauris eget ante vel tempus. Venenatis dolor in. Netus ipsum metus. Pede nam dui nec nascetur suscipit tempus fermentum pharetra ligula duis.</p><p>Donec nulla porta vulputate faucibus gravida. Eu libero libero. Vel at ut. Mattis elit in sed ultricies ultrices pede fringilla massa. Ridiculus ac quis urna.</p><p>Tempus venenatis sodales class pede quis. A duis donec tortor sodales quis. Urna at dapibus aliquam donec turpis. Metus tristique rhoncus. Sit tincidunt aenean ridiculus.</p><p>Porta aliquam commodo vel amet nonummy. Dui consectetuer quod. Suspendisse purus amet. Semper vehicula in ac ut ultrices nulla pharetra odio. Molestie condimentum id. Tristique duis nec ut id nunc nonummy ipsum sed pharetra eros iaculis. Justo quis aliquam. Tempor vestibulum eget eget a fringilla. Feugiat sed eget luctus sit.</p><p>Sollicitudin enim nulla ante sit sollicitudin ut mauris aliquam. Consectetuer dui hendrerit at vestibulum vestibulum. Lorem aliquam elit. Risus lorem vivamus. In morbi felis justo.</p><p>Fusce sodales et. Urna venenatis ut. Aliquam cursus mollis libero mi id. Id scelerisque consequat. Tortor dictumst gravida ut a mauris ornare sed at ut.</p><p>Vel mauris ac. Vehicula adipiscing sapien purus eget nulla magna et rhoncus. Tortor nulla est. Diam justo aliquam. Ipsum lectus et venenatis aliquam ipsum auctor.</p><p>Non sodales nullam. Rerum sociis lectus dolor diam ut dapibus fringilla rutrum. Eleifend tristique per. Volutpat nulla sit. Sed tristique eu cursus malesuada integer nonummy.</p><p>Mauris ante donec. Justo luctus nec. Elit lectus odio dolor placerat lacus. Sit ante lorem wisi odio conubia turpis imperdiet dapibus. Facilisis viverra at fringilla.</p><p>Et leo odio. Mus magna quis mauris fusce dignissim lectus justo aliqua. Diam augue nunc interdum lectus a. Suspendisse amet vivamus. Odio id non amet.</p><p>Mattis ut porttitor. Convallis diam pede. Et tellus est elit semper proin phasellus eget fusce. Iaculis nam pellentesque. Consectetuer quisque tempus molestie aliquet sodales in.</p>
</div>
<p style='margin-bottom: 10em;'><a href='https://github.com/russellgoldenberg/skimmer'>Get the code and read the docs</a></p>
</article>
<div class='skimmer'>
<p class='skimmer-rate'>Rate: <span>0</span></p>
<p class='skimmer-distance'>Distance: <span>0</span></p>
<p class='skimmer-elapsed'>Elapsed: <span>0</span></p>
</div>
<div class='reveal hide'>
<p>Skimming detected.</p>
<img src='img/67.jpg'>
<p><a href='https://github.com/russellgoldenberg/skimmer'>Get the code and read the docs</a></p>
</div>
<script src='skimmer.min.js'></script>
<script>
(function() {
const el = document.querySelector('.skimmer')
const reveal = document.querySelector('.reveal')
const rate = document.querySelector('.skimmer-rate span')
const distance = document.querySelector('.skimmer-distance span')
const elapsed = document.querySelector('.skimmer-elapsed span')
var updateDOM = function(data, trigger) {
rate.textContent = data.rate
distance.textContent = data.distance
elapsed.textContent = data.elapsed
el.style.backgroundColor = trigger ? '#88ffff' : '#ffff88'
}
skimmer({
trigger: function(data) {
updateDOM(data, true)
reveal.classList.remove('hide')
reveal.addEventListener('click', function() {
this.classList.add('hide')
})
},
update: function(data) {
updateDOM(data)
},
})
})()
</script>
</body>
</html>