-
Notifications
You must be signed in to change notification settings - Fork 0
/
vision.html
180 lines (149 loc) · 5.52 KB
/
vision.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
<!DOCTYPE html>
<htmlarge="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GUIDANCE SYSTEM FOR VISULLY IMPARED</title>
<style>
*{max-width: 100vw;
font-weight: 100;
font-weight: bold;
margin: 0px;
padding: 0px;
color:aliceblue;
box-sizing: border-box;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
overflow-x: hidden;
}
.et{
width:100vw;
height: 100vh;
position:relative;
padding: 0px;
margin: 0px;;
}
#video{
max-width: 100%;
position:absolute;
z-index: -40;
object-fit: cover;
margin-top: 35px;
}
#top{
display: flex;
flex-direction: column;
align-items: center;
max-width: 100%;
}
button{
color:aliceblue;
background-color: black;
border-radius: 10px;
width:125px;
height:30px;
border: 0;
margin-top: 70vh;
cursor: pointer;
border:4px solid yellow;
}
h2{
margin-top: 15px;
}
.lion{
margin-top: 40px;;
}
#aboutcon{
display:flex;
flex-direction: column;
margin-left: 50px;
margin-right: 50px;
align-items: center;
justify-content: center;
gap:20px;
margin-top: 30px;
margin-bottom: 20px;
}
nav{
z-index: 100;
background-color: rgb(0, 0, 0);
position:fixed;
width: 100%;
}
.pop{
position:absolute;
font-size: larger;
z-index: 44;
margin-top: 65px;
width:100%;
}
.ul{
list-style:none;
display: flex;
height: 37px;
align-items: center;
justify-content:stretch;
}
li{
width:100%;
}
#tat{
display: flex;
list-style:square;
}
#video2{
position: absolute;
z-index: -100;
object-fit: fill;
}
</style>
</head>
<body>
<div class="et">
<nav>
<ul class="ul">
<li><a href="#rato">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#contact">CONTACT US</a></li>
</ul>
</nav>
<video id="video" autoplay loop muted width="100%" height="100%" >
<source src="pexels-rostislav-uzunov-7670836 (2160p).mp4" type="video/mp4">
</video>
<div id="top">
<h1 class="lion" id="rato" >WELCOME TO VISION_AI</h1>
<H2>GUIDANCE SYSTEM FOR VISUALLY IMPARED</H2>
<FORM method="get" action="/rat">
<BUTTON type="submit">START</BUTTON>
</FORM>
</div>
<div class="pop" id="about">
<video id="video2" autoplay muted loop width="100%" height="100%" >
<source src="pexels_videos_2611250 (2160p).mp4" type="video/mp4">
</video>
<div id="aboutcon" >
<h1>About Our AI Guidance System for the Blind</h1>
<p>Welcome to our AI-powered guidance system designed to empower individuals with visual impairments in navigating their surroundings independently. Our mission is to enhance accessibility and improve the daily lives of the visually impaired community through innovative technology.</p>
<h2>Key Features</h2>
<ul id="tat">
<li><strong>Real-time Object Recognition:</strong> Our system utilizes advanced computer vision algorithms to recognize and describe objects in the environment, providing crucial information to the user.</li>
<li><strong>Voice-Based Output:</strong> Users can interact with the system using natural language voice commands, making it intuitive and user-friendly.</li>
<li><strong>Indoor and Outdoor Navigation:</strong> Whether navigating indoor spaces or exploring outdoor environments, our system offers reliable guidance for various scenarios.</li>
<li><strong>Customizable User Interface:</strong> We prioritize user customization, allowing individuals to tailor the interface and settings according to their preferences.</li>
<li><strong>Real-time Updates:</strong> Receive instant updates about changes in the surroundings, ensuring a dynamic and responsive navigation experience.</li>
</ul>
<p>Our AI guidance system leverages cutting-edge technologies to provide a seamless and inclusive navigation experience. Here are some key features of our system:</p>
<h2>How It Works</h2>
<p>Our AI guidance system combines machine learning, computer vision, and speech synthesis to create an intelligent assistant for the blind. The system processes visual data from sensors, identifies objects, and provides spoken guidance to the user in real-time.</p>
<h2>Get Involved</h2>
<p>We are committed to continuous improvement and collaboration. If you share our passion for accessibility and would like to contribute, please consider joining our community of developers and users. Together, we can make a positive impact on the lives of individuals with visual impairments.</p>
<p>Thank you for being a part of our journey towards a more inclusive and accessible future.</p>
<footer>
<p id="contact">Contact us: <a href="mailto:[email protected]">[email protected]</a></p>
</footer>
</div>
</div>
</div>
</body>
</html>