-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex-resp1.html
55 lines (39 loc) · 2.28 KB
/
index-resp1.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
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Accept-CH" content="DPR,Width,Viewport-Width,">
</head>
<body>
<script
src="node_modules/cloudinary-core/cloudinary-core-shrinkwrap.min.js"
type="text/javascript">
</script>
<img
sizes="100vw"
srcset="https://res.cloudinary.com/hackchallenge/image/upload/w_200/v1521063217/MyVacation/IMG_20160619_173136306.jpg 200w,
https://res.cloudinary.com/hackchallenge/image/upload/w_499/v1521063217/MyVacation/IMG_20160619_173136306.jpg 499w,
https://res.cloudinary.com/hackchallenge/image/upload/w_707/v1521063217/MyVacation/IMG_20160619_173136306.jpg 707w,
https://res.cloudinary.com/hackchallenge/image/upload/w_887/v1521063217/MyVacation/IMG_20160619_173136306.jpg 887w,
https://res.cloudinary.com/hackchallenge/image/upload/w_1013/v1521063217/MyVacation/IMG_20160619_173136306.jpg 1013w,
https://res.cloudinary.com/hackchallenge/image/upload/w_1159/v1521063217/MyVacation/IMG_20160619_173136306.jpg 1159w,
https://res.cloudinary.com/hackchallenge/image/upload/w_1287/v1521063217/MyVacation/IMG_20160619_173136306.jpg 1287w,
https://res.cloudinary.com/hackchallenge/image/upload/w_1370/v1521063217/MyVacation/IMG_20160619_173136306.jpg 1370w,
https://res.cloudinary.com/hackchallenge/image/upload/w_1400/v1521063217/MyVacation/IMG_20160619_173136306.jpg 1400w"
src="https://res.cloudinary.com/hackchallenge/image/upload/w_4000/v1521063217/MyVacation/IMG_20160619_173136306.jpg"
alt="">
<br/>
<center>
<img sizes="(min-width: 500px) 32vw, 100vw" class="cld-responsive"
data-src = "https://res.cloudinary.com/hackchallenge/image/upload/w_auto,c_scale/v1521063209/MyVacation/IMG_20160619_190429.jpg">
<!-- client hints? -->
<img sizes="32vw"
src="https://res.cloudinary.com/hackchallenge/image/upload/w_auto,c_scale/v1521063209/MyVacation/IMG_20160619_190429.jpg"
alt="client hints rock." />
<br/>
</center>
<script type="text/javascript">
var cl = cloudinary.Cloudinary.new({cloud_name: "hackchallenge"});
var my_breakpoints = [50, 90, 130, 170, 200, 300, 450, 550, 700, 850, 1000, 1100, 1200];
cl.config({breakpoints:my_breakpoints, responsive_use_breakpoints:"true"})
cl.responsive();
</script>
</body>