-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
97 lines (89 loc) · 3.62 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Folding folder</title>
<link href="stylesheets/style.css" media="screen, projection" rel="stylesheet" type="text/css" />
<script src="javascripts/zepto.min.js"></script>
<script src="javascripts/underscore.js"></script>
<script src="javascripts/index.js"></script>
</head>
<body>
<a href="https://github.com/wijnanb/Folding-folder"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 1000" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
<div id="canvas">
<div class="folder">
<div class="row row-0">
<div class="row row-1up">
<div class="box level0" id="box-0-0">
<div class="content"><div class="text"></div></div>
<div class="box level1" id="box-1-0">
<div class="content"><div class="text"></div></div>
<div class="box level2" id="box-2-0">
<div class="content"><div class="text"></div></div>
<div class="box level3" id="box-3-0">
<div class="content">
<div class="text">
<h1>London</h1>
<p>London is the capital and most populous city of England and the United Kingdom. Standing on the River Thames in the south east of the island of Great Britain, London has been a major settlement for two millennia. It was founded by the Romans, who named it Londinium.</p>
<p>London's ancient core, the City of London, largely retains its 1.12-square-mile (2.9 km2) medieval boundaries. Since at least the 19th century, "London" has also referred to the metropolis around this core, historically split between Middlesex, Essex, Surrey, Kent, and Hertfordshire, which today largely makes up Greater London, governed by the Mayor of London and the London Assembly.</p>
<p>Map data ©2016 Google</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box level0" id="box-0-1">
<div class="content"><div class="text"></div></div>
<div class="front"><div class="text"><h1>London</h1></div></div>
<div class="box level1" id="box-1-1">
<div class="content"><div class="text"></div></div>
<div class="box level2" id="box-2-1">
<div class="content"><div class="text"></div></div>
<div class="box level3" id="box-3-1">
<div class="content"><div class="text"></div></div>
</div>
</div>
</div>
</div>
<div class="row row-1down">
<div class="box level0" id="box-0-2">
<div class="content"><div class="text"></div></div>
<div class="box level1" id="box-1-2">
<div class="content"><div class="text"></div></div>
<div class="box level2" id="box-2-2">
<div class="content"><div class="text"></div></div>
<div class="box level3" id="box-3-2">
<div class="content"><div class="text"></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="toolbox">
<div class="block">
<div class="slider" id="slider-0">
<label>vertical</label>
<input type="range" min="0" max="180" value="0">
<span class="value">0</span>
</div>
<div class="slider" id="slider-1">
<label>horizontal</label>
<input type="range" min="0" max="180" value="0">
<span class="value">0</span>
</div>
</div>
<div class="block">
<button id="button-open">open</button>
<button id="button-close">close</button>
</div>
<div class="block">
<input type="checkbox" checked="checked" id="checkbox-content"> show content
</div>
</div>
</body>
</html>