-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
98 lines (87 loc) · 4.64 KB
/
popup.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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<!-- MODORA -->
<!-- MODORA is a chrome extension that blocks -->
<!-- distracting sites according to the Pomodoro Technique -->
<!-- which is proven to increase productivity while -->
<!-- preventing overworking and encouraging breaks. -->
<!-- coded by: Aaron Z., Chelsea W., Max S., Samuel H. -->
<!-- for LyonHacks 2021 -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="popup.css">
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap" rel="stylesheet">
<title>MODORA</title>
</head>
<body>
<div id="MainMenu">
<div id="title1">.</div>
<div id="title2">MODORA</div>
<div id="mainmenu-subtitle1">*<br><br></div>
<div id="mainmenu-subtitle2">POMODORO PRODUCTIVITY<br>WEBSITE BLOCKER</div>
<button id="PomodoroButton" class="main-menu-button main-menu-button1">be productive</button>
<button id="ToDoListButton" class="main-menu-button main-menu-button1">to do list</button>
<button id="ManageWebsitesButton" class="main-menu-button main-menu-button1">manage websites</button>
</div>
<div id="SetupTimer" hidden>
<div id="setup-title">Set-Up!</div>
<div id="setup-timer-title">Websites to Block</div>
<form action="timer-started.html" id="choose-blocked-form" method="get"></form>
<button id="SelectAll" class="timer-buttons timer-buttons1">Select All</button>
<button id="start-button" class="timer-setup-display start-button1">START</button>
<button id="bb1" class="back-button timer-buttons1"><<</button>
<div id="pomodoro-setup" class="timer-setup-display">
<form>
<label for="round_num">rounds:</label><br>
<input type="number" min="1" value="4" id="round_num" name="round_num" class="setup-customize-input-bar"><br><br><br>
<label for="lbreak_num">time of long break (mins):</label><br>
<input type="number" min="15" max="25" value="15" id="lbreak_num" name="lbreak_num" class="setup-customize-input-bar"><br><br>
</form><br>
<div id="setup-customize-extratext">extra text (^ wip, everythin <br> is default - 4 rounds w/o <br> long break)</div>
</div>
</div>
<div id="TimerOn" hidden>
<div id="timer"></div>
<div id="subtitle" class="timer-text"></div>
<button id="abort" class="timer-text main-menu-button1">abort</button>
</div>
<div id="ToDoList" hidden>
<div id="todotitle">To Do List!</div>
<div class = "div1">
<div id="todo-text" class="div1">select the ones you want to delete and click "remove".</div>
<form id="cboxes" class="todo-list"></form>
<button id="todo-remove-button" class="discard-button-class timer-buttons1">remove</button>
</div>
<input type="text" id="userName" class="input-bar" placeholder="Write To-Do Here">
<button id="ent" class="websites-submit-class websites-submit-hover">Enter</button>
<button id="bb5" class="back-button timer-buttons1"><<</button>
</div>
<div id="abortedScreen" hidden>
<div id="aborted-text" class="final-screens">aborted</div>
<button id="bb2" class ="back-button timer-buttons1"><<</button>
</div>
<div id="completedScreen" hidden>
<div id="completed-text" class="final-screens">session<br>complete!</div>
<div id="completed-subtext" class="final-screens">good job!</div>
<button id="bb3" class="back-button timer-buttons1"><<</button>
</div>
<div id="websitesScreen" hidden>
<div id="websites-title">manage websites!</div>
<div id="websites-text">add and remove sites you want to add to your blocked websites list.</div>
<form id="websites-list" method="get"></form>
<input type="url" placeholder="https://example.com/" pattern="https://" id="websites-add" class="input-bar">
<button id="websites-submit" class="websites-submit-class websites-submit-hover">Add Link </button>
<button id="bb4" class="back-button timer-buttons1"><<</button>
<button id="discard-button" class="discard-button-class timer-buttons1">discard</button>
</div>
<script src="popup.js" type="text/javascript"></script>
<script src="timer.js" type="text/javascript"></script>
<script src="block_sites.js" type="text/javascript"></script>
<script src="cookie_functions.js" type="text/javascript"></script>
<script src="todo.js" type="text/javascript"></script>
<script src="manage_websites.js" type="text/javascript"></script>
<script src="tools.js" type="text/javascript"></script>
</body>
</html>