-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
43 lines (39 loc) · 1.68 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Exact count</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="Find the exact number of projects in a Scratch studio" />
<meta name="author" content="Maximouse" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>Exact count</h1>
<p id="subtitle">Find the exact number of projects and curators in a Scratch studio</p>
<p class="input-row"><label>Studio link or ID: <input type="text" id="studio-input" /></label></p>
<p class="input-row">
<button class="default" id="projects-button">Show project count</button>
<button id="curators-button">Show curator count</button>
</p>
<p id="status">
<progress>Please wait...</progress>
<span class="projects-result">This studio has <strong id="project-count">0</strong> projects.</span>
<span class="curators-result">This studio has <strong id="manager-count">0</strong> managers
and <strong id="curator-count">0</strong> curators.</span>
<span class="projects-error">Unable to load projects. Make sure that the link is correct.</span>
<span class="curators-error">Unable to load curators. Make sure that the link is correct.</span>
</p>
<h2>Example studios</h2>
<div id="examples" class="loading">
<progress>Loading...</progress>
<ul></ul>
</div>
<p class="small">Source: <a href="https://scratch.mit.edu/">Scratch Featured Studios</a></p>
<p id="footer">Exact Count is an open source project by Maximouse.
<a href="https://scratch.mit.edu/users/Maximouse/#comments">Feedback</a> |
<a href="https://github.com/mxmou/exactcount">View on GitHub</a>
</p>
<script src="exactcount.js"></script>
</body>
</html>