-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
45 lines (45 loc) · 3.01 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
<!doctype html>
<html>
<head>
<title>Timetables</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<span id="box">Customise:</span>
<span id="instructions">Select a colour using the<br>colour picker then drag it<br>onto the timetable</span>
<input id="colorselector" type="color" draggable="true" value="#8800ff">
<input id="textselector" type="color" draggable="true" value="#0055ee">
<span id="fill">Fill</span>
<span id="text">Text</span>
<center>
<select id="name">
<option value="" hidden>Select name...</option>
</select><br><br><br>
<div><table ondragover="prevent(event)">
<tr class="header"> <td>Monday A</td> <td>Tuesday A</td> <td>Wednesday A</td> <td>Thursday A</td> <td>Friday A</td></tr>
<tr> <td class="a5"></td> <td class="a5"></td> <td class="a3"></td> <td class="a3"></td> <td class="a5"></td></tr>
<tr> <td class="a2"></td> <td class="a3"></td> <td class="a1"></td> <td class="a3"></td> <td class="a5"></td></tr>
<tr> <td class="a2"></td> <td class="a4"></td> <td class="a1"></td> <td class="a5"></td> <td class="a2"></td></tr>
<tr class="lunch"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td class="a3"></td> <td class="a4"></td> <td class="a2"></td> <td class="a4"></td> <td class="a1"></td></tr>
<tr> <td class="a5"></td> <td class="a2"></td> <td class="a4"></td> <td class="a4"></td> <td class="a1"></td></tr>
<tr class="lunch"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td class="a5"></td> <td class="a1"></td> <td class="bg"></td> <td class="a2"></td> <td class="a3"></td></tr>
<tr> <td class="a4"></td> <td class="a1"></td> <td class="bg"></td> <td class="a2"></td> <td class="a3"></td></tr>
</table>
<br>
<table ondragover="prevent(event)">
<tr class="header"> <td>Monday B</td> <td>Tuesday B</td> <td>Wednesday B</td> <td>Thursday B</td> <td>Friday B</td></tr>
<tr> <td class="a2"></td> <td class="a4"></td> <td class="ft"></td> <td class="a1"></td> <td class="a5"></td></tr>
<tr> <td class="a2"></td> <td class="a4"></td> <td class="a3"></td> <td class="a1"></td> <td class="a3"></td></tr>
<tr> <td class="a4"></td> <td class="a3"></td> <td class="a4"></td> <td class="a3"></td> <td class="a3"></td></tr>
<tr class="lunch"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td class="a4"></td> <td class="a2"></td> <td class="a5"></td> <td class="a3"></td> <td class="a1"></td></tr>
<tr> <td class="a5"></td> <td class="a2"></td> <td class="a5"></td> <td class="a4"></td> <td class="a1"></td></tr>
<tr class="lunch"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td class="a5"></td> <td class="a5"></td> <td class="a1"></td> <td class="a2"></td> <td class="a4"></td></tr>
<tr> <td class="a3"></td> <td class="a5"></td> <td class="a1"></td> <td class="a2"></td> <td class="a4"></td></tr>
</table></div></center>
<script src="./main.js"></script>
</body>
</html>