-
Notifications
You must be signed in to change notification settings - Fork 130
/
Copy pathindex.html
175 lines (165 loc) · 6.41 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta property="og:type" content="website">
<meta property="og:title" content="Edpuzzle Answers Script">
<meta property="og:url" content="https://edpuzzle.hs.vc/">
<meta property="og:image" content="https://edpuzzle.hs.vc/static/images/screenshot5.png">
<meta property="og:article:author" content="ading2210">
<meta property="og:description" content="This bookmarklet can fetch the answers for the multiple choice questions on any Edpuzzle assignment. It can also skip the entire video, as well as automatically answer the questions and change the video speed. This project is also fully open source and licensed under the GNU GPLv3.">
<meta property="twitter:image" content="https://edpuzzle.hs.vc/static/images/screenshot5.png">
<meta property="twitter:card" content="summary_large_image">
<title>Edpuzzle Answers Script</title>
<link href="/static/images/icon.png" rel="icon" type="image/png"/>
<script src="/static/graph.js"></script>
<style>
* {
font-family: Arial;
text-align: center;
}
li {
text-align: left;
font-size: 14px;
}
p {
margin-top: 0px;
font-size: 14px;
}
h4 {
margin-top: 4px;
margin-bottom: 4px;
font-size: 14px;
}
h3 {
margin-top: 0px;
margin-bottom: 8px;
}
body {
background-color: #2E3440;
margin: 0px;
}
table {
border-collapse: collapse;
}
th, td {
border: solid;
border-width: 1px;
padding: 5px;
font-size: 12px;
word-wrap: break-word;
}
th {
background-color: #ECEFF4;
}
.wrapper_div {
max-width: min(560px, 80%);
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
height: 100%;
background-color: #FEFFFE;
border-radius: 15px;
}
#stats_table {
margin-left: auto;
margin-right: auto;
white-space: nowrap;
table-layout: fixed;
display: none;
overflow-x: auto;
}
</style>
</head>
<body>
<div class="wrapper_div">
<h1 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px">Edpuzzle Answers Script</h1>
<hr>
<img style="max-width: 100%; height: auto; border-radius: 8px" alt="screenshot" src="/static/images/screenshot5.png">
<p style="font-size: 12px">Source code: <a href="https://github.com/ading2210/edpuzzle-answers">ading2210/edpuzzle-answers</a></p>
<hr>
<h3>Features:</h3>
<ul style="margin-top: 8px;">
<li>Can fetch and display the multiple-choice answers for any Edpuzzle assignment</li>
<li>Can automatically answer all the multiple-choice questions in an assignment</li>
<li>Includes a video skipper which allows for arbitrary navigation within an assignment</li>
<li>Has an option to prevent pausing the video when the tab is hidden</li>
<li>Has a tool to change the video speed</li>
<li>Shows various stats about the assignment</li>
<li>Has a decent looking GUI</li>
<li>No login or extension required</li>
<li>Uses about:blank so it doesn't go into your browser history</li>
<li>Works on private Edpuzzle videos</li>
<li>Supports Edpuzzles embedded in Canvas and Schoology</li>
<li>Completely free and open source</li>
<li>Licensed under the GNU <a href="https://github.com/ading2210/edpuzzle-answers/blob/main/LICENSE">GPL-3.0</a> license</li>
</ul>
<p style="font-size: 12px">Available now from our <a target="_blank" href="https://edpuzzle.hs.vc/discord.html">Discord server</a>: <i>An open beta of a completely overhauled GUI, with proper mobile support, ChatGPT integration for open-ended questions, and more.</i></p>
<hr>
<h3>Video Demo:</h3>
<video width="100%" controls>
<source src="https://user-images.githubusercontent.com/71154407/199671842-c3016f8c-8c7f-4526-b274-5bdd48f3a131.mp4" type="video/mp4">
</video>
<p style="font-size: 12px">Note: This video was recorded with an older version of the script, so the GUI shown is a bit outdated.</p>
<hr>
<h3>Download Stats:</h3>
<h4>Monthly Downloads Graph:</h4>
<p id="js_warning" style="font-size: 12px;">Please enable JS to view download statistics</p>
<script>document.getElementById("js_warning").innerHTML = "Fetching statistics...";</script>
<div id="graph_wrapper">
</div>
<h4>jsDelivr Stats:</h4>
<div style="display: flex;">
<table id="stats_table">
<thead>
<tr>
<th scope="col" style="border: none; background-color: #ffffff;"></th>
<th scope="col">Yearly</th>
<th scope="col">Monthly</th>
<th scope="col">Weekly</th>
<th scope="col">Daily</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Total Downloads</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">jsDelivr Overall Rank</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">jsDelivr Github Rank</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<hr>
<h3>Installation/Usage:</h3>
<p style="font-size: 12px; margin-bottom: 4px;">Full instructions can be found here: <a href="https://github.com/ading2210/edpuzzle-answers#creating-the-bookmarklet">README.md</a></p>
<p style="font-size: 12px; margin-bottom: 4px;">A video tutorial can be found here: <a href="https://youtu.be/zxZzB2KXCkw">https://youtu.be/zxZzB2KXCkw</a></p>
<p style="font-size: 12px;">If you need further help, you can join our discord server here: <a href="/discord.html">discord.html</a></p>
<p style="margin-top: 16px; margin-bottom: 8px">To use this, just drag this button into your bookmarks bar and click it when on an Edpuzzle assignment. If you're on Firefox, right click on the button, then select "bookmark link."</p>
<a href='javascript: fetch("https://cdn.jsdelivr.net/gh/ading2210/edpuzzle-answers@latest/script.js").then(r => r.text()).then(r => eval(r))'>
<button>
Get Answers
</button>
</a>
</div>
</body>
</html>