-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (124 loc) · 8.3 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
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<title>The New Inquiry</title>
<meta charset="utf-8">
<meta content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
<link href="http://thenewinquiry.com/nyt-email/tni.ico" rel="shortcut icon" type="image/x-icon">
<link href="assets/fonts.css" rel="stylesheet">
<link href="assets/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>
<a href="http://thenewinquiry.com/"><img src="assets/tni-header.png" style="width:1000px;height:auto;"></a>
</div>
<div class="popover"></div>
<ul class="meta">
<li>From: NYT Company Mail <[email protected]></li>
<li>Date: Fri, Nov 11, 2016 at 12:00 PM</li>
<li>Subject: Note from Arthur: Looking Ahead</li>
<li>To: All Company Employees <[email protected]></li>
</ul>
<article>
<p>Dear <a class="thumb"><img src="assets/11.jpg">Colleagues</a>,</p>
<p>
<a class="thumb"><img src="assets/1.png">As we close one of the most momentous weeks in our nation’s recent history</a>,
<a href="https://www.goodreads.com/author/quotes/5780714.Adolph_S_Ochs" target="_blank" class="thumb"><img src="assets/12.png">let’s pause for a moment on those famous instructions that Adolph S. Ochs left for us</a>:
<a href="https://twitter.com/biblioracle/status/797924887637594113" target="_blank" class="thumb"><img src="assets/13.png">to cover the news without fear</a>
<a class="thumb"><img src="assets/2.png">or favor</a>.
</p>
<p>
<a class="thumb"><img src="assets/14.jpg">As Donald Trump begins preparing</a>
<a class="thumb"><img src="assets/3.jpg">for his new administration</a>,
those <a class="thumb"><img src="assets/4.png">words have rarely felt more important.</a>
</p>
<p>
<a class="thumb" href="https://twitter.com/AASchapiro/status/796857672385564672" target="_blank"><img src="assets/15.png">The Times is certainly not afraid</a>--<a class="thumb"><img src="assets/5.jpg">our investigative report</a>
has demonstrated <a class="thumb" href="https://twitter.com/rachellip/status/799256862243880960" target="_blank"><img src="assets/16.jpg">our courage many times over</a>.
That <a class="thumb" href="http://www.nytimes.com/2016/07/24/opinion/sunday/is-donald-trump-a-racist.html?_r=0" target="_blank"><img src="assets/17.png">fearless, hard-fought journalism</a>
<a class="thumb"><img src="assets/6.png">will always stand as the backbone of <em>The Times</em></a>,
<a class="thumb" href="https://twitter.com/nytimes/status/796582163303059456" target="_blank"><img src="assets/18.png">no matter the President</a>.
</p>
<p>
<a class="thumb" href="http://www.nytimes.com/2016/11/15/us/politics/donald-trump-presidency.html" target="_blank"><img src="assets/18.png">But we also approach the incoming Trump administration without bias</a>.
<a class="thumb" href="https://twitter.com/mollyknefel/status/798306142145355776" target="_blank"><img src="assets/20.png">We will cover his policies and his agenda fairly</a>.
<a class="thumb" href="https://twitter.com/AdamSerwer/status/755762511488622592" target="_blank"><img src="assets/21.jpg">We will bring expert analysis</a>
and <a class="thumb" href="http://www.nytimes.com/2016/11/11/fashion/melania-trump-michelle-obama-narciso-rodriguez.html" target="_blank"><img src="assets/22.png">thoughtful commentary</a>
to <a class="thumb" href="http://www.nytimes.com/2016/11/15/us/politics/stephen-bannon-white-house-trump.html" target="_blank"><img src="assets/23.png">the changes we see in government</a>,
<a class="thumb" href="http://www.nytimes.com/2016/11/19/us/politics/flynn-sessions-trump-administration.html" target="_blank"><img src="assets/24.png">and to their ramifications on the ground</a>.
</p>
<p>
<a class="thumb" href="https://www.google.com/search?q=the+new+york+times+racist+headlines&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi1jIe9n7XQAhUI3YMKHWOQAckQ_AUICSgC&biw=1209&bih=594#imgrc=umy38FMmYCs_kM%3A" target="_blank"><img src="assets/38.jpg">We will look within and beyond Washington</a>
to <a class="thumb" href="http://www.nytimes.com/2016/10/18/opinion/campaign-stops/is-the-election-a-morality-play-or-just-reality-tv.html" target="_blank"><img src="assets/25.png">explore the roots of the anger that has roiled red and blue America</a>.
<a class="thumb" href="https://twitter.com/nytimes/status/799775466941022208" target="_blank"><img src="assets/26.png">If many Americans no longer seem to understand each other</a>,
<a class="thumb" href="https://twitter.com/eyywa/status/796583031045820416" target="_blank"><img src="assets/31.png">let’s make it our job to interpret and explain</a>.
</p>
<p>
<a class="thumb"><img src="assets/28.jpg">Our predecessors</a>
<a class="thumb"><img src="assets/7.jpg">founded our singular newspaper for just this moment</a> --
<a class="thumb"><img src="assets/29.png">to serve as a watchdog to the powerful</a>;
<a class="thumb"><img src="assets/30.png">and to hold mighty institutions accountable</a>,
<a class="thumb"><img src="assets/8.png">without fear</a> or
<a class="thumb"><img src="assets/44.jpg">favor.</a>
<a class="thumb"><img src="assets/40.png">We are more than ready to fulfill that promise.</a>
</p>
<p>
<a class="thumb"><img src="assets/42.png">Together</a>,
<a class="thumb"><img src="assets/9.png">we have built the world’s best digital newsroom and it, too, was made for just this moment</a>.
We will chronicle the new administration with
<a class="thumb"><img src="assets/32.gif">a lightning-fast report that features stories told in every medium and on every platform</a>.
</p>
<p>
<a class="thumb"><img src="assets/33.png">Here is what we have all dedicated our careers to</a>:
<a class="thumb"><img src="assets/10.png">Going after the biggest stories in the world</a>, and
<a class="thumb" href="http://www.nytimes.com/2016/11/09/business/after-the-election-a-nation-tinged-with-racial-hostility.html" target="_blank"><img src="assets/34.png">telling them as ambitiously as possible</a>.
</p>
<p>
<a class="thumb"><img src="assets/35.jpg">Get some rest this weekend</a>.
<a class="thumb"><img src="assets/36.jpg">We have lots to do</a>.
</p>
<p><em><a class="thumb"><img src="assets/37.jpg">Arthur</a></em></p>
</article>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<script>
var mouse = {x:0,y:0},
offset = {x:10, y:15},
maxHeight = 400,
maxWidth = 600,
timer;
$('.thumb').on('mouseenter', function() {
var img = $(this).find('img'),
src = img.attr('src'),
width = img[0].naturalWidth,
height = img[0].naturalHeight;
if (width > maxWidth) {
var scale = maxWidth/width;
width = maxWidth;
height *= scale;
}
if (height > maxHeight) {
var scale = maxHeight/height;
height = maxHeight;
width *= scale;
}
$('.popover').html('<img src="'+src+'">').show();
offset.x = -width/2;
clearTimeout(timer);
}).on('mouseleave', function() {
timer = setTimeout(function() {
$('.popover').hide();
}, 10);
});
document.addEventListener('mousemove', function(e){
mouse.x = e.pageX;
mouse.y = e.pageY;
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
$('.popover').css({
left: (mouse.x + offset.x) + 'px',
top: (mouse.y + offset.y - scrollTop) + 'px'
});
});
</script>
</body>
</html>