-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
55 lines (33 loc) · 7.81 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>jquery.readingTime.js Demo</title>
<style type="text/css" media="screen">
* {font-family:Helvetica, Arial, sans-serif;}
body {width:500px; margin: auto; line-height: 24px; padding-bottom: 50px; color: #4d4d4d; -webkit-font-smoothing: antialiased;}
h1{margin: 100px 0;}
</style>
<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.readingTime.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('.post').readingTime();
});
</script>
</head>
<body>
<article class="post">
<h1>jQuery Reading Time</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate magna eget tortor tincidunt non mollis nisl placerat. Integer lacinia laoreet blandit. Integer lacinia orci nisl, ac porta sem. Integer sed neque eu urna porttitor bibendum. Pellentesque sed magna ante. Suspendisse dapibus nulla eu leo auctor at tincidunt lectus dignissim. Aliquam erat volutpat. Suspendisse fermentum, urna at egestas fringilla, lacus felis feugiat metus, id dignissim nulla dui eu mi. Proin massa lectus, scelerisque a sollicitudin sed, congue id justo. Pellentesque quis nulla libero, nec ullamcorper felis. Cras consectetur condimentum ligula a vehicula. Phasellus pellentesque lectus nec elit aliquet ut bibendum sem lacinia. Proin sodales sem quis erat pretium vel consequat odio varius.</p>
</article>
</body>
</html>