-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
57 lines (39 loc) · 1.87 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
<!DOCTYPE html>
<html>
<head>
<script src="p5.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8" />
</head>
<body>
<!-- MODAL -->
<div id="modal" class="modal">
<!-- CONTENT -->
<div class="modalContent">
<span class="close">×</span>
<h2>INFORMATION</h2>
<p>This project is made by Harold Kwan.</p>
<p>Please select the colors as truthfully as possible so that we can collect more accurate data. Thanks!</p>
<p>All data is managed and saved by Google Firebase. Learn more about Google Firebase at <a href="https://firebase.google.com">http://firebase.google.com</a>.</p>
<p>This project is inspired by the color classifier made by The Coding Train (Daniel Shiffman). You can check out his youtube channel <a href="https://www.youtube.com/user/shiffman">here</a>.</p>
<p style="color: red">Active contributors: SAMUEL YEUNG</p>
</div>
</div>
<div id="blacklistModal" class="blacklistModal">
<!-- CONTENT -->
<div class="blacklistModalContent">
<span class="close">×</span>
<h2 style="color: red">NOTICE TO FELLOW USER</h2>
<p>After reviewing our data, we have noticed that you have provided us with some untrustworthy data.
Therefore, you have been put on our blacklist and we have forbidden you from writing to our database.
If you think this is a mistake, you can submit an issue
<a href="https://github.com/brainstormerjr/colorClassifierDataCollection/issues">here</a>.</p>
</div>
</div>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-firestore.js"></script>
<script src="sketch.js"></script>
</body>
</html>