An easy-to-use platform for EEG experimentation in the classroom
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Made bg of EEGGraph transparent

jdpigeon 0b03b46b 0aef1539

+48 -46
+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>