-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
34 lines (26 loc) · 3.93 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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="ag-style.css">
</head>
<body>
<div class="container">
<div class="annotation-genius">
<h1>Annotation Genius: Apply Genius-Style Annotations to Your Project</h1>
<p><span class="ag" id="1">Lorem ipsum dolor sit amet,</span> consectetur adipiscing elit. Integer posuere sem vitae eleifend venenatis. Vivamus at lectus non justo vulputate sagittis ac posuere purus. Vivamus fermentum turpis a dignissim placerat.</p>
<p>Sed eu pretium urna, et lacinia lectus. Etiam blandit purus et placerat accumsan. Donec nec metus justo. Donec sed dui quis ipsum semper <span class="ag" id="2">lectus</span>.</p>
<p>Mauris viverra in eros in consequat. Quisque vitae orci vel magna tristique aliquam. Cras vel turpis non justo malesuada dignissim. Nunc risus orci, cursus ut faucibus ac, interdum vitae nulla. Sed posuere purus sit amet nulla auctor rutrum. Sed eu pretium urna, et lacinia lectus. Etiam blandit purus et placerat accumsan. Donec nec metus justo. Donec sed dui quis ipsum semper luctus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere sem vitae eleifend venenatis. Vivamus at lectus non justo vulputate sagittis ac posuere purus. Vivamus fermentum turpis a dignissim placerat. <span class="ag" id="3">Pellentesque at libero dolor.</span> Sed leo diam, faucibus vitae purus vel, pellentesque facilisis ex. Cras imperdiet vel nulla vitae venenatis. Nullam finibus ligula dui, ac rutrum nibh volutpat sit amet. Curabitur ornare, lorem sed molestie posuere, turpis ipsum luctus nisi, eu blandit metus tellus vitae dolor. Vestibulum libero urna, hendrerit eu tortor sed, ullamcorper sodales justo. Aliquam erat volutpat. Sed sed urna dui.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere sem vitae eleifend venenatis. Vivamus at lectus non justo vulputate sagittis ac posuere purus. Vivamus fermentum turpis a dignissim placerat. Pellentesque at libero dolor. Sed leo diam, faucibus vitae purus vel, pellentesque facilisis ex. Cras imperdiet vel nulla vitae venenatis. Nullam finibus ligula dui, ac rutrum nibh volutpat sit amet. Curabitur ornare, lorem sed molestie posuere, turpis ipsum luctus nisi, eu blandit metus tellus vitae dolor. Vestibulum libero urna, hendrerit eu tortor sed, ullamcorper sodales justo. Aliquam erat volutpat. Sed sed urna dui.</p>
<p>Nam accumsan luctus risus eget ornare. Nam tincidunt libero vel tortor tempor, et cursus ex cursus. Nullam eu massa sit amet sem bibendum euismod sit amet id turpis. Fusce congue mauris dictum ipsum dictum, imperdiet convallis magna ornare. Suspendisse ullamcorper pharetra scelerisque. Nunc elit mauris, egestas eu aliquam ac, iaculis ac justo. In dolor ante, malesuada a interdum non, sollicitudin et ex. Maecenas pretium nulla tortor, id congue enim auctor a. Aliquam vitae commodo metus.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere sem vitae eleifend venenatis. Vivamus at lectus non justo vulputate sagittis ac posuere purus. Vivamus fermentum turpis a dignissim placerat. Pellentesque at libero dolor. Sed leo diam, faucibus vitae purus vel, pellentesque facilisis ex. Cras imperdiet vel nulla vitae venenatis. Nullam finibus ligula dui, ac rutrum nibh volutpat sit amet. Curabitur ornare, lorem sed molestie posuere, turpis ipsum luctus nisi, eu blandit metus tellus vitae dolor. Vestibulum libero urna, hendrerit eu tortor sed, ullamcorper sodales justo. Aliquam erat volutpat. Sed sed urna dui.</p>
</div>
</div>
<script src="annotation-genius.js"></script>
</body>
</html>