-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathpopup.html
42 lines (41 loc) · 1.42 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
<!doctype html>
<!--
This page is shown when the extension button is clicked, because the
"browser_action" field in manifest.json contains the "default_popup" key with
value "popup.html".
-->
<html>
<head>
<!--
- JavaScript and HTML must be in separate files: see our Content Security
- Policy documentation[1] for details and explanation.
-
- [1]: https://developer.chrome.com/extensions/contentSecurityPolicy
-->
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id="container">
<h1>Tomato</h1><small>Your Pomodoro Helper</small>
<div class="setting-section">
<h2>Pomodoro</h2>
<div class="time-buttons-group" id="pomodoro-selection">
<button type="button">15</button>
<button type="button">25</button>
<button type="button">45</button>
</div>
</div>
<div class="setting-section">
<h2>Break</h2>
<div class="time-buttons-group" id="break-selection">
<button type="button">5</button>
<button type="button">10</button>
<button type="button">15</button>
</div>
</div>
<p>Break for <strong id="break"></strong> seconds after every <strong id="pomodoro"></strong> seconds.</p>
<a href="timer.html"><button type="button">Start</button></a>
</div>
<script type="text/javascript" src="popup.js"></script>
</body>
</html>