-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.htm
72 lines (57 loc) · 2.05 KB
/
index.htm
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
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link href="css/style.css" rel="stylesheet" type="text/css">
<title>Range.js</title>
</head>
<body>
<header>
<h2>Range.js</h2>
<p>JavaScript library to resize, reduce, or change ranges of DOM elements. Open source on <a href="http://github.com/kylesb/range.js">GitHub</a>.</p>
</header>
<hr>
<section>
<p>Text example:</p>
<section data-range="true">
<input type="range">
<p>An example of sample text that you can reduce. Below is an excerpt from John Steinback's famous novel, <i>The Grapes of Wraph</i>.</p>
<p>"Soft fingers began to tap the sill of the car window, and the hard fingers tightened on the restless drawing sticks. In the doorways of the sun-beaten tenant houses, women sighed and then shifted feet so that the one that had been down was now on top, and the toes working. Dogs came sniffing near the owner cars and wetted on all four tires one after another. And chickens lay in the sunny dust and fluffed their feathers to get the cleansing dust down to the skin. In the little sties the pigs grunted inquiringly over the muddy remnants of the slops."</p>
</section>
</section>
<hr>
<section>
<p>List example</p>
<section data-range="true">
<input type="range">
<ul>
<li>Item one</li>
<li>Item two</li>
<ul>
<li>Nested two-one</li>
<li>Nested two-two</li>
</ul>
<li>Item three</li>
<ul>
<li>Nested three-one</li>
<li>Nested three-two</li>
</ul>
<li>Item four</li>
</ul>
</section>
</section>
<hr>
<section>
<p>Image example:</p>
<section data-range="true">
<input type="range">
<img src="img/tree.jpg">
</section>
</section>
<script src='js/range.js'></script>
<script>
range = new Range();
</script>
</body>
</html>