Skip to content

Commit 67784f7

Browse files
addyosmaniaddyosmani
committed
Add demo directory
1 parent d417c9c commit 67784f7

6 files changed

Lines changed: 96 additions & 0 deletions

File tree

‎demo/1.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>Prefetch experiments</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
9+
<script src="main.js"></script>
10+
</head>
11+
<body>
12+
<h1>Page 1</h1>
13+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta est sint assumenda corrupti minima aut, magnam totam beatae ullam ea iste voluptatum iusto expedita animi rem vitae rerum atque nemo!</p>
14+
</body>
15+
</html>

‎demo/2.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>Prefetch experiments</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
9+
<script src="main.js"></script>
10+
</head>
11+
<body>
12+
<h1>Page 2</h1>
13+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta est sint assumenda corrupti minima aut, magnam totam beatae ullam ea iste voluptatum iusto expedita animi rem vitae rerum atque nemo!</p>
14+
</body>
15+
</html>

‎demo/3.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>Prefetch experiments</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
9+
<script src="main.js"></script>
10+
</head>
11+
<body>
12+
<h1>Page 3</h1>
13+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta est sint assumenda corrupti minima aut, magnam totam beatae ullam ea iste voluptatum iusto expedita animi rem vitae rerum atque nemo!</p>
14+
</body>
15+
</html>

‎demo/4.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>Prefetch experiments</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
9+
<script src="main.js"></script>
10+
</head>
11+
<body>
12+
<h1>Page 4</h1>
13+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta est sint assumenda corrupti minima aut, magnam totam beatae ullam ea iste voluptatum iusto expedita animi rem vitae rerum atque nemo!</p>
14+
</body>
15+
</html>

‎demo/index.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>Prefetch experiments</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
9+
<script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>
10+
<!-- <script src="main.js"></script> -->
11+
</head>
12+
<body>
13+
<a href="1.html">Link 1</a>
14+
<a href="2.html">Link 2</a>
15+
<a href="3.html">Link 3</a>
16+
<section id="stuff">
17+
<a href="main.css">CSS</a>
18+
</section>
19+
<a href="4.html" style="position:absolute;margin-top:900px;">Link 4</a>
20+
<!-- <script src="index.js"></script> -->
21+
<script type="module">
22+
import quicklink from "../src/index.mjs";
23+
quicklink();
24+
// quicklink({
25+
// urls: ['2.html','4.html']
26+
// });
27+
// let elem = document.getElementById('stuff');
28+
// quicklink({
29+
// el: elem
30+
// });
31+
</script>
32+
</body>
33+
</html>

‎demo/main.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
body {
2+
font-family: Roboto, Arial, sans-serif;
3+
}

0 commit comments

Comments
 (0)