-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
260 lines (222 loc) · 11.9 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
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
252
253
254
255
256
257
258
259
260
<!doctype html>
<html>
<!-- Created by xxxxxx xxxxx/The Register-Guard on xxxx xx, xxxx -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=yes">
<title>...</title>
<meta name="description" content="...">
<meta name="keywords" content="...">
<meta property="twitter:card" content="summaryphoto">
<meta property="twitter:site" content="@registerguard">
<meta property="twitter:title" content="...">
<meta property="twitter:description" content="...">
<meta property="twitter:image" content="...">
<meta property="twitter:url" content="...">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<!-- [BEGIN] Zeppelin -->
<link rel="stylesheet" href="http://zeppelin.registerguard.com/prod/0.1.0/20140911/1/styles/zeppelin.min.css">
<script src="http://zeppelin.registerguard.com/prod/0.1.0/20140911/1/scripts/zeppelin.min.js"></script>
<!-- [END] Zeppelin -->
<link rel="stylesheet" href="bat_styles.css">
<meta name="verify-v1" content="FPxMUeDPHJaIRBh+RAEc0QZisGX9WHLZuqlbleiLe3c=">
<meta name="google-site-verification" content="-b9kSGtOMT3DZyn5y1faDWWBN74GtyBDZlCDJuf39Yc">
<meta name="msvalidate.01" content="608AEB9B4D0BDA128921F2615DCC1FCE">
<style>
/*mobile-first design*/
@media (min-width: 1005px) { /*desktop, greater than 1005px, desktop, wiffle C*/
}
</style>
</head>
<body>
<!-- [BEGIN] head -->
<header id="zeppelin" role="banner">
<h6><a href="http://registerguard.com">The Register-Guard</a></h6>
<p>Headline</p>
</header>
<!-- [END] head -->
<!-- top image -->
<div class="bat_paratop">
<figure>
<img src="media/images/media_1.JPG" width="100%" alt="...">
</figure>
</div>
<!-- wrapper -->
<div class="bat_wrap" id="one">
<h1>Headline</h1>
<h2>Deck</h2>
<!-- [BEGIN] byline -->
<div class="pure-g bat_bydate">
<div class="pure-u-1 pure-u-md-1-2 bat_byline">
By <a href="mailto:[email protected]">First Last</a></a><span id="bat_byline_break"> | </span>The Register-Guard
</div><!-- /.pure-u-1 /.pure-u-md-1-2 /.bat_byline -->
<div class="pure-u-1 pure-u-md-1-2 bat_date">
Pub date
</div><!-- /.pure-u-1 /.pur-u-md-1-2 /.bat_date -->
</div><!-- /.pure-g /.bat_bydate -->
<!-- [END] byline -->
<!-- [BEGIN] Addthis social buttons -->
<div class="addthis_sharing_toolbox"></div>
<!-- [END] Addthis social buttons -->
<!-- story -->
<div class="bat_story">
<p class="bat_first">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vehicula sed nibh vel eleifend. Integer mollis velit at massa tristique vestibulum. Nulla facilisi.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas fermentum erat in sem consequat sodales. Duis turpis orci, auctor non fringilla sed, consectetur vehicula massa. Sed vitae turpis ut mauris pretium rutrum sed ac dui. Quisque posuere consectetur porttitor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse aliquam ac risus eget suscipit. Etiam vel lorem fermentum, convallis nibh a, luctus magna. Nullam ut lacus sapien. Praesent tristique eros dignissim urna imperdiet sollicitudin sit amet eu risus. Ut sagittis odio pretium porttitor pretium. Proin congue accumsan ultrices. Quisque consequat libero dolor, id lobortis lectus volutpat sit amet.</p>
<p>Proin a felis dapibus leo scelerisque blandit vitae in nunc. Nullam in leo varius, consectetur velit ac, hendrerit felis. Phasellus venenatis, ipsum nec elementum consectetur, erat felis rhoncus lorem, eget semper magna justo facilisis nunc. Nullam facilisis sapien metus, mollis convallis erat adipiscing at. Vestibulum odio justo, venenatis at erat fringilla, sollicitudin molestie est. Etiam ac mi commodo, posuere erat eget, consectetur tortor. Fusce felis nisl, sodales ac placerat vitae, gravida sit amet magna. Morbi eget eros porta, egestas nibh nec, iaculis dolor. Praesent ornare quam non nibh ultricies bibendum. Sed nec convallis erat, imperdiet cursus erat. Suspendisse semper est ac elit adipiscing vestibulum. Nullam ac sodales nibh, nec blandit diam.</p>
</div> <!-- /.bat_story -->
<!-- image floats right -->
<div class="bat_media">
<figure>
<img src="media/images/media_1.JPG" width="100%">
</figure>
<figcaption>
caption
</figcaption>
</div><!-- /.bat_media -->
<div class="bat_story">
<p>About 100 firefighters from seven agencies were dispatched to fight the fire, which prompted officials to briefly declare an evacuation within a one-mile radius of the plant at 1651 South F St.</p>
<p>The evacuation notice was rescinded about 7 p.m. Firefighters continued their watch overnight.</p>
<p>The blaze, which was reported shortly after 4:30 p.m., sent an ominous plume of black smoke high into the hot summer air that area residents could see for miles. Dozens of people lined South A Street to capture the first hour of the fiery scene on their smartphones and cameras as traffic on the thoroughfare slowed to a crawl. Police officers temporarily blocked side streets near the mill.</p>
</div><!-- /.bat_story -->
</div><!-- /.bat_wrap -->
<!-- full width looping video -->
<div class="bat_full">
<div class="mm funky">
<figure>
<video width="1080" height="450" autoplay="autoplay" loop poster="media/video/fire_1.png" class="embed">
<source src="media/video/fire_1.mp4" type="video/mp4">
<source src="media/video/fire_1.ogv" type="video/ogg">
<source src="media/video/fire_1.webm" type='video/webm'>
<img src="media/video/fire_1.png" width="100%">
Your browser does not support the HTML5 video tag.
</video>
</figure>
</div>
</div><!-- /.bat_full -->
<div class="bat_wrap">
<div class="bat_story" style="width:100%;max-width:800px;margin:0 auto;">
<h3>Sub head and story style change</h3>
<p>width: 100%; max-width: 800px; margin: 0 auto;</p>
<p>Employees at the scene when the fire broke out said they raced to safety as the fast-moving fire began consuming the mill within minutes. No injuries of employees or firefighters were reported. More than 100 people were believed to be working at the mill at the time the fire started,</p>
<p>Dewayne Hunter, 40, a forklift driver at the mill, said he was in the finish yard when a large dryer, used to dry wet veneer, caught fire and then ignited debris in the air.</p>
<p>"The fire was, like, right there in my face," he said.</p>
<!-- image at width of story column -->
<figure>
<img src="media/images/media_1.JPG" width="100%">
</figure>
<figcaption>
Twenty-year employee Melody Fairbanks watches from a distance as plume of smoke rises over the Springfield Plywood and Veneer mill. (Andy Nelson/The Register-Guard)
</figcaption>
<p>It was difficult for Hunter and other employees not to speculate about what the fire means for them and their families.</p>
<p>"All the buildings are down, and it's still burning," said Melody Fairbanks, who has worked at the mill for 20 years, shortly after getting out of the plant. "This is the worst possible thing that could happen to me."</p>
<p>Firefighters were hampered by the absence of any fire hydrants south of railroad tracks next to the mill, Eugene Springfield Fire Chief Randy Groves said.</p>
<p>Firefighters relied on water tenders and a Weyer­haeuser water-dumping helicopter called in by the state Department of Forestry to help battle the flames.</p>
</div><!-- /.bat_story -->
</div><!-- /.bat_wrap -->
<div class="bat_full">
<figure>
<img src="media/images/media_1.JPG" width="100%">
</figure>
<figcaption class="bat_inset">
Inset caption on desktop with .bat_caption.
</figcaption>
</div><!-- /.bat_full -->
<div class="bat_wrap">
<div class="bat_story">
<p>The fire spread to two other buildings in the mill complex but those were quickly stamped out, Groves said.</p>
<p>A number of spot fires ignited in wildlands to the south of the mill. Firefighters were on the scene with a water line in case any hot spots reignited.</p>
</div><!-- /.bat_story -->
</div><!-- /.bat_wrap -->
<hr style="margin:5em">
<footer>
<div id="bd_press">
<p><span>The Register-Guard <span>•</span></span> <span><a href="http://g.co/maps/h6sgk">3500 Chad Drive</a> • Eugene, OR • 97408 <span>/</span></span> <span>(541) 485-1234 <span>/</span> <a href="mailto:[email protected]">Feedback</a></span></p>
<p><span>Copyright © 1996–2014 <span>/</span></span> <span><a href="http://projects.registerguard.com/pages/terms-of-use/">Terms</a> <span>/</span> <a href="http://projects.registerguard.com/pages/privacy-statement/">Privacy</a> <span>/</span> <a href="http://projects.registerguard.com/pages/copyright/">Copyright</a></span></p>
</div>
</footer>
<!-- zeppelin -->
<script src="http://static.registerguard.com/v5/zeppelin/prod/0.1.0/20140716/1/scripts/zeppelin.min.js"></script>
<!-- [BEGIN] Addthis -->
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=registerguard"></script>
<!-- [END] Addthis -->
<!-- [BEGIN] comScore -->
<script>
var _comscore=_comscore||[];
_comscore.push({c1:'2',c2:'14055685'});
(function(){
var s=document.createElement('script'),
el=document.getElementsByTagName('script')[0];
s.async=true;
s.src=(document.location.protocol=='https:'?'https://sb':'http://b')+'.scorecardresearch.com/beacon.js';
el.parentNode.insertBefore(s,el);
})();
</script>
<noscript>
<img src="//b.scorecardresearch.com/p?c1=2&c2=14055685&cv=2.0&cj=1" width="1" height="1" alt=""></noscript>
<!-- [END] comScore -->
<!-- [BEGIN] Quantcast -->
<script>
var _qevents=_qevents||[];
(function(){
var elem=document.createElement('script');
elem.src=(document.location.protocol=='https:'?'https://secure':'http://edge')+'.quantserve.com/quant.js';
elem.async=true;elem.type='text/javascript';
var scpt=document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem,scpt);
})();
_qevents.push({qacct:'p-a2gE_aSO6ndbI'});
</script>
<noscript>
<img src="//pixel.quantserve.com/pixel/p-a2gE_aSO6ndbI.gif" width="1" height="1" alt=""></noscript>
<!-- [END] Quantcast -->
<!-- [BEGIN] Analytics -->
<script>
(function(r,g,n,e,w,s){
r.GoogleAnalyticsObject=e;
r[e]||(r[e]=function(){(r[e].q=r[e].q||[]).push(arguments)});
r[e].l=+new Date;
w=g.createElement(n);
s=g.getElementsByTagName(n)[0];
w.src='//www.google-analytics.com/analytics.js';
s.parentNode.insertBefore(w,s)}(
window,document,'script','ga'));
ga('create','UA-882065-1','registerguard.com');
ga('require','displayfeatures');
ga('require','linkid','linkid.js');
ga('send','pageview');
</script>
<!-- [END] Analytics -->
<!-- jquery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- custom goodness -->
<script>
// Make the looping video an image on iOS devices so that the play button doesn't show over any possible text
var device = navigator.userAgent.toLowerCase();
var ios = device.match(/(iphone|ipod|ipad)/);
var video = $('video');
var img = video.children("img");
if (ios) {
$(video).replaceWith(img);
}
// break byline to two lines so that "| The Register-Guard" doesn't break with multiple authors
if ($(window).width() <= 1005){
$("#bat_byline_break").replaceWith("<br>");
}
// smooth scrolling on an in-page link
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
</body>