Hugging Face's logo

Spaces:
AndaiMD
/
neuroXgpt
Sleeping

App Files Community
AndaiMD commited on
Commit
38b439a
·
1 Parent(s): 3374991

neruoXgpt

Browse files
Files changed (5) hide show
  1. app/static/img/neuroXgpt.jpeg +0 -0
  2. app/static/style.css +9 -0
  3. app/templates/home.html +15 -49
  4. app/templates/results.html +1 -1
  5. app/templates/trial.html +1 -1
app/static/img/neuroXgpt.jpeg ADDED
app/static/style.css CHANGED
@@ -100,3 +100,12 @@ button:hover, input[type="submit"]:hover {
100
  color: crimson;
101
  font-weight: bold;
102
  }
 
 
 
 
 
 
 
 
 
 
100
  color: crimson;
101
  font-weight: bold;
102
  }
103
+ .model-output {
104
+ font-style: italic;
105
+ color: #444;
106
+ padding-left: 1rem;
107
+ display: block;
108
+ margin-top: 0.3rem;
109
+ margin-bottom: 1.5rem;
110
+ }
111
+
app/templates/home.html CHANGED
@@ -1,63 +1,29 @@
1
  <!DOCTYPE html>
2
  <html>
3
  <head>
4
- <title>BrainBench – Home</title>
5
  <link rel="stylesheet" href="/static/style.css">
6
- <style>
7
- .flow-step {
8
- display: flex;
9
- align-items: center;
10
- margin-bottom: 1.5rem;
11
- }
12
-
13
- .circle {
14
- width: 40px;
15
- height: 40px;
16
- background-color: #007bff;
17
- color: white;
18
- border-radius: 50%;
19
- display: flex;
20
- align-items: center;
21
- justify-content: center;
22
- font-weight: bold;
23
- margin-right: 1rem;
24
- }
25
-
26
- .flow-text {
27
- flex-grow: 1;
28
- }
29
- </style>
30
  </head>
31
  <body>
32
  <div class="container">
33
- <h1>🧠 Welcome to neuroXgpt</h1>
34
- <p>This app helps compare <strong>your intuition</strong> vs a neuroscience-trained AI model.</p>
35
-
36
- <h3>How it works:</h3>
37
 
38
- <div class="flow-step">
39
- <div class="circle">1</div>
40
- <div class="flow-text">
41
- You'll read 3 neuroscience abstracts – some original, others AI-modified.
42
- </div>
43
- </div>
44
-
45
- <div class="flow-step">
46
- <div class="circle">2</div>
47
- <div class="flow-text">
48
- For each one, guess if it’s been changed and rate how confident you feel.
49
- </div>
50
- </div>
51
 
52
- <div class="flow-step">
53
- <div class="circle">3</div>
54
- <div class="flow-text">
55
- BrainGPT also gives its prediction. At the end, we compare your performance!
56
- </div>
 
 
 
 
57
  </div>
58
 
59
- <form action="/start" method="post" style="text-align: center; margin-top: 2rem;">
60
- <input type="submit" value="🚀 Start the Challenge">
61
  </form>
62
  </div>
63
  </body>
 
1
  <!DOCTYPE html>
2
  <html>
3
  <head>
4
+ <title>neuroXgpt | Start</title>
5
  <link rel="stylesheet" href="/static/style.css">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  </head>
7
  <body>
8
  <div class="container">
9
+ <img src="/static/img/neuroXgpt.jpeg" alt="neuroXgpt Logo" style="max-width: 200px; display: block; margin: 0 auto 1rem;">
 
 
 
10
 
11
+ <h1 style="text-align:center;">Welcome to neuroXgpt</h1>
12
+ <p style="text-align:center;">🧠 Detect. Decode. Decide.</p>
 
 
 
 
 
 
 
 
 
 
 
13
 
14
+ <div style="margin: 2rem auto;">
15
+ <h3>🧪 What to Expect</h3>
16
+ <ol>
17
+ <li>You'll be shown 3 neuroscience abstracts — some may be AI-altered.</li>
18
+ <li>Your task is to detect if they're modified or original.</li>
19
+ <li>You rate your confidence.</li>
20
+ <li>GPT-2 also analyzes the same abstract.</li>
21
+ <li>In the end, you’ll see how your guesses compare to the model’s continuation-based output.</li>
22
+ </ol>
23
  </div>
24
 
25
+ <form action="/start" method="post" style="text-align: center;">
26
+ <button type="submit">Start</button>
27
  </form>
28
  </div>
29
  </body>
app/templates/results.html CHANGED
@@ -31,7 +31,7 @@
31
  </tr>
32
  <tr>
33
  <td colspan="7" style="font-size: 0.9em; color: #333; padding-bottom: 1rem;">
34
- <strong>Model Output (next 15 words):</strong> {{ r.model_output }}
35
  </td>
36
  </tr>
37
  {% endfor %}
 
31
  </tr>
32
  <tr>
33
  <td colspan="7" style="font-size: 0.9em; color: #333; padding-bottom: 1rem;">
34
+ <span class="model-output"><strong>🧠 Insight in Abstract:</strong> {{ r.model_output }}</span>
35
  </td>
36
  </tr>
37
  {% endfor %}
app/templates/trial.html CHANGED
@@ -19,7 +19,7 @@
19
 
20
  <label for="confidence">How confident are you?</label>
21
  <input type="range" name="confidence" id="confidence" min="0" max="100" value="50" oninput="confVal.value = confidence.value">
22
- <span id="confVal">50</span>%
23
 
24
  <input type="submit" value="Submit">
25
  </form>
 
19
 
20
  <label for="confidence">How confident are you?</label>
21
  <input type="range" name="confidence" id="confidence" min="0" max="100" value="50" oninput="confVal.value = confidence.value">
22
+ <span id="confVal">100</span>%
23
 
24
  <input type="submit" value="Submit">
25
  </form>