-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
65 lines (50 loc) · 12.2 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
<!doctype html>
<html>
<head>
<title>BlurBox</title>
<style>
#logo {
margin: 1em 0;
text-align: center;
}
#logo img {
width: 300px;
}
#body {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
width: 80%;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="body" class="blurbox-bodyContent">
<div id="logo"><img src="Logo.png" /></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu ultrices augue. Integer ullamcorper enim non enim porttitor cursus. Fusce semper pellentesque cursus. Vestibulum id nibh tempus, rutrum est non, rutrum lacus. Duis vehicula sodales libero, ut venenatis mauris ullamcorper sit amet. Fusce lacinia felis id orci vulputate, eu placerat massa accumsan. Praesent mattis metus eros, vel ultrices mi iaculis vitae. Duis mollis, arcu vitae venenatis adipiscing, diam justo imperdiet ipsum, non venenatis massa elit in erat. Mauris et felis tellus. Ut aliquet vehicula imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec volutpat felis non velit bibendum interdum. Integer vehicula semper risus ut pretium. Nulla quis malesuada ipsum. Curabitur egestas cursus massa, eget consectetur velit auctor eu. Duis sed vehicula metus, nec imperdiet orci.
Fusce molestie vestibulum nulla, sed elementum tellus ullamcorper in. Praesent vitae aliquet justo. Nullam imperdiet nec nulla et tincidunt. Fusce aliquam neque sapien, at gravida ipsum congue volutpat. Vivamus pretium eros ut lorem ultrices, id posuere tortor malesuada. Curabitur sollicitudin nisi ac mauris placerat, eu venenatis nunc ornare. Aenean vel urna tempor arcu mattis pulvinar. Morbi placerat elit sit amet venenatis pretium. Nullam vulputate ligula feugiat enim porta, ac mollis erat eleifend. Vivamus dictum et nisl id vehicula. In at enim eget nibh egestas pharetra. Ut id rhoncus libero. Nullam non interdum massa, ac convallis mi. Cras venenatis vel est sed tincidunt. Vivamus vel sollicitudin nunc, non tempus leo.
Praesent dui justo, venenatis vitae ultrices eu, fermentum vel odio. Integer nibh mauris, aliquet rhoncus porta auctor, aliquet quis sem. Vivamus sodales, orci nec eleifend condimentum, sem sem molestie sapien, ac porttitor nisl metus vitae mauris. Donec semper eros non tortor eleifend adipiscing. Proin molestie semper tellus eu euismod. Duis consequat, nibh quis dignissim tempus, justo lacus fringilla lorem, quis eleifend purus lorem sed nisi. Cras facilisis arcu turpis, id posuere libero vulputate non. Aliquam egestas risus lectus, vel interdum erat viverra nec. Sed quis posuere mauris. Curabitur at vehicula enim, eget dignissim risus. Proin dictum eros in ipsum gravida, id gravida lacus consectetur.
Pellentesque at dictum dolor. Curabitur vel lacinia tellus. Vivamus hendrerit gravida rutrum. Curabitur accumsan turpis vel pulvinar lacinia. Phasellus lacinia magna a tempor pharetra. Nunc interdum elementum nisl at consectetur. Morbi tincidunt tortor in semper cursus. Vivamus metus orci, rhoncus id cursus fermentum, tempus adipiscing ante. Mauris in lacus ut sapien gravida volutpat.
Fusce at lacinia est. Nullam rutrum eu nibh vel interdum. Integer condimentum ac augue in ullamcorper. Vivamus vel dui id mi dictum fringilla. Fusce ipsum neque, eleifend ac ullamcorper vel, suscipit eu turpis. Aenean accumsan elit a nisl gravida, vel posuere massa tempus. Donec congue arcu nec dui aliquet, vel hendrerit lectus lacinia. Nam interdum at felis quis viverra. Vivamus condimentum risus non enim iaculis interdum. Aliquam auctor urna eget bibendum ornare. Quisque dapibus sapien sed eros varius, quis volutpat nibh tempor. Integer aliquam commodo volutpat. Donec in aliquam ligula.
Praesent dui justo, venenatis vitae ultrices eu, fermentum vel odio. Integer nibh mauris, aliquet rhoncus porta auctor, aliquet quis sem. Vivamus sodales, orci nec eleifend condimentum, sem sem molestie sapien, ac porttitor nisl metus vitae mauris. Donec semper eros non tortor eleifend adipiscing. Proin molestie semper tellus eu euismod. Duis consequat, nibh quis dignissim tempus, justo lacus fringilla lorem, quis eleifend purus lorem sed nisi. Cras facilisis arcu turpis, id posuere libero vulputate non. Aliquam egestas risus lectus, vel interdum erat viverra nec. Sed quis posuere mauris. Curabitur at vehicula enim, eget dignissim risus. Proin dictum eros in ipsum gravida, id gravida lacus consectetur.
Pellentesque at dictum dolor. Curabitur vel lacinia tellus. Vivamus hendrerit gravida rutrum. Curabitur accumsan turpis vel pulvinar lacinia. Phasellus lacinia magna a tempor pharetra. Nunc interdum elementum nisl at consectetur. Morbi tincidunt tortor in semper cursus. Vivamus metus orci, rhoncus id cursus fermentum, tempus adipiscing ante. Mauris in lacus ut sapien gravida volutpat.
Fusce at lacinia est. Nullam rutrum eu nibh vel interdum. Integer condimentum ac augue in ullamcorper. Vivamus vel dui id mi dictum fringilla. Fusce ipsum neque, eleifend ac ullamcorper vel, suscipit eu turpis. Aenean accumsan elit a nisl gravida, vel posuere massa tempus. Donec congue arcu nec dui aliquet, vel hendrerit lectus lacinia. Nam interdum at felis quis viverra. Vivamus condimentum risus non enim iaculis interdum. Aliquam auctor urna eget bibendum ornare. Quisque dapibus sapien sed eros varius, quis volutpat nibh tempor. Integer aliquam commodo volutpat. Donec in aliquam ligula.
Fusce molestie vestibulum nulla, sed elementum tellus ullamcorper in. Praesent vitae aliquet justo. Nullam imperdiet nec nulla et tincidunt. Fusce aliquam neque sapien, at gravida ipsum congue volutpat. Vivamus pretium eros ut lorem ultrices, id posuere tortor malesuada. Curabitur sollicitudin nisi ac mauris placerat, eu venenatis nunc ornare. Aenean vel urna tempor arcu mattis pulvinar. Morbi placerat elit sit amet venenatis pretium. Nullam vulputate ligula feugiat enim porta, ac mollis erat eleifend. Vivamus dictum et nisl id vehicula. In at enim eget nibh egestas pharetra. Ut id rhoncus libero. Nullam non interdum massa, ac convallis mi. Cras venenatis vel est sed tincidunt. Vivamus vel sollicitudin nunc, non tempus leo.
Praesent dui justo, venenatis vitae ultrices eu, fermentum vel odio. Integer nibh mauris, aliquet rhoncus porta auctor, aliquet quis sem. Vivamus sodales, orci nec eleifend condimentum, sem sem molestie sapien, ac porttitor nisl metus vitae mauris. Donec semper eros non tortor eleifend adipiscing. Proin molestie semper tellus eu euismod. Duis consequat, nibh quis dignissim tempus, justo lacus fringilla lorem, quis eleifend purus lorem sed nisi. Cras facilisis arcu turpis, id posuere libero vulputate non. Aliquam egestas risus lectus, vel interdum erat viverra nec. Sed quis posuere mauris. Curabitur at vehicula enim, eget dignissim risus. Proin dictum eros in ipsum gravida, id gravida lacus consectetur.
Fusce molestie vestibulum nulla, sed elementum tellus ullamcorper in. Praesent vitae aliquet justo. Nullam imperdiet nec nulla et tincidunt. Fusce aliquam neque sapien, at gravida ipsum congue volutpat. Vivamus pretium eros ut lorem ultrices, id posuere tortor malesuada. Curabitur sollicitudin nisi ac mauris placerat, eu venenatis nunc ornare. Aenean vel urna tempor arcu mattis pulvinar. Morbi placerat elit sit amet venenatis pretium. Nullam vulputate ligula feugiat enim porta, ac mollis erat eleifend. Vivamus dictum et nisl id vehicula. In at enim eget nibh egestas pharetra. Ut id rhoncus libero. Nullam non interdum massa, ac convallis mi. Cras venenatis vel est sed tincidunt. Vivamus vel sollicitudin nunc, non tempus leo.
Praesent dui justo, venenatis vitae ultrices eu, fermentum vel odio. Integer nibh mauris, aliquet rhoncus porta auctor, aliquet quis sem. Vivamus sodales, orci nec eleifend condimentum, sem sem molestie sapien, ac porttitor nisl metus vitae mauris. Donec semper eros non tortor eleifend adipiscing. Proin molestie semper tellus eu euismod. Duis consequat, nibh quis dignissim tempus, justo lacus fringilla lorem, quis eleifend purus lorem sed nisi. Cras facilisis arcu turpis, id posuere libero vulputate non. Aliquam egestas risus lectus, vel interdum erat viverra nec. Sed quis posuere mauris. Curabitur at vehicula enim, eget dignissim risus. Proin dictum eros in ipsum gravida, id gravida lacus consectetur.
Fusce molestie vestibulum nulla, sed elementum tellus ullamcorper in. Praesent vitae aliquet justo. Nullam imperdiet nec nulla et tincidunt. Fusce aliquam neque sapien, at gravida ipsum congue volutpat. Vivamus pretium eros ut lorem ultrices, id posuere tortor malesuada. Curabitur sollicitudin nisi ac mauris placerat, eu venenatis nunc ornare. Aenean vel urna tempor arcu mattis pulvinar. Morbi placerat elit sit amet venenatis pretium. Nullam vulputate ligula feugiat enim porta, ac mollis erat eleifend. Vivamus dictum et nisl id vehicula. In at enim eget nibh egestas pharetra. Ut id rhoncus libero. Nullam non interdum massa, ac convallis mi. Cras venenatis vel est sed tincidunt. Vivamus vel sollicitudin nunc, non tempus leo.
Praesent dui justo, venenatis vitae ultrices eu, fermentum vel odio. Integer nibh mauris, aliquet rhoncus porta auctor, aliquet quis sem. Vivamus sodales, orci nec eleifend condimentum, sem sem molestie sapien, ac porttitor nisl metus vitae mauris. Donec semper eros non tortor eleifend adipiscing. Proin molestie semper tellus eu euismod. Duis consequat, nibh quis dignissim tempus, justo lacus fringilla lorem, quis eleifend purus lorem sed nisi. Cras facilisis arcu turpis, id posuere libero vulputate non. Aliquam egestas risus lectus, vel interdum erat viverra nec. Sed quis posuere mauris. Curabitur at vehicula enim, eget dignissim risus. Proin dictum eros in ipsum gravida, id gravida lacus consectetur.</div>
<div id="popup" style="width: 500px; display: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu ultrices augue. Integer ullamcorper enim non enim porttitor cursus. Fusce semper pellentesque cursus. Vestibulum id nibh tempus, rutrum est non, rutrum lacus. Duis vehicula sodales libero, ut venenatis mauris ullamcorper sit amet. Fusce lacinia felis id orci vulputate, eu placerat massa accumsan. Praesent mattis metus eros, vel ultrices mi iaculis vitae. Duis mollis, arcu vitae venenatis adipiscing, diam justo imperdiet ipsum, non venenatis massa elit in erat. Mauris et felis tellus. Ut aliquet vehicula imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec volutpat felis non velit bibendum interdum. Integer vehicula semper risus ut pretium. Nulla quis malesuada ipsum. Curabitur egestas cursus massa, eget consectetur velit auctor eu. Duis sed vehicula metus, nec imperdiet orci.
Fusce molestie vestibulum nulla, sed elementum tellus ullamcorper in. Praesent vitae aliquet justo. Nullam imperdiet nec nulla et tincidunt. Fusce aliquam neque sapien, at gravida ipsum congue volutpat. Vivamus pretium eros ut lorem ultrices, id posuere tortor malesuada. Curabitur sollicitudin nisi ac mauris placerat, eu venenatis nunc ornare. Aenean vel urna tempor arcu mattis pulvinar. Morbi placerat elit sit amet venenatis pretium. Nullam vulputate ligula feugiat enim porta, ac mollis erat eleifend. Vivamus dictum et nisl id vehicula. In at enim eget nibh egestas pharetra. Ut id rhoncus libero. Nullam non interdum massa, ac convallis mi. Cras venenatis vel est sed tincidunt. Vivamus vel sollicitudin nunc, non tempus leo.
Praesent dui justo, venenatis vitae ultrices eu, fermentum vel odio. Integer nibh mauris, aliquet rhoncus porta auctor, aliquet quis sem. Vivamus sodales, orci nec eleifend condimentum, sem sem molestie sapien, ac porttitor nisl metus vitae mauris. Donec semper eros non tortor eleifend adipiscing. Proin molestie semper tellus eu euismod. Duis consequat, nibh quis dignissim tempus, justo lacus fringilla lorem, quis eleifend purus lorem sed nisi. Cras facilisis arcu turpis, id posuere libero vulputate non. Aliquam egestas risus lectus, vel interdum erat viverra nec. Sed quis posuere mauris. Curabitur at vehicula enim, eget dignissim risus. Proin dictum eros in ipsum gravida, id gravida lacus consectetur.</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="blurbox.js"></script>
<script>
setTimeout(function() {
var bb = $('#popup').blurbox({blur: 10, animateBlur: true, bgColor: 'rgba(255,255,0,0.2)'})
bb.show();
},1000);
</script>
</body>
</html>