forked from dougsillars/dougsillars.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_lazy.html
136 lines (106 loc) · 5.41 KB
/
index_lazy.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
<body>
<center><h1>My Summer Vacation 2017</center></h1>
<p> Last year, I took an epic journey across Europe. I created this page to show off the photos of some of the awsome places that I saw during my vacation.</p>
<h1> Plitvice Lakes, Croatia</h1>
<p>The first awesome place I'd like to share with you is Plitvice Lakes in the middle of Croatia. These are natural waterfalls that you visit by walking on wooden platforms. </p>
</picture>
</picture>
<img class="lazyload"
width = "100%"
src = "svg/croatiapanorama.svg"
data-src = "http://res.cloudinary.com/hackchallenge/image/upload/w_4000/v1521063217/MyVacation/IMG_20160619_173136306.jpg"
style="background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjE2IDY2NCI+PGZpbHRlciBpZD0iYiI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiIC8+PC9maWx0ZXI+PHBhdGggZmlsbD0iIzgyOTk3NiIgZD0iTTAgMGgzNjE2djY2M0gweiIvPjxnIGZpbHRlcj0idXJsKCNiKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNyA3KSBzY2FsZSgxNC4xMjUpIiBmaWxsLW9wYWNpdHk9Ii41Ij48ZWxsaXBzZSBmaWxsPSIjYzBkNWRkIiByeD0iMSIgcnk9IjEiIHRyYW5zZm9ybT0ibWF0cml4KC0yMC41Nzg1NSAtOTkuOTUxNSAyMC42NTg5NiAtNC4yNTMzOCAxMjUuMyAyOC4yKSIvPjxlbGxpcHNlIGZpbGw9IiMzZjUzMzAiIHJ4PSIxIiByeT0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMTMuMzM4MTggLTE1LjM2NTc5IDI3LjI0ODkzIDIzLjY1MzI2IDU2LjggMjEuNCkiLz48ZWxsaXBzZSBmaWxsPSIjNDg2MjE5IiByeD0iMSIgcnk9IjEiIHRyYW5zZm9ybT0icm90YXRlKC02NS42IDExMS4yIC0xNTQuMikgc2NhbGUoMTMuNzY5MTkgMzEuNzUwMDkpIi8+PGVsbGlwc2UgZmlsbD0iI2I2Y2ViNCIgY3g9IjE4NCIgY3k9IjQ1IiByeD0iNjUiIHJ5PSIyMCIvPjxwYXRoIGZpbGw9IiMyYTQzMmEiIGQ9Ik0xNjQgMS45bC0xNS4yIDQzLjMgMS0yMi4zIDU5LjgtMTMuNXoiLz48cGF0aCBmaWxsPSIjYjNjMTk0IiBkPSJNOC4xIDYybDY3LjMtNDItNTkuNSAxMS42TC0xMi4zIDYyeiIvPjxwYXRoIGZpbGw9IiM0ODRlM2IiIGQ9Ik0yNyA1aDYydjIySDI3eiIvPjxwYXRoIGZpbGw9IiNkNWQ0YTIiIGQ9Ik0yMDkgMjJsLTMyLTExLTMwIDMweiIvPjwvZz48L3N2Zz4=);"
/>
<br/>
<center>
<img class="lazyload"
width = "32%"
src = "svg/croatia1.svg"
data-src = "http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063209/MyVacation/IMG_20160619_190429.jpg"
/>
<img
class="lazyload"
width = "32%"
src = "svg/croatia2.svg"
data-src = "http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063196/MyVacation/IMG_20160619_190322.jpg"
/>
<img
class="lazyload"
width ="32%"
src = "svg/croatia3.svg"
data-src = "http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063204/MyVacation/IMG_20160619_190419.jpg"
/>
<br/>
</center>
<br/>
<img
class="lazyload"
width = "49%"
src = "svg/croatia4.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063231/MyVacation/IMG_20160619_164821632.jpg"
/>
<img
class="lazyload"
width = "49%"
src = "svg/croatia5.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063223/MyVacation/IMG_20160619_185025.jpg"
/>
<br/>
<h1>The Alps</h1>
We stayed in Grindelwald, CH and Innsbruck, AT for a few days, and hiked through the hills and valleys. There was even a little snow at high elevations in both places!
<img
class="lazyload"
width = "100%"
src = "svg/alps1.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_4000/v1521063270/MyVacation/IMG_20160527_151146376-PANO.jpg"
/>
<img
class="lazyload"
width = "49%"
src = "svg/alps2.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063286/MyVacation/IMG_20160604_133957422.jpg"
/>
<img
class="lazyload"
width = "49%"
src = "svg/alps3.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063280/MyVacation/IMG_20160526_135242148_HDR.jpg"
/>
<img
class="lazyload"
width = "49%"
src = "svg/alps4.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063280/MyVacation/IMG_20160525_070350112.jpg"
/>
<img
class="lazyload"
width = "49%"
src = "svg/alps5.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063278/MyVacation/IMG_20160525_070643363_HDR.jpg"
/>
<img
class="lazyload"
width = "33%"
src = "svg/alps6.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063179/MyVacation/IMG_20160524_210947724.jpg"
/>
<img
class="lazyload"
width = "66%"
src = "svg/alps7.svg"
data-src ="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063275/MyVacation/IMG_20160603_142347242_HDR-PANO.jpg"/>
<br/>
<h1>Como, Italy</h1>
<p>From the Alps, we made our way south to Italy, where we stayed in an old wheat silo (yes it was basically one big tall round room, with beds in a loft). On the rainy day, we did what any normal Pacific Northwesterner would do - we went for a day hike in the mountains!</p>
<img
class="lazyload"
src="svg/como1.svg"
width = "49%"
data-src="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063244/MyVacation/IMG_20160517_200645173.jpg" />
<img
class="lazyload"
src="svg/como2.svg"
width = "49%"
data-src="http://res.cloudinary.com/hackchallenge/image/upload/w_2500/v1521063244/MyVacation/IMG_20160518_122416547.jpg"/>
<script async src="lazysizes.min.js"></script>
</body>