-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
34 lines (27 loc) · 1.77 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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Scope+One" rel="stylesheet">
<link rel="stylesheet" href="dist/style.css">
<title>Vanilla Popover</title>
</head>
<body>
<div class="popover-preview">
<h1>The Lion and the <span data-popover="the mouse was gray and little.">Mouse</span></h1>
<p>Once when a lion, the king of the jungle, was asleep, a little mouse began running up and down on him. This soon awakened the lion, who placed his huge paw on the mouse, and opened his big jaws to swallow him.</p>
<p>"Pardon, O King!" cried the little mouse. "Forgive me this time. I shall never repeat it and I shall never forget your kindness. And who knows, I may be able to do you a good turn one of these days!”</p>
<p><span data-popover="a young and yellow lion">The lion</span> was so tickled by the idea of the mouse being able to help him that he lifted his paw and let him go.</p>
<p>Sometime later, a few hunters captured the lion, and tied him to a tree. After that they went in search of a wagon, to take him to the zoo.</p>
<p>Just then the little mouse happened to pass by. On seeing the lion’s plight, he ran up to him and gnawed away the ropes that bound him, the king of the jungle.</p>
<p>"Was I not right?" said the little mouse, very happy to help the lion.</p>
<p><strong>MORAL: <span data-popover="actually, thats just a test.">Small acts</span> of kindness will be rewarded greatly.</strong></p>
</div>
<script src="dist/popover.js"></script>
<script>
var popover = new VanillaPopover('[data-popover]', {})
</script>
</body>
</html>