-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (82 loc) · 3.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Simple page that aggregates direct video and image links for Reddit" />
<meta name="version" content="1.3.0">
<title>Media Links for Reddit</title>
<style>
body {
font-family: sans-serif;
}
</style>
</head>
<body>
<h1>Media Links for Reddit</h1>
<h3>
Uses Reddit's public API to list all of the available direct video and image links for a user or subreddit</h3>
<p>
Usage:
<ul>
<li>Select either a subreddit or user and enter the name</li>
<li>"Top" sort will aggregate the top posts of all-time</li>
<li>"New" sort will aggregate the newest posts</li>
<li>"Top and New" sort will aggregate the both the top posts of all-time and the newest posts</li>
<li>All sorts will filter out duplicate links</li>
</ul>
</p>
<p>Supported popular Reddit media domains:
<ul>
<li>i.imgur.com</li>
<li>i.redd.it</li>
<li>v.redd.it</li>
<li>imgur.com</li>
<li>gfycat.com</li>
<li>redgifs.com</li>
</ul>
Other domains may be supported if the URL points directly to an image or video file.
Reddit image galleries are not currently supported.
</p>
<p>Try out with <code>r/earthporn</code> or <code>u/gallowboob</code> </p>
<hr>
<div style="margin-top: 20px;">
<label for="sel_types">Type:</label>
<select id="sel_types">
<option value="subreddit" selected>Subreddit</option>
<option value="user">User</option>
</select>
<label for="sel_sorts">Sort:</label>
<select id="sel_sorts">
<option value="top" selected>Top</option>
<option value="new">New</option>
<option value="both">Top and New</option>
</select>
<br>
<label id="lbl_name" for="txt_name" style="font-family: monospace;">u/</label>
<input type="text" id="txt_name" placeholder="username" style="margin-top: 10px;" />
<br>
<label for="sel_pages">Pages:</label>
<select id="sel_pages" style="margin-top: 10px;">
<option value="1" selected>1</option>
<option value="5">5</option>
<option value="20">Max</option>
</select>
<input type="checkbox" id="chk_images" value="show" />
<label for="chk_images">Show media</label>
<br>
<button id="btn_start" style="margin-top: 10px; padding-left: 30px; padding-right: 30px;">Start</button>
<button id="btn_reset">Reset</button>
</div>
<p id="status">Status: Ready to start.</p>
<div id="content" style="display: none; font-family: monospace;">
<p id="urls"><span style="font-family: sans-serif; font-weight: bold;">Pages:</span><br></p>
<p id="links"><span id="lbl_links" style="font-family: sans-serif; font-weight: bold;">Direct links:</span><br>
</p>
<p id="error_links" style="overflow-wrap: break-word; word-wrap: break-word;"><span
style="font-family: sans-serif; font-weight: bold;">Unsupported posts:</span><br></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js"></script>
<script src="main.js?v=1.3.0"></script>
</body>
</html>