-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (68 loc) · 3.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/svg" href="assets/img/simpleMITs-logo.svg">
<link rel="stylesheet" href="vendor/normalize/normalize.css">
<link rel="stylesheet" href="assets/css/jost.css">
<link rel="stylesheet" href="assets/css/style.css?ver=1.0.5">
<title>simpleMITs</title>
</head>
<body onload="listMITs()">
<div class="page-container">
<header class="page-header row gap-xs">
<img src="assets/img/simpleMITs-logo.svg" alt="simpleMITs logo">
<h1>simpleMITs</h1>
</header>
<ul id="task-list" class="task-list"></ul>
<!-- Clear Tasks -->
<div id="clear-buttons" class="row gap-tiny">
<!-- Clear Completed -->
<button id="clear-completed-button" class="modal-button" data-modal-id="clear-completed-modal">Clear Completed</button>
<dialog id="clear-completed-modal" class="modal confirmation-modal">
<div class="confirmation-modal-container">
<h4>Clear completed MITs?</h4>
<button class="confirm" onclick="clearCompleted()"><span class="screen-reader-text">Clear Completed</span></button>
<button class="cancel"><span class="screen-reader-text">Cancel</span></button>
</div>
</dialog>
<!-- Clear All -->
<button id="clear-all-button" class="modal-button" data-modal-id="clear-all-modal">Clear All</button>
<dialog id="clear-all-modal" class="modal confirmation-modal">
<div class="confirmation-modal-container">
<h4>Clear all MITs?</h4>
<button class="confirm" onclick="clearAll()"><span class="screen-reader-text">Clear All</span></button>
<button class="cancel"><span class="screen-reader-text">Cancel</span></button>
</div>
</dialog>
</div>
<!-- New Task Form -->
<form id="add-task-form">
<label for="add-task-input">Add a task.</label>
<div class="input-group">
<input id="add-task-input" type="text" placeholder="Add a task.">
<button type="submit"><span class="screen-reader-text">Add task</span></button>
</div>
</form>
<footer class="row">
<p>Built by <a href="https://samglover.net" target="_blank">Sam Glover</a></p>
<!-- FAQ -->
<button class="modal-button square-button" data-modal-id="faq-modal">?</button>
<dialog id="faq-modal" class="modal content-modal">
<div class="modal-header">
<h4>simpleMITs FAQ</h4>
<button class="close-modal"><span class="screen-reader-text">Close modal</span></button>
</div>
<div class="modal-content"></div>
</dialog>
</footer>
</div>
<script type="text/javascript" src="vendor/jquery/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="vendor/chance/chance.min.js"></script>
<script type="text/javascript" src="assets/js/main.js?ver=1.0.5"></script>
<script type="text/javascript" src="assets/js/modals.js?ver=1.0.5"></script>
<script type="text/javascript" src="assets/js/template-loader.js?ver=1.0.5"></script>
</body>
</html>