-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
387 lines (335 loc) · 19.7 KB
/
index.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
<!DOCTYPE html>
<!--
Template: Metronic Frontend Freebie - Responsive HTML Template Based On Twitter Bootstrap 3.3.4
Version: 1.0.0
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: [email protected]
Follow: www.twitter.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase Premium Metronic Admin Theme: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- Head BEGIN -->
<head>
<meta charset="utf-8">
<title>RAVI - Reading Assistant for the Visually Impaired</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="Metronic Shop UI description" name="description">
<meta content="Metronic Shop UI keywords" name="keywords">
<meta content="keenthemes" name="author">
<meta property="og:site_name" content="RAVI Project">
<meta property="og:title" content="RAVI Project">
<meta property="og:description" content="RAVI Project">
<meta property="og:type" content="website">
<meta property="og:image" content="RAVI Project"><!-- link to image for socio -->
<meta property="og:url" content="RAVI Project">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 0;
margin-top: 35px;
}
</style>
<script>
$(document).ready(function(){
$('.dropdown-submenu a.test').on("click", function(e){
$(this).next('ul').toggle();
e.stopPropagation();
e.preventDefault();
});
});
</script>
<link rel="shortcut icon" href="favicon.ico">
<!-- Fonts START -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Pathway+Gothic+One|PT+Sans+Narrow:400+700|Source+Sans+Pro:200,300,400,600,700,900&subset=all" rel="stylesheet" type="text/css">
<!-- Fonts END -->
<!-- Global styles BEGIN -->
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- Global styles END -->
<!-- Page level plugin styles BEGIN -->
<link href="assets/pages/css/animate.css" rel="stylesheet">
<link href="assets/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
<!-- Page level plugin styles END -->
<!-- Theme styles BEGIN -->
<link href="assets/pages/css/components.css" rel="stylesheet">
<link href="assets/pages/css/slider.css" rel="stylesheet">
<link href="assets/onepage/css/style.css" rel="stylesheet">
<link href="assets/onepage/css/style-responsive.css" rel="stylesheet">
<link href="assets/onepage/css/themes/red.css" rel="stylesheet" id="style-color">
<link href="assets/onepage/css/custom.css" rel="stylesheet">
<!-- Theme styles END -->
</head>
<!--DOC: menu-always-on-top class to the body element to set menu on top -->
<body class="menu-always-on-top">
<!-- Header BEGIN -->
<div class="header header-mobi-ext">
<div style="margin:0 30px 0 20px;">
<div class="row">
<!-- Logo BEGIN -->
<div class="col-md-2 col-sm-2">
<a class="scroll site-logo" href="index.html"><img src="assets/onepage/img/logo/red.png" alt="RAVI - Reading Assistant for the Visually Impaired" href="index.html"></a>
</div>
<!-- Logo END -->
<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
<!-- Navigation BEGIN -->
<div class="col-md-10 pull-right">
<ul class="header-navigation">
<li class="current"><a href="#promo-block">Home</a></li>
<li><a href="#about">About</a></li>
<li class="dropdown-submenu">
<a class="test" href="#">Projects<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="e-book-accessibility.html">e-Book Accessibility</a></li>
<li><a href="mathematics-accessibility.html">Mathematics Accessibility</a></li>
<li><a href="indian-language.html">Indian Language Accessibility</a></li>
<li><a href="diagram-accessibility.html">Diagram Accessibility</a></li>
</ul>
</li>
<li><a href="team.html">Team</a></li>
<li><a href="#publications">Publications</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</div>
<!-- Navigation END -->
</div>
</div>
</div>
<!-- Header END -->
<div class="row">
<!-- Promo block BEGIN -->
<div class="col-md-9 promo-block" id="promo-block">
<div id="carousel-example-generic" class="carousel slide carousel-slider" style="margin-top: 60px;">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<!-- First slide -->
<div class="item carousel-item-one active">
<div class="center-block">
<div class="center-block-wrap">
<div class="center-block-body">
<h2 class="margin-bottom-20 animate-delay carousel-title-v1" data-animation="animated fadeInDown">
eBook Accessibility
</h2>
<div class="animated flipInX">
<div class="hidden-xs">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Second slide -->
<div class="item carousel-item-two">
<div class="center-block-body">
<h2 class="carousel-position-one animate-delay carousel-title-v1" data-animation="animated fadeInDown">
Mathematics Accessibility
</h2>
</div>
<!--<img class="carousel-position-two hidden-sm hidden-xs animate-delay" src="assets/onepage/img/slider/Slide2_iphone_left.png" alt="Iphone" data-animation="animated fadeInUp">
<img class="carousel-position-three hidden-sm hidden-xs animate-delay" src="assets/onepage/img/slider/Slide2_iphone_right.png" alt="Iphone" data-animation="animated fadeInUp">-->
</div>
<!-- Third slide -->
<div class="item carousel-item-three">
<div class="center-block">
<div class="center-block-wrap">
<div class="center-block-body">
<h3 class="carousel-position-one animate-delay carousel-title-v1" style="color:#1a3133" data-animation="animated fadeInDown">
Diagram Accessibility
</h3>
</div>
</div>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
</a>
</div>
</div>
<!-- Promo block END -->
<!-- News Ticker START -->
<div class="col-md-3 news_ticker">
<div class="title"> Updates </div>
<div class="news">
<ul>
<li><span>26-April-2018</span>: InDesign Scripts for Conversion from WalkmanChanakya, Devlys/KrutiDev, Chanakya, Shree Fonts to Unicode released on
<a href="https://github.com/assistech-iitdelhi/InDesignFontConverters">GitHub</a></li>
<li><span>21-April-2018</span>: RAVI projects presented during Open House of IIT Delhi 2018</li>
<li><span>28-February-2018</span>: 'Template based Approach for Augmenting Image Descriptions' paper selected in ICCHP 2018.</li>
</ul>
</div>
</div>
<!-- News Ticker END -->
</div>
<!-- About block BEGIN -->
<div class="about-block content content-center" id="about">
<div class="container">
<h2>ABOUT</h2>
<h4>RAVI : Reading Assistant for the Visually Impaired</h4>
<div class="ab-trio">
<p>As technology creates more and more digital data, accessing, analyzing and interpreting this data in various forms has been a herculean task for visually impaired using rudimentary techniques such as Braille, Tactile. Specially blind face significant challenges if they need to access text mixed with mathematical equations,figures, table, and text in regional languages. Reading Assistant for Visually Impaired (RAVI) focus on making textbooks accessible to readers. We work for eBook accessibility, diagram accessibility, mathematics accessibility and Indian Languages accessibility by using latest technologies.
</p>
</div>
</div>
</div>
<!-- About block END -->
<!-- Project Module block BEGIN -->
<div class="services-block content content-center" >
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12 item">
<a href="e-book-accessibility.html"><div class="project-module module-1"><h3>eBook Accessibility</h3></div></a>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 item">
<a href="mathematics-accessibility.html"><div class="project-module module-2"><h3>Mathematics Accessibility</h3></div></a>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 item">
<a href="indian-language.html"><div class="project-module module-3"><h3>Indian Language Accessibility</h3></div></a>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 item">
<a href="diagram-accessibility.html"><div class="project-module module-4"><h3>Diagram Accessibility</h3></div></a>
</div>
</div>
</div>
</div>
<!-- Project Module block END -->
<!-- Message block BEGIN -->
<div class="parallax" id="publications">
<div class="container content">
<h2 style="color:#fff;">PUBLICATIONS</h2>
<div class="project_details">
<center>
<h3>Template based Approach for Augmenting Image Descriptions</h3>
<span>Akshansh Chahal, Manshul Belani, Akashdeep Bansal, Neha Jadhav, and Prof. M. Balakrishnan</span>
</center>
<p style="text-align:justify; margin-top:30px; padding:0; margin-bottom:0;">Abstract: With the increasing focus on digital learning, it has become extremely important that digital content is available with ease. However, a lot of this digital content is not generated keeping Universal Access in mind. Most of such content available is either completely inaccessible or only partially accessible to the print disabled people.
</p>
<button type="button" class="read_more_link" data-toggle="collapse" data-target="#demo">Read More >></button>
<div id="demo" class="collapse read_more">
One of the major gaps in accessibility of digital content, especially electronic books is the lack of alternative texts for diagrams and ineffective descriptions in cases they are present. The paper discusses the design of a template, which can help in augmenting descriptions for textbook diagrams. The template consists of various components, which are populated using the information present in the diagram or from the text surrounding the diagram in the textbook. This template provides means for generation of comprehensible diagram descriptions, which not only help the user to visualize the diagram but also create a mental model of the layout of the diagram. Observations made during the user study validate the effectiveness of these augmented descriptions.
</div>
</div>
</div>
</div>
<!-- Message block END -->
<!-- BEGIN PRE-FOOTER -->
<div class="pre-footer" id="contact">
<div class="container content">
<div class="row">
<h2>CONTACT US</h2>
<div class="col-md-4 col-sm-6 pre-footer-col">
<!-- BEGIN BOTTOM CONTACTS -->
<address class="margin-bottom-20">
Assistech Lab, Room No. 009<br />
Amar Nath and Shashi Khosla School of IT<br />
Indian Institute of Technology<br />
Hauz Khas, New Delhi – 110016<br /><br />
Email: <a style="color:#24add6;" href="mailto:[email protected]?Subject=Mail%20from%20Website">[email protected]</a><br />
Phone No.: 011-26596080<br />
</address>
<!-- END BOTTOM CONTACTS -->
</div>
<div class="col-md-8 col-sm-6 pre-footer-col">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3504.8173133890637!2d77.18922491516209!3d28.54521033245241!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d1df6bd59d11d%3A0x667b88d0e2a5a8a9!2sKhosla+IT+Building!5e0!3m2!1sen!2sin!4v1484564587470" width="100%" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!-- END PRE-FOOTER -->
<!-- BEGIN PRE-FOOTER -->
<div class="pre-footer" style="background:#fff;">
<div class="container content">
<div class="row">
<h2>Sponsors</h2>
<div class="col-md-12 col-sm-12 pre-footer-col">
<center>
<div class="sponsor col-md-6 col-sm-6">
<img src="assets/onepage/img/hrd.png" width="50" height="80"><br>
Ministry of Human Resource Development <br>
Government of India
</div>
<div class="sponsor col-md-6 col-sm-6">
<img src="assets/onepage/img/atomic_energy.jpg" width="80" height="80"><br>
Department of Atomic Energy <br>
Government of India
</div>
</center>
</div>
</div>
</div>
</div>
<!-- END PRE-FOOTER -->
<!-- BEGIN FOOTER -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<center>Important Links<br><br>
<a href="http://assistech.iitd.ernet.in/">AssisTech</a> | <a href="http://inclusivestem.org">I-Stem</a> | <a href="https://benetech.org/">Benetech</a> | <a href="http://diagramcenter.org/ ">Diagram Centre</a> | <a href="https://www.bookshare.org/cms/">Bookshare</a> | <a href="https://library.daisyindia.org/NALP/welcomeLink.action">Sugamya Pustakalaya</a> | <a href="https://www.robobraille.org/">RoboBraille</a> | <a href="http://www.saksham.org/index.php">Saksham</a> | <a href="https://www.dessci.com/en/products/mathplayer/">Mathplayer</a> | <a href="https://www.nvaccess.org">NV Access</a>
</center>
</div>
<!-- BEGIN COPYRIGHT -->
<div class="col-md-12 col-sm-12" style="margin-top:30px;">
<center>
<div class="copyright">2018 © AssisTech IIT Delhi | Website Designed by Jyoti | Logo Designed by Arshad </div>
</center>
</div>
<!-- END COPYRIGHT -->
<!-- BEGIN SOCIAL ICONS -->
<!-- END SOCIAL ICONS -->
<!-- BEGIN COPYRIGHT -->
<!-- END COPYRIGHT -->
</div>
</div>
</div>
<!-- END FOOTER -->
<a href="#promo-block" class="go2top scroll"><i class="fa fa-arrow-up"></i></a>
<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<![endif]-->
<!-- Load JavaScripts at the bottom, because it will reduce page load time -->
<!-- Core plugins BEGIN (For ALL pages) -->
<script src="assets/plugins/jquery.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Core plugins END (For ALL pages) -->
<!-- Core plugins BEGIN (required only for current page) -->
<script src="assets/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
<script src="assets/plugins/jquery.easing.js"></script>
<script src="assets/plugins/jquery.parallax.js"></script>
<script src="assets/plugins/jquery.scrollTo.min.js"></script>
<script src="assets/onepage/scripts/jquery.nav.js"></script>
<!-- Core plugins END (required only for current page) -->
<!-- Global js BEGIN -->
<script src="assets/onepage/scripts/layout.js" type="text/javascript"></script>
<script src="assets/pages/scripts/bs-carousel.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() {
Layout.init();
});
</script>
<!-- Global js END -->
</body>
</html>