-
Notifications
You must be signed in to change notification settings - Fork 103
/
index.html
257 lines (236 loc) · 10.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--
https://github.com/ubershmekel/redditp
-->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>redditP</title>
<meta name="description" content="A fullscreen presentation or slide show of reddit. RedditP" />
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<link rel="shortcut icon" href="/images/favicon.png" />
<!-- no-referrer because of https://github.com/ubershmekel/redditp/issues/137 -->
<meta name="referrer" content="no-referrer">
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.2/toastr.css" />
<style>
.tagsyo {
text-shadow: 0 2px #00f;
transition: opacity 1s;
}
.tagsyo:hover {
opacity: 0.5;
}
</style>
<!-- Google error reporting -->
<script defer src="https://unpkg.com/stackdriver-errors-js@0.7.0/dist/stackdriver-errors-concat.min.js"
integrity="sha384-o7F61sBljqwkWXU4aTWhnMi8x3uK26/NaIMngik4MnY5d6+jB7kxNO/miMEoFv9r"
crossorigin="anonymous"></script>
<script type="text/javascript">
function generateUUID() {
var d = new Date().getTime();
if (typeof performance !== 'undefined' && typeof performance.now === 'function') {
d += performance.now(); //use high-precision timer if available
}
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
var r = (d + Math.random() * 16) % 16 | 0;
d = Math.floor(d / 16);
return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
});
}
window.addEventListener('DOMContentLoaded', function () {
if (window.location.hostname.indexOf('redditp.com') === -1) {
console.log('disable cloud error reporting on local dev environment');
return;
}
var userId = localStorage.getItem('userId');
if (!userId) {
userId = generateUUID();
localStorage.setItem('userId', userId);
}
window.errorHandler = new StackdriverErrorReporter();
window.errorHandler.start({
key: 'AIzaSyB9pYYmQkvd8X2HI9jBaFmg365JtccIkKY',
projectId: 'redditslideshow',
service: 'redditp',
version: '0.1.3',
context: { user: userId },
});
});
</script>
<script src="https://unpkg.com/jquery@3.4.1/dist/jquery.min.js"
integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/toastr@2.1.4/build/toastr.min.js"
integrity="sha384-awkppW2vvGcqchV4/Wqk1nZPrGJakjrkv9gwXzll5JebuFQNSbzeKwYhqFDa/y00"
crossorigin="anonymous"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments);
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-4533496-15', 'auto');
ga('send', 'pageview');
</script>
<script>
window.onerror = function (msg, url, linenumber) {
// Tell users when errors occur and log on google analytics
// http://stackoverflow.com/questions/2604976/javascript-how-to-display-script-errors-in-a-popup-alert/2604997#2604997
var errMessage = msg + '\nURL: ' + url + '\nLine Number: ' + linenumber;
if (window.console && window.console.log)
console.log(errMessage);
ga('send', 'exception', {
'exDescription': errMessage,
'exFatal': false
});
$(function () {
// toastr does not work before the body exists, so we do this $() trick to postpone the toast.
// This is useful to see syntax errors in loaded scripts.
toastr.warning("Redditp booboo: " + msg);
});
// report on dev console too
return false;
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dashjs/4.7.1/dash.all.min.js"
integrity="sha512-MIcFpSPLWmLSof4rgA6hcJ2LHRgT+2mF0sAv66F+R14JTddek4tNk++01LPCuV0BHjaB7DYHyIN97/A39N4MDA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript" src="/js/jquery.touchwipe.js"></script>
<script type="text/javascript" src="/js/js.cookie.js"></script>
<script type="text/javascript" src="/js/ie_hacks.js"></script>
<script type="text/javascript" src="/js/EmbedIt.js"></script>
<script type="text/javascript" src="/js/script.js"></script>
</head>
<body id="page">
<div class="prevArrow fadeOnIdle" title="The arrow keys work too" id="prevButton"></div>
<div class="nextArrow fadeOnIdle" title="Try the arrow keys too" id="nextButton"></div>
<div id="controlsDiv" class='navbox clouds fadeOnIdle'>
<div class="collapser" data-openstate="open">-</div>
<div id="navboxContents">
<ul class="nbmenu">
<li id="subredditUrl">
<noscript>No javascript, no gain.</noscript>
</li>
<li>
<a id='navboxCommentsLink' href='#' title='Comments on reddit' target="_blank"
rel="noopener noreferrer">comments</a>
</li>
<li>
<a id='navboxLink' href='#' title='placeholder' target="_blank" rel="noopener noreferrer">image</a>
</li>
<li>
<a id='navboxUser' href='#' title='Start user slideshow' target="_blank"
rel="noopener noreferrer">user</a>
</li>
<li>
<a href="https://github.com/ubershmekel/redditp/blob/master/README.md" title="hotkeys"
target="_blank" rel="noopener noreferrer">readme</a>
</li>
<li>
<!-- promoting myself, is this wrong? -->
<!-- <a href="https://twitter.com/ubershmekel" title="follow me" target="_blank"
rel="noopener noreferrer">u</a> -->
<!-- /r/redditp subreddit -->
<!-- <a href="https://www.reddit.com/r/redditp/" title="/r/redditp" target="_blank"
rel="noopener noreferrer">r</a> -->
<!-- internet leaderboard -->
<!--a href="https://www.internetleaderboard.com" title="internet leaderboard" target="_blank"
rel="noopener noreferrer">il</a> -->
<!-- <a href="http://www.tagsyo.com" title="A new project I'm working on" class="tagsyo">t</a> -->
<!-- <a
href="https://www.producthunt.com/posts/default-scrollbar"
title="A recent project by the redditp maker: the default scrollbar chrome extension"
target="_blank"
rel="noopener noreferrer"
>p</a> -->
</li>
</ul>
<ul class="nbmenu">
<li>
<input class="checkbox" type="checkbox" name="autoNextSlide" id="autoNextSlide" value="Auto"
checked />
<label class="checkbox" for="autoNextSlide"> Auto-next</label>
every <input type="text" name="timeToNextSlide" id="timeToNextSlide" inputmode="numeric" value="5"
size="2" /> seconds
</li>
<li>
<input class="checkbox" type="checkbox" name="nsfw" id="nsfw" value="Auto" checked />
<label class="checkbox over18" for="nsfw"> nsfw</label>
<input class="checkbox" type="checkbox" name="sound" id="sound" value="false" />
<label class="checkbox" for="sound"> sound</label>
<img src="/images/fullscreen.png" id="fullScreenButton" alt="Fullscreen" />
</li>
</ul>
<div class="numberButtonList">
<ul id="allNumberButtons">
<!-- Slide number buttons will be injected by jQuery -->
</ul>
<ul id="sfwNumberButtons">
</ul>
</div>
</div>
</div>
<div id="titleDiv" class='navbox clouds'>
<div class="collapser" data-openstate="open">-</div>
<h2 id='navboxTitle'>
<noscript>Javascript is required for redditp to work :(</noscript>
</h2>
<h3><b id='navboxSubreddit' href="http://www.reddit.com">
<noscript>Javascript is required for redditp to work :(</noscript>
</b>
<a id='navboxGallery' style='padding-left:10px;'>
</a>
</h3>
</div>
<div id="recommend" style="display:none; text-align: center; margin: 10px; color: rgb(170, 170, 170);">
<p>Maybe try these presentations instead:</p>
<ul>
<li>
<a href="/r/earthporn">earthporn</a>
</li>
<li>
<a href="/r/aww">aww</a>
</li>
<li>
<a href="/r/foodporn">foodporn</a>
</li>
<li>
<a href="/r/funny">funny</a>
</li>
<li>
<a href="/r/gonewild">gonewild</a>
</li>
<li>
<a href="/r/spaceporn">spaceporn</a>
</li>
<li>
<a href="/r/gifs">gifs</a>
</li>
<li>
<a href="/r/all">all</a>
</li>
<li>
<a id="tagsyo-link" href="https://www.tagsyo.com"><span style="color: #3ee">Tagsyo</span> might have
what
you're looking for...</a>
</li>
</ul>
</div>
<div id="pictureSlider">
<!-- Pictures will be injected by jQuery -->
<div>
<!-- Empty div to be animated out, do not erase -->
</div>
</div>
<script type="text/javascript" src="/js/fix-tagsyo-link.js" async></script>
</body>
</html>