Todo-List/index.html at main · DevNotHackerCorporations/Todo-List · GitHub

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
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<meta name="keywords" content="Todolist, DevNotHackerCorporations, planner, online">
	<meta name="description" content="Online todo lists/planners">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="author" content="DevNotHackerCorporations">
	<meta property="og:image" content="https://todolist.andrewchen51.repl.co/assets/2048.png" />
	<title>Todo</title>
	<link href="style.css" rel="stylesheet">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
	</script>
	<link rel="icon" type="image/jpg" href="/assets/2048.png">
	<link rel="manifest" href="manifest.webmanifest" />
	<script src="quotes.js"></script>
</head>

<body class="dark">
	<button id="color_scheme_toggle">☀️️</button>
	<div id="choosetodo">
		<header>
			<h1>Todo List</h1>
			<h2>Made By <a href="https://github.com/DevNotHackerCorporations/" target="_blank" style="--h:50px;">Actiniumn404 et al.</a> with JavaScript!</h2>
		</header>
		<section style="margin-top: 150px" id="choosetodo__container">
			<div id="choosetodo__explain">
				Todolist is a modern, easy-to-use online todo-list and planner. To create a todolist, simply press the button below.
			</div>
			<button id="importdata">Import todos</button>
			<button id="copytododata">Copy Todo Data</button>
			<button id="exportdata">Export todos</button>
			<div id="choosetodo__todos"></div>
			<div id="choosetodo_input">
				<input placeholder="Name of new todo"><button>Go!</button>
			</div>
			</section>
		</div>
		<div id="todolist" style="display: none">
			<section id="nav">
				<button class="button" title="return back to the homepage" onclick="location.href = loc">⇦</button>
				<button class="button" title="save" onclick="savedata()">💾</button>
				<button class="button" title="print this page" onclick="print()">🖨️</button>
				<button class="button" title="refresh the todo" onclick="refresh()">🔄</button>
				<button class="button" title="delete all completed items" onclick="deletecomplete()">🗑️ ✅</button>
				<button class="button" title="Copy this todolist" onclick="c_todolist()">📋</button>
				<button class="button" title="Disable/Enable the quote" onclick="document.getElementById('quote').toggleAttribute('open')">💬</button>
				<span id="savingmsg" class="button" title="Your todolist has been saved">Saved &#9989;</span>
			</section>
			<header>
				<h1>Todo List</h1>
			</header>
			<dialog id="quote" open><h1>A Quote!</h1><button class = "button" onclick="generate_quote()">Another please!</button><button class = "button" onclick="navigator.clipboard.writeText($('#quote_cont').html());create_alert('Copied the quote!')">Copy Quote</button><p id="quote_cont">Loading Quote</p></dialog>
			<section style="margin-top: 150px" id="container"></section>
			<section id="input">
				<input type="text" id="add" autocomplete="off"/><button id="letsgo">Go!</button>
				<br><input type="datetime-local" id="addDatetime" value="2030-12-31T12:59" />
				<br>
			</section>
		</div>
		<footer>This site is <a href="https://github.com/DevNotHackerCorporations/Todo-List" target="_blank">open source!</a> That means that you can <a target="_blank"  href="https://github.com/DevNotHackerCorporations/Todo-List/edit/main/index.html">help us improve it!</a> (You can use this on your site as long as you follow the <a href="/LICENSE.txt" target="_blank">license.</a>)</footer>
		<script defer src="script.js"></script>
	</body>
</html>