-
-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
141 lines (130 loc) · 5.07 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
<!DOCTYPE html>
<html dir="auto" lang="en">
<head>
<meta charset="UTF-8" />
<title>Redvid</title>
<meta name="description" content="Smart downloader for Reddit hosted videos" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="assets/favicon.png" />
<meta property="og:title" content="Redvid" />
<meta property="og:description" content="Smart downloader for Reddit hosted videos" />
<meta property="og:image" content="assets/og-image.png" />
<link rel="stylesheet" href="assets/tobi.css" />
<link rel="stylesheet" href="assets/style.css" />
</head>
<body>
<a href="https://www.producthunt.com/posts/redvid?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-redvid" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=320160&theme=dark" alt="Redvid - Smart downloader for Reddit hosted videos | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
<main>
<header class="app__header container">
<div class="app__logo-wrapper"> <img class="app__logo" src="content/image/icon.png" alt="Redvid"></div>
<div class="app__infos">
<h1 class="app__name">Redvid</h1>
<p class="app__description">Smart downloader for Reddit hosted videos</p>
<div class="app__buttons app__buttons--desktop">
<a href="https://play.google.com/store/apps/details?id=com.elmoiv.redvid" class="app__button-play" target="_blank" title="Get on Google Play">
<img src="assets/google-play-badge.png" alt="Get on Google Play">
</a>
</div>
</div>
</header>
<div class="app__buttons app__buttons--mobile container">
<a href="https://play.google.com/store/apps/details?id=com.elmoiv.redvid" class="app__button-play" target="_blank" title="Get on Google Play">
<img src="assets/google-play-badge.png" alt="Get on Google Play">
</a>
</div>
<section class="app__screenshots app__section">
<div class="container">
<h2 class="app__section-title">Screenshots</h2>
</div>
<div class="app__screenshots-wrapper container-desktop">
<div class="app__screenshots-list">
<a href="content/image/s1.png" class="lightbox">
<img src="content/image/s1.png" class="app__screenshot" alt="" />
</a>
<a href="content/image/s2.png" class="lightbox">
<img src="content/image/s2.png" class="app__screenshot" alt="" />
</a>
<a href="content/image/s3.png" class="lightbox">
<img src="content/image/s3.png" class="app__screenshot" alt="" />
</a>
<a href="content/image/s4.png" class="lightbox">
<img src="content/image/s4.png" class="app__screenshot" alt="" />
</a>
<a href="content/image/s5.png" class="lightbox">
<img src="content/image/s5.png" class="app__screenshot" alt="" />
</a>
</div>
</div>
</section>
<section class="app__fulldescription app__section container">
<h2 class="app__section-title">Description</h2>
<div class="app__fulldescription-content">
<p>Redvid is a smart video-downloader for Reddit.</p>
<p><b>Features:</b></p>
<ul>
<li>Download Videos with sound.</li>
<li>Select from different qualities. (from 240p to 1080p)</li>
<li>Share downloaded videos to different apps.</li>
<li>Play videos within the app.</li>
<li>Powerful options to select from.</li>
</ul>
<p><b>How to use:</b></p>
<ul>
<li>Click on share button while viewing your Reddit video.</li>
</ul>
<p><b><i> Or:</i></b></p>
<ul>
<li>Copy Reddit video URL and paste it in Redvid.</li>
</ul>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer__container">
<p class="footer__love">
<script>document.write('©' + (new Date()).getFullYear());</script><noscript>©2021</noscript> All rights reserved
— Template by <a href="https://www.sandoche.com" target="_blank">Sandoche</a>
— Powered by <a href="https://t3mpl.n4no.com/" target="_blank" title="T3MPL Editor">T3MPL</a>
</p>
<ul class="footer__links">
<li class="footer__link">
<a href="privacy-policy.html">Privacy Policy</a>
</li>
<li class="footer__link">
<a href="terms-of-use.html">Terms of Use</a>
</li>
</ul>
</div>
</div>
</footer>
<script type="text/javascript" src="assets/tobi.min.js" /></script>
<script>
window.onload = function () {
var tobi = new Tobi();
};
const slider = document.querySelector('.app__screenshots-list');
let mouseDown = false;
let startX, scrollLeft;
let startDragging = function (e) {
mouseDown = true;
startX = e.pageX - slider.offsetLeft;
scrollLeft = slider.scrollLeft;
};
let stopDragging = function (event) {
mouseDown = false;
};
slider.addEventListener('mousemove', (e) => {
e.preventDefault();
if(!mouseDown) { return; }
const x = e.pageX - slider.offsetLeft;
const scroll = x - startX;
slider.scrollLeft = scrollLeft - scroll;
});
// Add the event listeners
slider.addEventListener('mousedown', startDragging, false);
slider.addEventListener('mouseup', stopDragging, false);
slider.addEventListener('mouseleave', stopDragging, false);
</script>
</body>
</html>