An easy-to-use platform for EEG experimentation in the classroom
Made bg of EEGGraph transparent
+48
-46
+48
-46
app/viewer.html
+48
-46
app/viewer.html
···
1
1
<!DOCTYPE html>
2
2
<html>
3
+
3
4
<head>
4
5
<meta charset="utf-8">
5
6
<title>Viewer</title>
6
7
<style>
7
-
body {
8
-
position: relative;
9
-
color: #484848;
10
-
width: 95vw;
11
-
height: 95vh;
12
-
background-color: #ffffff;
13
-
font-family: Helvetica Neue, serif;
14
-
}
15
-
#graph {
16
-
width: 100%;
17
-
height: 100%;
18
-
padding-left: 20px;
19
-
}
8
+
body {
9
+
position: relative;
10
+
color: #484848;
11
+
width: 95vw;
12
+
height: 95vh;
13
+
background-color: rgba(255, 255, 255, 0);
14
+
font-family: Helvetica Neue, serif;
15
+
}
20
16
21
-
.axis line,
22
-
.axis path,
23
-
.axis {
24
-
stroke: none;
25
-
fill: none;
26
-
}
17
+
#graph {
18
+
width: 100%;
19
+
height: 100%;
20
+
padding-left: 20px;
21
+
}
27
22
28
-
.axis text {
29
-
font-size: 14px;
30
-
fill: #484848;
31
-
stroke: none;
32
-
}
23
+
.axis line,
24
+
.axis path,
25
+
.axis {
26
+
stroke: none;
27
+
fill: none;
28
+
}
33
29
34
-
.legend {
35
-
font-size: 14px;
36
-
}
30
+
.axis text {
31
+
font-size: 14px;
32
+
fill: #484848;
33
+
stroke: none;
34
+
}
37
35
38
-
.line {
39
-
fill: none;
40
-
}
36
+
.legend {
37
+
font-size: 14px;
38
+
}
39
+
40
+
.line {
41
+
fill: none;
42
+
}
41
43
</style>
42
44
</head>
43
45
···
45
47
<svg id="graph" />
46
48
</body>
47
49
<script>
48
-
{
49
-
const scripts = [];
50
+
{
51
+
const scripts = [];
52
+
53
+
// Insert the app script in the viewer process
54
+
if (process.env.NODE_ENV === 'development') {
55
+
scripts.push('./viewer.js');
56
+
}
57
+
else {
58
+
scripts.push('./dist/viewer.entry.js');
59
+
}
50
60
51
-
// Insert the app script in the viewer process
52
-
if (process.env.NODE_ENV === 'development') {
53
-
scripts.push('./viewer.js');
61
+
document.write(
62
+
scripts
63
+
.map(script => '<script defer src="' + script + '"><\/script>')
64
+
.join('')
65
+
);
54
66
}
55
-
else {
56
-
scripts.push('./dist/viewer.entry.js');
57
-
}
58
-
59
-
document.write(
60
-
scripts
61
-
.map(script => '<script defer src="' + script + '"><\/script>')
62
-
.join('')
63
-
);
64
-
}
65
67
</script>
66
68
67
-
</html>
69
+
</html>