-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
195 lines (180 loc) · 14.6 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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Bookmarklets</title>
<meta charset="utf-8">
<link rel="stylesheet" href="//extras.denverpost.com/transgender/css/normalize.css" />
<link rel="stylesheet" href="//extras.denverpost.com/transgender/css/foundation.min.css" />
<link rel="stylesheet" href="styles.css" />
<link href='http://fonts.googleapis.com/css?family=Noticia+Text:400,700,400italic,700italic|PT+Sans:400,700,400italic,700italic|PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="http://extras.mnginteractive.com/live/media/favIcon/dpo/favicon.ico" type="image/x-icon" />
</head>
<body>
<div class="row">
<div class="large-12 columns">
<h1>Bookmarklets!</h1>
<p>Note on the WordPress bookmarklets: Don't use 'em in visual mode.</p>
<p><strong>Also:</strong> Most of these WordPress bookmarklets must be clicked before you make any other edits to an article.</p>
<section class="body-copy">
<div class="row panel">
<div class="large-9 columns">
<h4>Denver Post AUTO🤖PRODUCER™</h4>
<p>Drag this link to your browser's bookmakers bar and click the button to enter the Denver Post AUTO🤖PRODUCER™, which automates some repetitive story production tasks.</p>
<p>HELP: AUTO🤖PRODUCER™ has tooltips with detailed explanations of your options, and <a href="ap-help.html">full documentation here</a>.</p>
</div>
<div class="large-3 columns">
<div class="panel panelbig callout radius text-center">
<span style="font-size:80%;">Mac/Linux:</span> <a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/auto-link.min.js'); document.body.appendChild(e); })());">🤖</a><br />
<span style="font-size:80%;">Windows:</span> <a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/auto-link.min.js'); document.body.appendChild(e); })());"><span style="font-size:40%;">A-P™</span></a><br/><br/>
<span style="font-size:80%;">Beta:</span> <a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/auto-link_new.js'); document.body.appendChild(e); })());">[[🤖]]</a><br />
</div>
</div>
</div>
<div class="row panel">
<div id="photos" class="large-9 columns">
<h4>Photo Caption Cleaner</h4>
<p>Attempts to cleanup photo Caption, Credit, Description and Alt text in Wordpress</p>
<p>With a Media Library Modal open (the pop-up window that appears when you click to set a Featured Image or Add Media) <strong>and an image selected</strong>, or while viewing an image in the Media Library, clicking this bookmarklet.</p>
<p>It will copy the raw Caption to the Description field, attempt to extract the Photo Credit and set it in the correct field, and attempt to trim the Getty Dateline and Credit from the Caption field. It will also set basic Alt Text for you, and remove "APTOPIX" from the Title, if it's there.</p>
<p>Note: Some instances of month names may be abbreviated when they should not be.</p>
<p>This feature is still considered <em>experimental</em>.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/photo-link.min.js'); document.body.appendChild(e); })());">+CAPTION</a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4 id="flush">Flush Cache Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click the button to flush the cache on any Denver Post page you're on.</p>
</div>
<div class="large-3 columns">
<div class="panel panelbig callout radius text-center">
<span style="font-size:80%;">Mac/Linux:</span> <a href="javascript:void((function(){ var iframe = document.createElement('iframe'); iframe.style.display = 'none'; iframe.src='http://denverpostplus.com/app/cache-buster/?url=' + window.location.href; document.body.appendChild(iframe); })());">🚽</a><br />
<span style="font-size:80%;">Windows:</span> <a href="javascript:void((function(){ var iframe = document.createElement('iframe'); iframe.style.display = 'none'; iframe.src='http://denverpostplus.com/app/cache-buster/?url=' + window.location.href; document.body.appendChild(iframe); })());"><span style="font-size:40%;">FLUSH</span></a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4>Wordpress Article ID fetcher</h4>
<p>Drag this link to your browser's bookmakers bar and click the button to find the Article ID of any Wordpress article.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/wp-id.min.js'); document.body.appendChild(e); })());">+WP-ID</a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4 id="inarticlepromo">In-Article-Promo Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you're editing an article to automatically add in-article promos (for soft news, hard news, sports and for Broncos) every 6 paragraphs.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/inarticlepromo.js'); document.body.appendChild(e); })());">+PROMOS</a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4 id="cx">Corrections Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you need to add a correction. Paste in the language and you're done!</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/cx.js'); document.body.appendChild(e); })());">+CX</a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4 id="inform">Inform Embed Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you're editing an article to add an Inform Video Embed code without looking up the syntax. Now with handy list of top playlist IDs!</p>
</div>
<div class="large-3 columns">
<div class="panel panelbig callout radius text-center">
<span style="font-size:80%;">Mac/Linux:</span> <a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/vid_embed.js'); document.body.appendChild(e); })());">🎥</a><br />
<span style="font-size:80%;">Windows:</span> <a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/vid_embed.js'); document.body.appendChild(e); })());"><span style="font-size:40%;">+INFORM</span></a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4 id="nouner">Nouner Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you're editing an article to automatically link matching proper nouns in the article.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/nouner.js'); document.body.appendChild(e); })());">+NOUNER</a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4 id="wx">Weather Sidebar Bookmarklets</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you're editing an article to automatically add the sidebar after the third graf of the story.</p>
<p><strong>NOTE:</strong> This must be clicked before you make any other edits to an article.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/weather.js'); document.body.appendChild(e); })());">+COWX</a>
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/weather-closures.js'); document.body.appendChild(e); })());">+CLOSURES</a>
</div>
</div>
</div>
<!-- <div class="row panel">
<div class="large-9 columns">
<h4 id="video">Inform video Sidebar Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you're editing an article to automatically add the Inform video markup with cq's above and below it to the top of the article you're editing.</p>
<p><strong>NOTE:</strong> This bookmarklet can be clicked at any time in the article-editing process.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/video.js'); document.body.appendChild(e); })());">+ INFORM VIDEO</a>
</div>
</div>
</div> -->
<div class="row panel">
<div class="large-9 columns">
<h4 id="homicidereport">Homicide Report Sidebar Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you're editing an article to automatically add the sidebar after the third graf of the story.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/homicidereport.js'); document.body.appendChild(e); })());">HOMICIDE SIDEBAR</a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4 id="preps">Preps Sidebar Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you're editing an article to automatically add the sidebar after the third graf of the story.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/preps.js'); document.body.appendChild(e); })());">+ PREPS SIDEBAR</a>
</div>
</div>
</div>
<div class="row panel">
<div class="large-9 columns">
<h4 id="crime">Denver Crime Bookmarklet</h4>
<p>Drag this link to your browser's bookmakers bar and click it when you're editing an article to automatically add the sidebar after the second-to-last graf of an article.</p>
</div>
<div class="large-3 columns">
<div class="panel callout radius text-center">
<a href="javascript:void((function(){ var e = document.createElement('script'); e.setAttribute('src','//extras.denverpost.com/app/bookmarklet/js/crime.js'); document.body.appendChild(e); })());">+ CRIME SIDEBAR</a>
</div>
</div>
</div>
</section>
</div>
</div>
</body>
</html>