-
Notifications
You must be signed in to change notification settings - Fork 1
/
advanced.html
124 lines (106 loc) · 5 KB
/
advanced.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!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">
<!-- Inherit page-specific style-->
<link rel="stylesheet" type="text/css" href="assets/styles/about.css">
<style>
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
outline: none;
font-size: inherit;
font-family: inherit;
color: inherit;
position: absolute;
right: 5vw;
color: #666;
font-family: HarmonyOS Sans;
font-size: 1.75vh;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: right;
}
</style>
<!-- Inherit cookieMonster -->
<script src="scripts/cookieMonster.js"></script>
<title>DeStress - Laboratory</title>
</head>
<body>
<div id="rotate-block">
<svg id="rotate-icon" xmlns="http://www.w3.org/2000/svg" width="6vw" height="6vw" viewBox="0 0 48 48"
fill="none">
<path
d="M44.006 6V14.994C44.006 15.2608 43.9 15.5167 43.7113 15.7053C43.5226 15.894 43.2668 16 43 16C42.6 16 42.24 15.762 42.068 15.4C40.4422 11.9872 37.8827 9.10498 34.686 7.08733C31.4892 5.06968 27.7862 3.99921 24.006 4C13.634 4 5.10596 11.894 4.10596 22"
stroke="#0A59F7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M4.1001 42V33.006C4.1001 32.45 4.5521 32 5.1081 32C5.5081 32 5.8681 32.238 6.0401 32.6C7.66566 36.0125 10.2249 38.8945 13.4212 40.9121C16.6176 42.9298 20.3202 44.0004 24.1001 44C34.4721 44 43.0001 36.106 44.0021 26M24.0001 28C25.061 28 26.0784 27.5786 26.8285 26.8284C27.5787 26.0783 28.0001 25.0609 28.0001 24C28.0001 22.9391 27.5787 21.9217 26.8285 21.1716C26.0784 20.4214 25.061 20 24.0001 20C22.9392 20 21.9218 20.4214 21.1717 21.1716C20.4215 21.9217 20.0001 22.9391 20.0001 24C20.0001 25.0609 20.4215 26.0783 21.1717 26.8284C21.9218 27.5786 22.9392 28 24.0001 28Z"
stroke="#0A59F7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<h5 id="rotate-text">Please <span style="color:#0A59F7;">rotate</span> your phone to continue.</h5>
</div>
<div id="page-title"
style="position: absolute; display: flex; justify-content: center; align-items: center; top: 3vh;">
<a href="index.html">
<svg xmlns="http://www.w3.org/2000/svg" width="7.7777777778vw" height="7.7777777778vw" viewBox="0 0 28 28"
fill="none">
<path d="M17.5 7L10.5 14L17.5 21" stroke="black" stroke-width="1.75" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
<h2 id="page-title" style="top: -0.4vh; left: 8px;">Laboratory</h2>
</div>
<div id="logo-div">
<img src="assets/labs-logo.png" style="width: 100%; height: 100%">
</div>
<div id="card-container">
<form method="post" action="advanced.html">
<div id="top-card">
<h5 id="card-text">Time per Session</h5>
<select name="timer" id="timer">
<option value="5">5 Minutes</option>
<option value="10">10 Minutes</option>
<option value="15">15 Minutes</option>
<option value="20">20 Minutes</option>
<option value="25">25 Minutes</option>
</select>
</div>
</form>
<form method="post" action="advanced.html">
<div id="mid-card" name="tts">
<h5 id="card-text">Enable Tap to Start</h5>
<select name="enableTapStart" id="enableTapStart">
<option value="0">Disabled</option>
<option value="1">Enabled</option>
</select>
</div>
</form>
<form method="post" action="advanced.html">
<div id="mid-card">
<h5 id="card-text">Tap for Next/Prev Song Info</h5>
<select name="enableTapInfo" id="enableTapInfo">
<option value="0">Disabled</option>
<option value="1">Enabled</option>
</select>
</div>
</form>
<form method="post" action="advanced.html">
<div id="bottom-card">
<h5 id="card-text">Swipe Track to Skip</h5>
<select name="enableS2C" id="enableS2C">
<option value="0">Disabled</option>
<option value="1">Enabled</option>
</select>
</div>
</div>
</form>
<!-- Inherit page-specific js tool -->
<script src="scripts/DSLabTool.js"></script>
</body>
<!-- Lock Orientation -->
<script src="scripts/oriHelper.js"></script>