-
Notifications
You must be signed in to change notification settings - Fork 50
/
Copy pathindex.html
152 lines (150 loc) · 6.49 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<title>zoom.js</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* SIMPLE DEMO STYLES */
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.6;
}
.container {
margin: 50px;
max-width: 700px;
}
.container img {
width: 100%;
}
.container .pull-left {
width: 55%;
float: left;
margin: 20px 20px 20px -80px;
}
a {
color: unset;
}
@media (min-width: 750px) {
body {
font-size: 16px;
line-height: 1.6;
}
.container {
margin: 100px auto;
}
}
</style>
<link rel="stylesheet" type="text/css" href="dist/zoom.css">
</head>
<body>
<div class="container">
<h1>Image Zoom</h1>
<p>
<a href="https://github.com/nishanths/zoom.js">https://github.com/nishanths/zoom.js</a>
</p>
<p>
Trust fund seitan chia, wolf lomo letterpress Bushwick before they sold
out. Carles kogi fixie, squid twee Tonx readymade cred typewriter
scenester locavore kale chips vegan organic. Meggings pug wolf Shoreditch
typewriter skateboard. McSweeney's iPhone chillwave, food truck direct
trade disrupt flannel irony tousled Cosby sweater single-origin coffee.
Organic disrupt bicycle rights, tattooed messenger bag flannel craft beer
fashion axe bitters. Readymade sartorial craft beer, quinoa sustainable
butcher Marfa Echo Park Terry Richardson gluten-free flannel retro cred
mlkshk banjo. Salvia 90's art party Blue Bottle, PBR&B cardigan 8-bit.
</p>
<p>
Meggings irony fashion axe, tattooed master cleanse Blue Bottle stumptown
bitters authentic flannel freegan paleo letterpress ugh sriracha. Wolf
PBR&B art party aesthetic meh cliche. Sartorial before they sold out deep
v, aesthetic PBR&B craft beer post-ironic synth keytar pork belly
skateboard pour-over. Tonx cray pug Etsy, gastropub ennui wolf ethnic Odd
Future viral master cleanse skateboard banjo. Pitchfork scenester
cornhole, whatever try-hard ethnic banjo +1 gastropub American Apparel
vinyl skateboard Shoreditch seitan. Blue Bottle keffiyeh Austin Helvetica
art party. Portland ethnic fixie, beard retro direct trade ugh scenester
Tumblr readymade authentic plaid pickled hashtag biodiesel.
</p>
<img src="demo/img/palm.jpg">
<p>
Thundercats freegan Truffaut, four loko twee Austin scenester lo-fi seitan
High Life paleo quinoa cray. Schlitz butcher ethical Tumblr, pop-up DIY
keytar ethnic iPhone PBR sriracha. Tonx direct trade bicycle rights
gluten-free flexitarian asymmetrical. Whatever drinking vinegar PBR XOXO
Bushwick gentrify. Cliche semiotics banjo retro squid Wes Anderson.
Fashion axe dreamcatcher you probably haven't heard of them bicycle
rights. Tote bag organic four loko ethical selfies gastropub, PBR
fingerstache tattooed bicycle rights.
</p>
<p>
Ugh Portland Austin, distillery tattooed typewriter polaroid pug Banksy
Neutra keffiyeh. Shoreditch mixtape wolf PBR&B, tote bag dreamcatcher
literally bespoke Odd Future selfies 90's master cleanse vegan. Flannel
tofu deep v next level pickled, authentic Etsy Shoreditch literally swag
photo booth iPhone pug semiotics banjo. Bicycle rights butcher Blue
Bottle, actually DIY semiotics Banksy banjo mixtape Austin pork belly
post-ironic. American Apparel gastropub hashtag, McSweeney's master
cleanse occupy High Life bitters wayfarers next level bicycle rights. Wolf
chia Terry Richardson, pop-up plaid kitsch ugh. Butcher +1 Carles, swag
selfies Blue Bottle viral.
</p>
<p>
Keffiyeh food truck organic letterpress leggings iPhone four loko hella
pour-over occupy, Wes Anderson cray post-ironic. Neutra retro fixie
gastropub +1, High Life semiotics. Vinyl distillery Etsy freegan
flexitarian cliche jean shorts, Schlitz wayfarers skateboard tousled irony
locavore XOXO meh. Ethnic Wes Anderson McSweeney's messenger bag, mixtape
XOXO slow-carb cornhole aesthetic Marfa banjo Thundercats bitters. Raw
denim banjo typewriter cray Tumblr, High Life single-origin coffee. 90's
Tumblr cred, Terry Richardson occupy raw denim tofu fashion axe photo
booth banh mi. Trust fund locavore Helvetica, fashion axe selvage
authentic Shoreditch swag selfies stumptown +1.
</p>
<img src="demo/img/trees.jpg" class="pull-left">
<p>
Scenester chambray slow-carb, trust fund biodiesel ugh bicycle rights
cornhole. Gentrify messenger bag Truffaut tousled roof party pork belly
leggings, photo booth jean shorts. Austin readymade PBR plaid chambray.
Squid Echo Park pour-over, wayfarers forage whatever locavore typewriter
artisan deep v four loko. Locavore occupy Neutra Pitchfork McSweeney's,
wayfarers fingerstache. Actually asymmetrical drinking vinegar yr brunch
biodiesel. Before they sold out sustainable readymade craft beer Portland
gastropub squid Austin, roof party Thundercats chambray narwhal Bushwick
pug.
</p>
<p>
Literally typewriter chillwave, bicycle rights Carles flannel wayfarers.
Biodiesel farm-to-table actually, locavore keffiyeh hella shabby chic
pour-over try-hard Bushwick. Sriracha American Apparel Brooklyn, synth
cray stumptown blog Bushwick +1 VHS hashtag. Wolf umami Carles Marfa, 90's
food truck Cosby sweater. Fanny pack try-hard keytar pop-up readymade,
master cleanse four loko trust fund polaroid salvia. Photo booth kitsch
forage chambray, Carles scenester slow-carb lomo cardigan dreamcatcher.
Swag asymmetrical leggings, biodiesel Tonx shabby chic ethnic master
cleanse freegan.
</p>
<p>
Raw denim Banksy shabby chic, 8-bit salvia narwhal fashion axe. Ethical
Williamsburg four loko, chia kale chips distillery Shoreditch messenger
bag swag iPhone Pitchfork. Viral PBR&B single-origin coffee quinoa
readymade, ethical chillwave drinking vinegar gluten-free Wes Anderson
kitsch Tumblr synth actually bitters. Butcher McSweeney's forage mlkshk
kogi fingerstache. Selvage scenester butcher Shoreditch, Carles beard
plaid disrupt DIY. Pug readymade selvage retro, Austin salvia vinyl master
cleanse flexitarian deep v bicycle rights plaid Terry Richardson mlkshk
pour-over. Trust fund try-hard banh mi Brooklyn, 90's Etsy kogi YOLO
salvia.
</p>
</div>
<script type="module">
import { zoom } from "./dist/index.js"
function setup(img) {
img.classList.add("zoom-cursor")
img.addEventListener("click", () => { zoom(img) })
}
const imgs = [...document.querySelectorAll("img")]
imgs.forEach(img => { setup(img) })
</script>
</body>
</html>