Hugging Face's logo

Spaces:
LongeneckerPMO
/
care_giver_app
Sleeping

App Files Community
resumesearch commited on
Commit
b5a4864
·
verified ·
1 Parent(s): 580bfdc

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +38 -18
index.html CHANGED
@@ -1,35 +1,55 @@
1
  <!DOCTYPE html>
2
- <html>
3
  <head>
4
  <meta charset="utf-8" />
5
  <title>Dementia Care Scenario Trainer</title>
6
- <link rel="stylesheet" href="style.css">
 
 
 
 
7
  </head>
8
  <body>
9
- <div id="screen1" class="screen active">
10
- <h1>Welcome Caregiver</h1>
11
- <p>Ready to practice a real caregiving scenario?</p>
12
- <button class="button" onclick="showScreen(2)">Start</button>
 
 
13
  </div>
14
 
15
- <div id="screen2" class="screen">
16
- <h2>Scenario:</h2>
17
- <p>Your mother, who has moderate dementia, becomes agitated at bedtime and refuses to go to her room. She's pacing and calling out. What do you do?</p>
18
- <button class="button" onclick="showScreen(3)">Next</button>
 
 
 
 
 
19
  </div>
20
 
21
- <div id="screen3" class="screen">
22
- <h2>Your Response:</h2>
23
- <textarea id="response" class="textarea" placeholder="Describe step-by-step what you'd do..."></textarea>
24
- <button class="button" onclick="handleSubmit()">Submit</button>
 
 
 
 
 
 
25
  </div>
26
 
27
- <div id="screen4" class="screen">
28
- <h2>Feedback:</h2>
29
- <p id="feedbackText">Analyzing your response...</p>
30
- <button class="button" onclick="showScreen(1)">Try Another</button>
 
 
31
  </div>
32
 
33
  <script src="script.js"></script>
34
  </body>
35
  </html>
 
 
1
  <!DOCTYPE html>
2
+ <html lang="en">
3
  <head>
4
  <meta charset="utf-8" />
5
  <title>Dementia Care Scenario Trainer</title>
6
+ <link
7
+ href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap"
8
+ rel="stylesheet"
9
+ />
10
+ <link rel="stylesheet" href="style.css" />
11
  </head>
12
  <body>
13
+ <div class="screen active" id="screen1">
14
+ <div class="dialog">
15
+ <h1>Welcome, Caregiver</h1>
16
+ <p>Ready to practice a real caregiving scenario?</p>
17
+ <button class="button" onclick="showScreen(2)">Start</button>
18
+ </div>
19
  </div>
20
 
21
+ <div class="screen" id="screen2">
22
+ <div class="dialog">
23
+ <h2>Scenario</h2>
24
+ <p>
25
+ Your mother, who has moderate dementia, becomes agitated at bedtime and
26
+ refuses to go to her room. She's pacing and calling out. What do you do?
27
+ </p>
28
+ <button class="button" onclick="showScreen(3)">Next</button>
29
+ </div>
30
  </div>
31
 
32
+ <div class="screen" id="screen3">
33
+ <div class="dialog">
34
+ <h2>Your Response</h2>
35
+ <textarea
36
+ id="response"
37
+ class="textarea"
38
+ placeholder="Describe step-by-step what you'd do..."
39
+ ></textarea>
40
+ <button class="button" onclick="handleSubmit()">Submit</button>
41
+ </div>
42
  </div>
43
 
44
+ <div class="screen" id="screen4">
45
+ <div class="dialog">
46
+ <h2>Feedback</h2>
47
+ <p id="feedbackText">Analyzing your response...</p>
48
+ <button class="button" onclick="showScreen(1)">Try Another</button>
49
+ </div>
50
  </div>
51
 
52
  <script src="script.js"></script>
53
  </body>
54
  </html>
55
+