forked from MaxBittker/nyt-first-said
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (156 loc) · 5.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<link
href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAC0tPoAAAAAANvb/wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEREREREREREREREQAREREREREQAiEREREREQAiIhEREREQAiIiIREREQAiIiIiEREQAiIiIiIhERAiIiIiIiERECIiIiIjIREQIiIRIjIhERECIRESIhERERERERERERERERERERERERERERERERERERERERERERERERERERERH+fwAA/D8AAPgfAADwDwAA4AcAAMADAACAAQAAgAEAAIABAACAAQAAwYMAAOPHAAD//wAA//8AAP//AAD//wAA"
rel="icon"
type="image/x-icon"
/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>nyt-first-said</title>
<link
href="https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap"
rel="stylesheet"
/>
<style>
body {
margin: 20px auto;
max-width: 650px;
line-height: 1.6;
font-size: 18px;
color: #222;
padding: 0 10px;
font-family: "Libre Baskerville", serif;
/* background-color: #f9f9f9; */
background-color: lavender;
}
h1,
h2,
h3 {
line-height: 1.2;
}
.title {
font-size: 28px;
}
a {
text-decoration-line: none;
overflow: hidden;
}
twitter-widget,
img {
display: block;
margin: auto;
}
img {
padding: 20px 20px 11.6px;
max-width: 100%;
}
@media only screen and (min-width: 1000px) {
.col {
max-width: 450px;
flex-grow: 1;
margin: 50px;
}
body {
display: flex;
max-width: 1400px;
}
.spacer {
height: 100px;
}
}
</style>
</head>
<body>
<div class="col">
<p>
<a href="https://twitter.com/nyt_first_said" class="title"
>@nyt-first-said</a
>
is a twitter bot which tracks when the New York Times publishes a word
for the first time in its history.
</p>
<p>
It looks like this:
</p>
<blockquote class="twitter-tweet" data-lang="en">
<p lang="en" dir="ltr">subtweeted</p>
— New New York Times (@nyt_first_said)
<a
href="https://twitter.com/nyt_first_said/status/958399986051567622?ref_src=twsrc%5Etfw"
>January 30, 2018</a
>
</blockquote>
<p>
Some points of inspiration for the project are Allison Parrish's
<a href="https://twitter.com/everyword"> @everyword</a> bot, and
<a href="https://twitter.com/nyt_diff"> @nyt_diff</a>, a twitter bot
inspired by the
<a href="http://newsdiffs.org/about/">NewsDiffs</a> project.
</p>
<blockquote class="twitter-tweet" data-lang="en">
<p lang="en" dir="ltr">
bot idea: whenever the nyt publishes a lowercase word for the first
time in it's history, tweet it.
</p>
— Max (@maxbittker)
<a
href="https://twitter.com/maxbittker/status/836730024094908417?ref_src=twsrc%5Etfw"
>March 1, 2017</a
>
</blockquote>
<p>
An important thing to understand about @nyt-first-said is that the
process to extract these words is a <b>best effort</b> undertaking, and
not <i>neccesarily </i> 100.00% accurate or exaustive.
</p>
<p>
For instance, the bot takes some steps to throw away less-interesting
first words – such as words containing capital letters (proper nouns) or
certain punctuation (URLs). Despite this, it still picks up a lot of
typos and nonsense... but I like to think of that as part of its charm.
</p>
<p>
There are a few sibling bots, including
<a href="https://twitter.com/nyt_said_where/with_replies"
>@nyt-said-where</a
>, which replies to each tweet with a paragraph of context from the
source-text and a link to the article.
</p>
<p>
You can find a more detailed explanation about how this bot works on the
github repository -
<a
href="https://github.com/maxbittker/nyt-first-said"
style="display: block; margin:auto;"
><img src="https://gh-card.dev/repos/maxbittker/nyt-first-said.svg"
/></a>
and that's also the best place to file bugs if something is wrong.
</p>
<p>
Thank you for reading and feel free to let me know
<a href="https://twitter.com/maxbittker">@maxbittker</a> if you think
there are other important questions I should answer on this page!
</p>
<p>
If you're curious, I've done some other projects, and you can find some
of those
<a href="https://maxbittker.com/projects"> on my website</a>.
</p>
</div>
<div class="col">
<div class="spacer"></div>
<a
class="twitter-timeline"
href="https://twitter.com/nyt_first_said?ref_src=twsrc%5Etfw"
>Tweets by nyt_first_said</a
>
<script
async
src="https://platform.twitter.com/widgets.js"
charset="utf-8"
></script>
</div>
</body>
</html>