-
Notifications
You must be signed in to change notification settings - Fork 2
/
main.html
140 lines (88 loc) · 3.68 KB
/
main.html
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="script-src 'self' http://localhost/* 'unsafe-inline' 'unsafe-eval'" />
<link rel="stylesheet" href="styles.css">
<title>Chrome Extension For differently Abled</title>
</head>
<body style="min-width:300px;">
<div align="center">
<div id="mainDiv">
<h1 id="h1">Chrome Extension for differently abled users</h1>
<img src="icon.png" alt="icon" width="150px" height="150px">
<h4 id="para">An extension to ease the access and navigation of web content for the differently abled users.</p> <br><br>
<button id="next">Next -></button> <br><br> <hr>
<h2><u>Keyboard Shortkeys</u></h2> <br>
<table>
<tr>
<th>Key</th>
<th>Function</th>
</tr>
<tr> <td>-></td> <td>Navigate Forward</td> </tr>
<tr> <td><-</td> <td>Navigate Backward</td> </tr>
<tr> <td>x</td> <td>Close</td> </tr>
<tr> <td>i</td> <td>Take Ishihara Test</td> </tr>
<tr> <td>c</td> <td>Take Cambridge Test</td> </tr>
<tr> <td>s</td> <td>Build Solution</td> </tr>
<tr> <td>w</td> <td>Voice Assist</td> </tr>
<tr> <td>h</td> <td>Help</td> </tr>
</table>
</div>
<div id="qsre" align="center">
<h1>Problem Identification</h1>
<h3>Take a quick test to find your problem!!</h3> <br>
<button id="test1">Ishihara Test --></button> <br><br>
<button id="test2">Cambridge Color --></button> <br><br>
<h3>Know your problem already?</h3> <br>
<button id="gotoSol">Go to Solution</button> <br>
</div>
<div id="choose">
<h2 id="soln">Choose your problem</h2>
<label for="colorpick1">Red - Green</label>
<input type="radio" id="colorpick1" name="colorpick" value="red-green"> <br>
<label for="colorpick2">Blue - Yellow</label>
<input type="radio" id="colorpick2" name="colorpick" value="blue-yellow"> <br>
<label for="colorpick3">Complete</label>
<input type="radio" id="colorpick3" name="colorpick" value="Complete"> <br>
<button id="finish" > Solve / Change </button>
</div>
<div id="ishihara">
<h2>Ishihara Test</h2>
<img id="ishId" width="150px" height="150px"> <br><br>
<input type="number" name="ishNum" id="ishNum" placeholder="Enter the number seen"> <br><br>
<button id="ishNext">Next</button>
</div>
<div id="cct">
<h2>Cambridge Color Test</h2>
<img id="cctId" width="150px" height="150px"> <br><br>
<select name="cctVs" id="cctVs">
<option value="visible">Visible</option>
<option value="invisible">Not Visible</option>
</select> <br><br>
<button id="cctNext">Next</button>
</div>
<div id="bldRes1">
<h2 id="bldRes"></h2> <br><br>
<button class="back">Back</button>
</div>
</div>
<div id="spch" class="voice_to_text">
<br><br>
<hr>
<h1>Voice Assist</h1> <br>
<textarea name="convert_text" id="convert_text" cols="30" rows="2"></textarea> <br><br>
<button id="click_to_record">speak</button>
<button id="speech_help">help</button>
<button id="search_for"></button>
</div>
</body>
<script src="jquery-3.6.1.min.js"></script>
<script src="background.js"></script>
<script src="ishihara.js"></script>
<script src="cct.js"></script>
<script src="speech.js"></script>
<script src="keyboard.js"></script>
</html>