VIBES-Lab-CSV-Processor/index.html at main · JohnBacho/VIBES-Lab-CSV-Processor · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>VIBES Lab CSV Eye-Tracking Processor</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="style.css" />
    <link rel="icon" href="img/favicon(1).ico" type="image/x-icon" />
  </head>

  <body>
    <div class="container">
      <img
        src="img/VIBES_LAB_Logo-WithText.png"
        alt="VIBES Lab Logo"
        class="logo"
      />

      <h1>VIBES Lab CSV Eye-Tracking Processor</h1>

      <form class="form-box">
        <label>Select a CSV file</label>
        <input type="file" id="csvFile" accept=".csv" class="input-file" />

        <label>Enter Program Name</label>
        <input
          type="text"
          id="Text"
          class="text-input"
          placeholder="i.e. SB-Woodstock(2)"
        />
        <br style="margin-bottom: 25px;"/>

        <input type="checkbox" id="BaselineCheckbox" checked />
        <label style="display: inline" for="BaselineCheckbox"
          >Baseline Calculations (untoggle for downsampled data)</label
        >

        <p class="note">
          Added <u>Baseline Corrections column</u>, <u>Summary table</u>,
          <u>Average 2-Trial Blocks</u>, <u>File Name Input</u>, and <u>Toggle Baseline Calculations</u>
        </p>
      </form>
    </div>

    <script src="script.js"></script>
  </body>
</html>