-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (135 loc) · 4.87 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html lang="en" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class='no-js' lang='en'>
<!--<![endif]-->
<head>
<meta charset='utf-8' />
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
<title></title>
<meta content='' name='description' />
<meta content='' name='author' />
<meta content='width=device-width, initial-scale=1.0' name='viewport' />
<link href='css/style.css' rel='stylesheet' />
</head>
<body>
<div id='container'>
<header class="home-header">
<h1><a href="/">Maclean's</a></h1>
<div class="date">October 22, 2012</div>
</header>
<div id='main' class="home" role='main'>
<div class="image-featured">
<div id="wrapper">
</div>
<div class="featured-nav">
<span>•</span><span>•</span>
</div>
</div>
<section class="category thisweek">
<h1>This week</h1>
<article>
<h2><a href="#">From the Editors</a></h2>
</article>
<article>
<h2><a href="#">Letters</a></h2>
</article>
<article>
<h2><a href="#">Good News/Bad News</a></h2>
</article>
<article>
<h2><a href="#">Newsmakers</a></h2>
</article>
<article>
<h2><a href="#">Opinion: <strong>Paul Wells on Deborah Coyne</strong></a></h2>
</article>
<article>
<h2><a href="#">Opinion: <strong>Barbara Amiel on Nora Ephron</strong></a></h2>
</article>
<article>
<h2><a href="#">Interview: <strong>Oliver Stone on drug cartels</strong></a></h2>
</article>
</section>
<section class="category national">
<h1>National</h1>
<article>
<h2><a href="#">Dalton McGuinty's resignation</a></h2>
</article>
<article>
<h2><a href="#">Your Government is Awesome</a></h2>
</article>
</section>
<section class="category international">
<h1>International</h1>
<article>
<h2><a href="#">Mr. Mojo risin'</a></h2>
</article>
</section>
<section class="category business">
<h1>Business</h1>
<article>
<h2>Nexen deal nixed as Harper government shows its true colors</h2>
</article>
</section>
<section class="category society">
<h1>Society</h1>
<article>
<h2>Taking up residence on Margaret Atwood's summer home</h2>
</article>
</section>
<section class="category bak"><h1>Back pages</h1>
<article><h2><a href="#"><b class="books">Books:</b>
<strong>Your e-reader is watching</strong></a></h2></article>
<article><h2><a href="#"><b class="taste">Taste:</b><strong> Toqu! cooks up a book</strong></a></h2></article>
<article><h2><a href="#"><b class="tv">Tv:</b><strong> Getting out the tool kit</strong></a></h2></article>
<article><h2><a href="#"><b class="music">Music:</b> <strong>What Hallelujah needs is a disco beat</strong></a></h2></article>
<article><h2><a href="#"><b class="books">Books:</b><strong> Newfoundlands shabby deal</strong></a></h2></article>
<article><h2><a href="#"><b>Feschuk:</b> <strong>Are you running for the Liberal leadership?</strong> </a></h2></article></section>
</div>
<footer></footer>
</div>
<script src='js/jquery-1.6.2.min.js'></script>
<script src='js/jquery.fancybox.js'></script>
<script src='js/script.js'></script>
<script src="js/swipeview.js"></script>
<script>
var carousel,
el,
i,
page,
slides = [
'AAAAA',
'BBBBB'
];
carousel = new SwipeView('#wrapper', {
numberOfPages: slides.length,
hastyPageFlip: true
});
// 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>
</div>
</body>
</html>