-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsession.html
50 lines (41 loc) · 3.1 KB
/
session.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
<!DOCTYPE html>
<head>
<!-- Always inherit font and common styles-->
<link rel="stylesheet" type="text/css" href="assets/styles/font.css">
<link rel="stylesheet" type="text/css" href="assets/styles/common.css">
<link rel="stylesheet" type="text/css" href="assets/styles/animation.css">
<!-- Inherit page-specific title-->
<link rel="stylesheet" type="text/css" href="assets/styles/focus.css">
<!-- Inherit cookieMonster -->
<script src="scripts/cookieMonster.js"></script>
</head>
<body>
<iframe src="assets/silence.mp3" allow="autoplay" id="audio" style="display: none"></iframe>
<!-- iOS: tap to start div -->
<div id="tap-div">
<svg id="tap-icon" xmlns="http://www.w3.org/2000/svg" width="6vh" height="6vh" viewBox="0 0 48 48" fill="none">
<path d="M15.0001 24L10.9921 29.344C10.4321 30.0905 10.1507 31.0094 10.1968 31.9415C10.2428 32.8736 10.6133 33.7603 11.2441 34.448L18.8121 42.704C19.5681 43.53 20.6361 44 21.7581 44H31.0001C35.8001 44 39.0001 40 39.0001 36V18.858C39.0001 14.286 33.0001 14.286 33.0001 18.858V20" stroke="#0A59F7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M33 20V16.572C33 12 27 12 27 16.572V20V15C27 10.428 21 10.428 21 15M21 20V15M21 15V6.998C20.9995 6.2027 20.6832 5.44015 20.1206 4.87797C19.5581 4.3158 18.7953 4 18 4C17.2044 4 16.4413 4.31607 15.8787 4.87868C15.3161 5.44129 15 6.20435 15 7V30" stroke="#0A59F7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h5 id="tap-text">Please <span style="color:#0A59F7;">tap</span> to continue.</h5>
</div>
<div id="block"></div>
<div id="music-div">
<!-- Song Drawable -->
<svg width="4.125vh" height="4.125vh" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block;z-index: 3">
<path d="M2.75 15.125H22M2.75 23.375H17.875M2.75 6.875H27.5" stroke="#999999" stroke-width="2.0625" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.5 25.4375C27.5 25.9845 27.2827 26.5091 26.8959 26.8959C26.5091 27.2827 25.9845 27.5 25.4375 27.5C24.8905 27.5 24.3659 27.2827 23.9791 26.8959C23.5923 26.5091 23.375 25.9845 23.375 25.4375C23.375 24.8905 23.5923 24.3659 23.9791 23.9791C24.3659 23.5923 24.8905 23.375 25.4375 23.375C25.9845 23.375 26.5091 23.5923 26.8959 23.9791C27.2827 24.3659 27.5 24.8905 27.5 25.4375ZM27.5 25.4375V14.575C27.5 14.3562 27.5869 14.1464 27.7416 13.9916C27.8964 13.8369 28.1062 13.75 28.325 13.75H30.25" stroke="#999999" stroke-width="2.0625" stroke-linecap="round"/>
</svg>
<!-- Song Name -->
<h5 id="music-song">Take Five<span><br></span><span id="music-artist">David Brubeck</span></h5>
</div>
<div id="time-div">
<h3 id="time-digit"></h3>
<h5 id="time-togo">minutes<br>to go</h5>
</div>
<p id='mode'>DeStress•Inactive</p>
<audio id="audioPlayer" src="" autoplay style="display:none;"></audio>
<script src="scripts/timer.js"></script>
<script src="scripts/queueHelper.js"></script>
<script src="scripts/sessionTool.js"></script>
</body>