Skip to content
This repository
Browse code

* Remove examples (they're hosted on the github page)

  • Loading branch information...
commit 2464797ca775363179e808b452d8223c1b291a65 1 parent aa5dd17
Joe Hewitt authored June 17, 2011
161  examples/example1.html
... ...
@@ -1,161 +0,0 @@
1  
-<!doctype html>
2  
-
3  
-<html lang="en">
4  
-<head>
5  
-<title>Scrollability</title>
6  
-<meta charset="utf-8"/>
7  
-<meta name="viewport" content="width=device-width,maximum-scale=1.0" />
8  
-<meta name="apple-mobile-web-app-capable" content="yes" /> 
9  
-<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
10  
-<style type="text/css">
11  
-
12  
-html {
13  
-    overflow: hidden;
14  
-    background: #333;
15  
-    font-family: Helvetica;
16  
-}
17  
-
18  
-#container {
19  
-    position: absolute;
20  
-    left: 0;
21  
-    top: 24px;
22  
-    bottom: 24px;
23  
-    width: 320px;
24  
-    background: #fff;
25  
-    overflow: hidden;
26  
-}
27  
-
28  
-#page {
29  
-    -webkit-transform: translate3d(0,0,0);
30  
-}
31  
-    
32  
-.item {
33  
-    position: relative;
34  
-    top: -1px;
35  
-    border-top: 1px solid #ccc;
36  
-    padding: 9px 12px;
37  
-    font: 21px Helvetica;
38  
-    font-weight: bold;
39  
-    background: #fff;
40  
-}
41  
-
42  
-.item:last-child {
43  
-    border-bottom: 1px solid #ccc;
44  
-}
45  
-
46  
-.bar {
47  
-    position: absolute;
48  
-    background: #222;
49  
-    left: 0;
50  
-    width: 100%;
51  
-    color: #fff;
52  
-    padding: 5px 0;
53  
-    font-size: 10px;
54  
-    font-weight: bold;
55  
-    text-align: center;
56  
-}
57  
-
58  
-.bar.top {
59  
-    top: 0;
60  
-    border-bottom: 1px solid #000;
61  
-}
62  
-
63  
-.bar.bottom {
64  
-    bottom: 0;
65  
-}
66  
-
67  
-/*.item.touched {
68  
-    color: #fff;
69  
-    background: -webkit-gradient(
70  
-        linear,
71  
-        left top,
72  
-        left bottom,
73  
-        color-stop(0, #028AF3),
74  
-        color-stop(1, #005DE6)
75  
-    );
76  
-}*/
77  
-
78  
-</style>
79  
-
80  
-<script type="text/javascript" src="../scrollability.js"></script>
81  
-
82  
-<script language="javascript">
83  
-
84  
-var names = [
85  
-"Arnulfo Heriberto Hao",
86  
-"Elbert Murray Heartsill",
87  
-"Danny Fred Querido",
88  
-"Boris Hobert Cregger",
89  
-"Clifton Brady Laurance",
90  
-"Homer Jay Telch",
91  
-"Lawrence Lloyd Barrus",
92  
-"Shannon Isaias Plate",
93  
-"Odis Raul Insley",
94  
-"Marion Ben Nhatsavang",
95  
-"Dong Brent Mcwilson",
96  
-"Chong Jarrod Hinderman",
97  
-"Eric Reyes Caffie",
98  
-"Junior Newton Dagan",
99  
-"Cleo Maynard Gutirrez",
100  
-"Cruz Rey Misiewicz",
101  
-"Jeremy Nelson Bew",
102  
-"Doug Buster Maclead",
103  
-"Zachariah Martin Colo",
104  
-"Nathaniel Houston Berneri",
105  
-"Clement Laverne Vrana",
106  
-"Kermit Jeffery Left",
107  
-"Davis Margarito Koran",
108  
-"Booker Wallace Primavera",
109  
-"Prince Enrique Pulice",
110  
-"Johnathon Minh Inciong",
111  
-"Stan Tony Calaycay",
112  
-"Owen Sang Tugade",
113  
-"Charlie Melvin Veloso",
114  
-"August Galen Kathel",
115  
-"Dominique Marc Sitterson",
116  
-"Mitchell Isaiah Chareunrath",
117  
-"Luther Avery Fekety",
118  
-"Myles Doug Strohl",
119  
-"Reuben Bob Holoman",
120  
-"Eloy Erwin Kendrick",
121  
-"Alec Bernard Hitz",
122  
-"Jessie Oswaldo Shamir",
123  
-"Jamison Seymour Nighman",
124  
-"Garret Chester Robasciotti",
125  
-"Clifford Samuel Sokoloff",
126  
-"Carlton Jamel Mcentee",
127  
-"Blair Titus Lennertz",
128  
-"Barton Edmund Payn",
129  
-"Ed Williams Faltin",
130  
-"Leonardo Kent Trimarchi",
131  
-"Lon Esteban Samrah",
132  
-"Mike Alfonzo Alaniz",
133  
-"George Gil Domnick",
134  
-"Lemuel Lesley Cerventez",
135  
-];
136  
-
137  
-addEventListener('DOMContentLoaded', function() {
138  
-    var container = document.getElementById('container');
139  
-    var page = document.getElementById('page');
140  
-    for (var i = 0; i < names.length*5; ++i) {
141  
-        var item = document.createElement('div');
142  
-        item.className = 'item';
143  
-        item.innerHTML = names[i%names.length];
144  
-        page.appendChild(item);
145  
-        if (page.offsetHeight > container.offsetHeight*6) {
146  
-            break;
147  
-        }
148  
-    }
149  
-});
150  
-
151  
-</script>
152  
-    
153  
-</head>
154  
-<body>
155  
-    <div class="bar top">Scrollability Demo</div>
156  
-    <div class="bar bottom">Footer</div>
157  
-    <div id="container">
158  
-        <div id="page" class="scrollable vertical"></div>
159  
-    </div>
160  
-</body>
161  
-</html>
64  examples/example2.html
... ...
@@ -1,64 +0,0 @@
1  
-<!doctype html> 
2  
- 
3  
-<html lang="en"> 
4  
-<head> 
5  
-<title>Scrollability</title> 
6  
-<meta charset="utf-8"/> 
7  
-<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" /> 
8  
-<style type="text/css"> 
9  
- 
10  
-html, body {
11  
-    overflow: hidden;
12  
-    padding: 0;
13  
-    margin: 0;
14  
-    background: #000;
15  
-}
16  
- 
17  
-#container {
18  
-    position: absolute;
19  
-    left: 0;
20  
-    top: 0;
21  
-    width: 100%;
22  
-    height: 100%;
23  
-    white-space: nowrap;
24  
-}
25  
- 
26  
-.page {
27  
-    display: inline-block;
28  
-    width: 100%;
29  
-    height: 100%;
30  
-    margin-right: 20px;
31  
-    color: #fff;
32  
-    font: 40px Helvetica;
33  
-    padding: 10px;
34  
-    -webkit-box-sizing: border-box;
35  
-}
36  
- 
37  
-</style> 
38  
- 
39  
-<script type="text/javascript" src="../scrollability.js"></script> 
40  
-
41  
-<script language="javascript">
42  
-
43  
-var colors = [
44  
-"blue",
45  
-"green",
46  
-"red",
47  
-"gray",
48  
-];
49  
-
50  
-addEventListener('DOMContentLoaded', function() {
51  
-    var container = document.getElementById('container');
52  
-    for (var i = 0; i < colors.length; ++i) {
53  
-        var page = document.createElement('div');
54  
-        page.className = 'page';
55  
-        page.style.backgroundColor = colors[i];
56  
-        page.innerHTML = 'Scroll horizontally between pages'
57  
-        container.appendChild(page);
58  
-    }
59  
-});
60  
-
61  
-</script>
62  
-</head> 
63  
-<body><div id="container" class="scrollable horizontal paginated"></div></body>
64  
-</html>

0 notes on commit 2464797

Please sign in to comment.
Something went wrong with that request. Please try again.