-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
159 lines (151 loc) · 6.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Clipbot</title>
<meta name="description" content="Automatically upload your twitch clips to TikTok!" />
<meta name="author" content="Roxkstar74" />
<meta property="og:title" content="Clipbot" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.Clipbot.tv/" />
<meta property="og:description" content="Automatically upload your twitch clips to TikTok and Youtube Shorts!" />
<meta property="og:image" content="image.png" />
<!-- <link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="safeswal.js"></script>
<link rel="stylesheet" href="clips.css" />
<link rel="stylesheet" href="electron.css" />
<link rel="stylesheet" href="tourguide.css" />
<script src="tourguide.min.js"></script>
<script src="vertical-helper.js"></script>
<script src="uploadClip.js"></script>
<script src="authorization.js"></script>
<!-- <script src="index.js"></script> -->
<!-- <script src="tour.js"></script> -->
</head>
<body class="app">
<div class="overlay" style="z-index: 1001;">
<div class="overlay-text-content" style="font-size: 20px; text-align: center;">
<h2 style="font-size: 32px; margin-bottom: 22px;">
Heads Up!
</h2>
<p>
Usage of the desktop application is no longer supported. Please use the improved web application
instead at <em><strong>app.clipbot.tv</strong></em>
</p>
</div>
</div>
<aside class="sidebar">
<img id='sidebarlogoguy' src="images/logo-large.png" class="sidebar__logo" onclick="toggleNav()" />
<img src="images/logo.png" class="sidebar__logo hide" onclick="toggleNav()" />
<nav class="sidebar__menu">
<!-- <button class="sidebar__button">
<i class="fas fa-upload"></i> Upload Clips
</button> -->
<button class="sidebar__button" id="manageClips" type="reset">
<i class="fas fa-th"></i> <span class="btn-text">Clips</span>
</button>
<button class="sidebar__button" id="logins" type="reset">
<i class="fas fa-users"></i>
<span class="btn-text">Logins</span>
</button>
<button class="sidebar__button" id="howitworks" type="reset">
<i class="fas fa-lightbulb"></i>
<span class="btn-text">How It Works </span>
</button>
<button class="sidebar__button" id="settings" type="reset">
<i class="fas fa-cog"></i> <span class="btn-text">Settings </span>
</button>
<button class="sidebar__button" id="cropmenu" type="reset">
<i class="fas fa-video"></i>
<span class="btn-text">Auto-Crop</span>
</button>
<button class="sidebar__button" id="discord" type="reset">
<i class="fab fa-discord"></i>
<span class="btn-text">Join Discord</span>
</button>
<button class="sidebar__button" id="helpmenu" type="reset">
<i class="fas fa-question"></i>
<span class="btn-text">Help</span>
</button>
<button class="sidebar__button" id="checkForUpdates" type="reset">
<i class="fas fa-sync"></i>
<span class="btn-text">Check for Updates</span>
</button>
</nav>
<section class="sidebar__version">
<span class="sidebar__version-text">Version</span>
<span id="version"></span>
</section>
</aside>
<div class="container">
<header id="pageHeader">
<div class="circle" onclick="toggleInfoText()">
<i class="fas fa-info fa-xs info-circle"></i>
</div>
<h3 class="page__heading" id="title">Uploads</h3>
<div class="alert alert-info">
<p class="info__text">
<i class="fa fa-info-circle"></i>
<strong class="alert__info-header">Heads up!</strong>
<span id='alert-message'>
While this window is open, we'll be uploading your twitch clips to
TikTok/YT! Keep this program open.
</span>
</p>
<i class="fa fa-times blue-cross" onclick="toggleInfoText()"></i>
</div>
</header>
<section>
<div class="clip-details">
<div id="cliptitle" class="cliptitlemain clip__title">
NO NEW CLIPS - CLIP TITLE HERE
</div>
<video id="upload-video" src="images/noClips.png" paused muted controls width="550px" height="312px"></video>
</div>
</section>
<section class="info-details">
<div class="clip-status" id='clipstatusdiv'>
<div class="clip-status-label grad-purple">
<span class="status-text">Current Status </span>
</div>
<input id="status" type="text" class="clip-status-input" disabled value="Waiting until next upload" />
</div>
<div class="info-details-split">
<div class="clip-status" id='nextuploaddiv'>
<div class="clip-status-label grad-purple small">
<span class="status-text">Next Upload </span>
</div>
<input id="nextUpload" type="text" class="clip-status-input" disabled value="No clips approved" />
</div>
<div class="clip-status" id='lastuploaddiv'>
<div class="clip-status-label grad-purple small">
<span class="status-text">Last Upload </span>
</div>
<input id="lastUploaded" type="text" class="clip-status-input" disabled value="Your upload is scheduled!" />
</div>
</div>
<div class="info-details-split">
<div class="clip-status" id='autocropdiv'>
<div class="clip-status-label grad-purple small">
<span class="status-text">Auto-Crop </span>
</div>
<input id="videoEnabled" type="text" class="clip-status-input" disabled value="OFF" />
</div>
<div class="clip-status" id='hotkeydiv'>
<div class="clip-status-label grad-purple small">
<span class="status-text">Clip Hotkey </span>
</div>
<input id="hotkey" type="text" class="clip-status-input" disabled value="F10" />
</div>
</div>
</section>
<!-- <button id="push-to-talk">Push to Talk</button> -->
</div>
<script src="script.js"></script>
</body>
</html>