-
Notifications
You must be signed in to change notification settings - Fork 0
/
year_in_pictures.html
251 lines (186 loc) · 16.1 KB
/
year_in_pictures.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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<title></title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="css/style.css" rel="stylesheet">
</head>
<body class="yip-body">
<div id="container">
<div id="main" role="main" style="width:295px;"><article class="yip">
<div class="slug">Year in Pictures</div>
<div class="hedline"><h1>2012</h1></div>
<div class="abstract">
A sweep at the Grammys. A Diamond Jubilee. A devastating hurricane. All that, plus spectacular moments in politics, sports and world news, captured in this special section.
</div>
<div class="yip-nav">
<a href="#" id="firstBatch">JAN-APR</a>
<a href="#" id="secondBatch">MAY-AUG</a>
<a href="#" id="thirdBatch">SEP-DEC</a>
</div>
</article></div>
</div>
<div class="image-featured" id="first">
<div href="#" id="close-YIP">Close</div>
<div id="wrapper1"></div>
<div class="caption1"></div>
<div class="featured-nav">
<span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span>
</div>
<a href="#" style="color:white" class="toggle-caption">Caption</a>
</div>
<div class="image-featured" id="second">
<div href="#" id="close-YIP"> </div>
<div id="wrapper2"></div>
<a href="#" style="color:white" class="toggle-caption">Caption</a>
<div class="featured-nav2">
<span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span>
</div>
</div>
<div class="image-featured" id="third">
<div href="#" id="close-YIP"> </div>
<div id="wrapper3"></div>
<a href="#" style="color:white" class="toggle-caption">Caption</a>
<div class="featured-nav3">
<span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span><span>•</span>
</div>
</div>
<script src="js/jquery-1.6.2.min.js"></script><script src="js/jquery.fancybox.js"></script><script src="js/plugins.js"></script><script src="js/script.js"></script>
<script src="js/swipeview.js"></script><script>
var carousel,
el,
i,
page,
slides = [
'<img style="position;relative;padding-top:74px" src="images/YIP1/MAC_YIP_JAN02.jpg" /><div class="caption-YIP"><strong>JANUARY</strong> <b>Frankfurt, Germany</b><br />A penguin goes for a swim in a zoo<small>Michael Probst/AP</small></div>',
'<img style="position;relative;padding-top:99px" src="images/YIP1/MAC_YIP_JAN06.jpg" /><div class="caption-YIP"><strong>JANUARY</strong> <b>Giglio Island, Italy</b><br/> The wreck of the Costa Concordia cruise ship, which ran aground on a reef and finally came to rest near shore on Jan. 14, killing 32 and injuring more than 60<small>Reuters</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP1/MAC_YIP_FEB01.jpg" /><div class="caption-YIP"><strong>FEBRUARY</strong> <b>Pittsburg</b><br/>The Penguins’ Evgeni Malkin stretches before an NHL game against the Tampa Bay Lightning<small>Gene J. Puskar/AP</small></div>',
'<img style="position;relative;padding-top:70px" src="images/YIP1/MAC_YIP_FEB03.jpg" /><div class="caption-YIP"><strong>FEBRUARY</strong> <b>Los Angeles</b><br/>Singer Adele at the 54th Grammy Awards, winning in each of six categories she was nominated<small>Lucy Nicholson/Reuters</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP1/MAC_YIP_FEB06.jpg" /><div class="caption-YIP"><strong>FEBRUARY</strong> <b>Karachi, Pakistan</b><br/>A labourer works at a small foundry, earning about $5.15 a day<small>Fareed Khan/AP</small></div>',
'<img style="position;relative;padding-top:95px" src="images/YIP1/MAC_YIP_MAR02.jpg" /><div class="caption-YIP"><strong>MARCH</strong> <b>New Delhi</b><br/>A Tibetan exile protests a visit from Chinese President Hu Jintao to India<small>Reuters</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP1/MAC_YIP_MAR04.jpg" /><div class="caption-YIP"><strong>MARCH</strong> <b>London</b><br/>Catherine, duchess of Cambridge, plays hockey with Team GB at the Riverside Arena in the Olympic Park<small>Chris Jackson/Reuters</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP1/MAC_YIP_MAR99.jpg" /><div class="caption-YIP"><strong>MARCH</strong> <b>Harrison, Tenn.</b><br/>Tornadoes cut through the Midwest from Texas up through the Great Lakes<small>Billy Weeks/AP</small></div>',
'<img style="position;relative;padding-top:94px" src="images/YIP1/MAC_YIP_APR01.jpg" /><div class="caption-YIP"><strong>APRIL</strong> <b>Pakistan</b><br/>A group of men in the Malakand district, northwest of Islamabad, use rope to right a supply truck overloaded with straw<small>mian khursheed/reuters</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP1/MAC_YIP_APR08.jpg" /><div class="caption-YIP"><strong>APRIL</strong> <b>Pyongyang, North Korea</b><br/>A choir sings during a concert to commemorate the 100th anniversary of the birth of Kim Il Sung<small>david guttenfelder/ap</small></div>'
];
carousel = new SwipeView('#wrapper1', {
numberOfPages: slides.length
});
// Load initial data
for (i=0; i<3; i++) {
page = i==0 ? slides.length-1 : i-1;
el = document.createElement('span');
el.innerHTML = slides[page];
carousel.masterPages[i].appendChild(el)
$('div.featured-nav span:eq(' + carousel.pageIndex + ')').addClass('selected');
}
carousel.onFlip(function () {
var el,
upcoming,
i;
for (i=0; i<3; i++) {
upcoming = carousel.masterPages[i].dataset.upcomingPageIndex;
if (upcoming != carousel.masterPages[i].dataset.pageIndex) {
el = carousel.masterPages[i].querySelector('span');
el.innerHTML = slides[upcoming];
}
}
$('div.featured-nav span').removeClass('selected');
$('div.featured-nav span:eq(' + carousel.pageIndex + ')').addClass('selected');
});
</script>
<script>
var carousel1,
el,
i,
page,
slides1 = [
'<img style="position;relative;padding-top:89px" src="images/YIP2/MAC_YIP_MAY01.jpg" /><div class="caption-YIP"><strong>MAY</strong> <b>Kandahar, Afghanistan</b><br/>A U.S. Army private takes cover during a controlled detonation to clear an area to set up a checkpoint <small>Shamil Zhumatov/Reuters</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP2/MAC_YIP_MAY09.jpg" /><div class="caption-YIP"><strong>MAY</strong> <b>Vietnam</b><br/> Ducks on their way to a market in Ha Nam province, outside Hanoi<small>nguyen huy kham/ reuters</small></div>',
'<img style="position;relative;padding-top:88px" src="images/YIP2/MAC_YIP_MAY06.jpg" /><div class="caption-YIP"><strong>MAY</strong> <b>Somalia</b><br/> African Union soldiers before they advance on a town west of Mogadishu to fight al-Shabaab militants<small>stuart price/reuters</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP2/MAC_YIP_JUN01.jpg" /><div class="caption-YIP"><strong>JUNE</strong> <b>Sicamous, B.C.</b><br/> A local state of emergency is called after the area is inundated by heavy rain, flooding and mudslides<small>JONATHAN HAYWARD/CP</small></div>',
'<img style="position;relative;padding-top:87px" src="images/YIP2/MAC_YIP_JUN02.jpg" /><div class="caption-YIP"><strong>JUNE</strong> <b>Niagara Falls, Ont.</b><br/> Daredevil Nik Wallenda, the ‘King of the Wire,’ halfway through his 25-minute tightrope walk over the Falls<small>Frank Gunn/CP</small></div>',
'<img style="position;relative;padding-top:0px" src="images/YIP2/MAC_YIP_JUN04.jpg" /><div class="caption-YIP"><strong>JUNE</strong> <b>London</b><br/> Prince William and his wife, Kate, board a ship to watch a Diamond Jubilee flotilla of more than 1,000 vessels on the Thames River, the largest such event in 350 years<small>uK Press/KEYSTONE Press</small></div>',
'<img style="position;relative;padding-top:91px" src="images/YIP2/MAC_YIP_JUL01.jpg" /><div class="caption-YIP"><strong>JULY</strong> <b>Pamplona, Spain</b><br/> A participant is tossed during the running of the bulls of the San Fermin festival <small>Daniel Ochoa de Olza/AP</small></div>',
'<img style="position;relative;padding-top:89px" src="images/YIP2/MAC_YIP_JUL06.jpg" /><div class="caption-YIP"><strong>JULY</strong> <b>Glen Allen, Va.</b><br/> Barack Obama steps up his campaigning as polls showed a tight presidential race with Republican Mitt Romney<small>JASON REED/REUTERS</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP2/MAC_YIP_JUL07.jpg" /><div class="caption-YIP"><strong>JULY</strong> <b>Ottawa</b><br/> Prime Minister Stephen Harper at the Canada Day celebrations<small>steve simon</small></div>',
'<img style="position;relative;padding-top:84px" src="images/YIP2/MAC_YIP_OLYMPICS01.jpg" /><div class="caption-YIP"><strong>AUGUST</strong> <b>London</b><br/> Gabrielle Douglas of the U.S. on the balance beam during the women’s individual gymnastics final at the North Greenwich Arena<small>Dylan Martinez/Reuters</small></div>',
'<img style="position;relative;padding-top:0px" src="images/YIP2/MAC_YIP_OLYMPICS05.jpg" /><div class="caption-YIP"><strong>AUGUST</strong> <b>London</b><br/> Canada’s Jennifer Abel and Émilie Heymans in mid-dive during the women’s synchronized 3-m springboard final<small>julia vynokurova/getty images</small></div>',
'<img style="position;relative;padding-top:110px" src="images/YIP2/MAC_YIP_OLYMPICS03.jpg" /><div class="caption-YIP"><strong>AUGUST</strong> <b>London</b><br/> Jamaica’s Usain Bolt crosses the finish line ahead of the pack to win gold in the men’s 100-m final at the Olympic Stadium<small>david j. phillip/ap</small></div>',
'<img style="position;relative;padding-top:71px" src="images/YIP2/MAC_YIP_AUG02.jpg" /><div class="caption-YIP"><strong>AUGUST</strong> <b>New York City</b><br/> Carly Rae Jepsen sings Call Me Maybe to young fans for NBC’s Today show<small>Brendan McDermid/Reuters</small></div>',
'<img style="position;relative;padding-top:76px" src="images/YIP2/MAC_YIP_AUG03.jpg" /><div class="caption-YIP"><strong>AUGUST</strong> <b>Bucharest, Romania</b><br/>A bride poses for the camera at the Arch of Triumph after being ‘kidnapped’ on her wedding night <small>Vadim Ghirda/AP</small></div>',
];
carousel1 = new SwipeView('#wrapper2', {
numberOfPages: slides1.length
});
// Load initial data
for (i=0; i<3; i++) {
page = i==0 ? slides1.length-1 : i-1;
el = document.createElement('span');
el.innerHTML = slides1[page];
carousel1.masterPages[i].appendChild(el)
$('div.featured-nav2 span:eq(' + carousel1.pageIndex + ')').addClass('selected');
}
carousel1.onFlip(function () {
var el,
upcoming,
i;
for (i=0; i<3; i++) {
upcoming = carousel1.masterPages[i].dataset.upcomingPageIndex;
if (upcoming != carousel1.masterPages[i].dataset.pageIndex) {
el = carousel1.masterPages[i].querySelector('span');
el.innerHTML = slides1[upcoming];
}
}
$('div.featured-nav2 span').removeClass('selected');
$('div.featured-nav2 span:eq(' + carousel1.pageIndex + ')').addClass('selected');
});
</script>
<script>
var carousel2,
el,
i,
page,
slides2 = [
'<img style="position;relative;padding-top:95px" src="images/YIP3/MAC_YIP_SEP03.jpg" /><div class="caption-YIP"><strong>SEPTEMBER</strong> <b>Montreal</b><br/> New Quebec Premier Pauline Marois is led off the stage during her victory speech, interrupted by a shooting in the building<small>Paul chiasson/cp</small></div>',
'<img style="position;relative;padding-top:40px" src="images/YIP3/MAC_YIP_SEP05.jpg" /><div class="caption-YIP"><strong>SEPTEMBER</strong> <b>DR Congo</b><br/> The Lesula monkey is only the second new species of African monkey discovered in 28 years<small>reuters</small></div>',
'<img style="position;relative;padding-top:91px" src="images/YIP3/MAC_YIP_SEP06.jpg" /><div class="caption-YIP"><strong>SEPTEMBER</strong> <b>Sivakasi, India</b><br/>People run for cover as smoke rises from the site of a blaze at a fireworks factory, which killed 52 people <small>ap</small></div>',
'<img style="position;relative;padding-top:106px" src="images/YIP3/MAC_YIP_OCT02.jpg" /><div class="caption-YIP"><strong>OCTOBER</strong> <b>Above Roswell, N.M.</b><br/>Austrian Felix Baumgartner, 43, became the first skydiver to go faster than the speed of sound, reaching a velocity of 1,342 km/h when he jumped out of a balloon 39 km above New Mexico. He also smashed the record for the highest-ever freefall. <small>UPPA</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP3/MAC_YIP_OCT05.jpg" /><div class="caption-YIP"><strong>OCTOBER</strong> <b>Union Beach, N.J.</b><br/> A house damaged by hurricane Sandy, one of the most destructive natural disasters to ever hit the U.S. Northeast<small>eric thayer/reuters</small></div>',
'<img style="position;relative;padding-top:90px" src="images/YIP3/MAC_YIP_OCT06.jpg" /><div class="caption-YIP"><strong>OCTOBER</strong> <b>Seaside Heights, N.J.</b><br/>Waves break against a crumpled roller coaster at an amusement park destroyed by the storm <small>Mario Tama/GETTY IMAGES</small></div>',
'<img style="position;relative;padding-top:0px" src="images/YIP3/MAC_YIP_OCT07.jpg" /><div class="caption-YIP"><strong>OCTOBER</strong> <b>Union Beach, N.J.</b><br/> A house damaged by hurricane Sandy, one of the most destructive natural disasters to ever hit the U.S. Northeast <small>eric thayer/reuters</small></div>',
'<img style="position;relative;padding-top:98px" src="images/YIP3/MAC_YIP_NOV01.jpg" /><div class="caption-YIP"><strong>NOVEMBER</strong> <b>Chicago</b><br/> Michelle and Barack Obama celebrate the presidential victory with Vice President Joe Biden and his wife, Jill<small>Chris Carlson/AP</small></div>',
'<img style="position;relative;padding-top:0px" src="images/YIP3/MAC_YIP_NOV04.jpg" /><div class="caption-YIP"><strong>NOVEMBER</strong> <b>Los Angeles</b><br/>Jenny McCarthy kisses Justin Bieber as he accepts an award at the American Music Awards <small>Danny Moloshok/Reuters</small></div>',
'<img style="position;relative;padding-top:88px" src="images/YIP3/MAC_YIP_DEC01.jpg" /><div class="caption-YIP"><strong>DECEMBER</strong> <b>The Philippines</b><br/> Rescuers evacuate survivors of typhoon flooding that killed 332 people and left hundreds more missing<small>Erik de Castro/Reuters</small></div>',
'<img style="position;relative;padding-top:89px" src="images/YIP3/MAC_YIP_DEC02.jpg" /><div class="caption-YIP"><strong>DECEMBER</strong> <b>Kenya</b><br/> The nomadic Maasai people register to vote using biometric computer equipment to decrease chance of fraud<small>CARL DE SOUZA/AFP/Getty Images</small></div>',
'<img style="position;relative;padding-top:0px" src="images/YIP3/MAC_YIP_DEC77.jpg" /><div class="caption-YIP"><strong>DECEMBER</strong> <b>Glasgow, Scotland</b><br/> More than 1,000 people take part in the annual five-kilometre Glasgow Santa Dash<small>jeff j. mitchell/getty</small></div>',
];
carousel2 = new SwipeView('#wrapper3', {
numberOfPages: slides2.length
});
// Load initial data
for (i=0; i<3; i++) {
page = i==0 ? slides2.length-1 : i-1;
el = document.createElement('span');
el.innerHTML = slides2[page];
carousel2.masterPages[i].appendChild(el)
$('div.featured-nav3 span:eq(' + carousel2.pageIndex + ')').addClass('selected');
}
carousel2.onFlip(function () {
var el,
upcoming,
i;
for (i=0; i<3; i++) {
upcoming = carousel2.masterPages[i].dataset.upcomingPageIndex;
if (upcoming != carousel2.masterPages[i].dataset.pageIndex) {
el = carousel2.masterPages[i].querySelector('span');
el.innerHTML = slides2[upcoming];
}
}
$('div.featured-nav3 span').removeClass('selected');
$('div.featured-nav3 span:eq(' + carousel2.pageIndex + ')').addClass('selected');
});
</script>
</body>
</html>