-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
316 lines (272 loc) · 11.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AiScope</title>
<link rel="icon" type="image/x-icon" href="./img/favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div class="content">
<div class="menu-bar">
<div class="logo"><a href="./index.html"><img src="./img/logo_AiScope.png" alt=""></a>
</div>
<div class="menu">
<ul>
<li><a class="menu-link" href="#project-description">Project</a></li>
<li><a class="menu-link" href="#team">Team</a></li>
<li class="donate"><a href="#help" >Collaborate</a></li>
</ul>
</div>
<div class="menu_cellphone menu">
<ul>
<li class="donate"><a href="#help" >Collaborate</a></li>
</ul>
</div>
</div>
<div class="sections">
<div class="hero">
<div class="gradient">
<div class="content_inside">
<h1>AI against global diseases</h1>
<p class="hero_p">Building the biggest repository of open health datasets</p>
</div>
</div>
</div>
<div class="project-description" id="project-description">
<div class="content_inside">
<div class="h2-wraper"><h2>The project</h2></div>
<div class="video_big video">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/Tv-64HpPD4k?si=9FZAkrjel9EDfwSL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="video_small video">
<iframe src="https://www.youtube-nocookie.com/embed/Tv-64HpPD4k?si=9FZAkrjel9EDfwSL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="project_below">
<div class="project_left">
<h3 class="project_h3">Microscopy and AI</h3>
<p>Microscopy, a fundamental tool in research and diagnosis, stands as the gold standard for identifying communicable diseases worldwide, according to the World Health Organization (WHO). </p>
<p>Now, imagine augmenting this powerful technique with Artificial Intelligence (AI).</p>
<h3>The AI Revolution</h3>
<p> Tasks like image recognition have become significantly more efficient. Consider the possibility of AI aiding in pathogen identification on slides, reducing reliance on trained microscopists. </p>
<p>This breakthrough could revolutionize healthcare, democratizing it and allowing researchers and developers world wide join their efforts and knowledge.</p>
</div>
<div class="project_right">
<div class="right_upper">
<h3 class="project_h3">The data challenge</h3>
<p>However, successful AI hinges not only on sophisticated models but also on high-quality datasets. </p>
<p>Unfortunately, freely available datasets for infectious diseases are scarce. This scarcity impedes AI progress in critical medical areas. </p>
<p>We urgently need comprehensive, accessible datasets to drive the future of medical diagnostics and treatment.</p>
<div class="button_project"><a href="mailto:aiscope@aiscope.net">Request the dataset</a></div>
</div>
<div class="right_below">
<h3 class="project_h3">Our mission</h3>
<p>Creating and sharing high-quality, open-access datasets for infectious diseases. </p>
<p>These datasets serve a dual purpose—they effectively train machine learning algorithms and provide a valuable resource for education and training.</p>
<p>Join us in bridging the gap between microscopy and AI, unlocking new possibilities for global healthcare. Together, we can make a difference!</p>
<div class="button_project"><a href="https://github.com/theaiscope/" target="_blank">Visit our Github</a></div>
</div>
</div>
</div>
<div class="images">
<img src="./img/drawing.png" alt="">
<img src="./img/microscope boom.png" alt="">
<img src="./img/AiScope microscope.jpg" alt="">
</div>
</div>
</div>
<div class="help" id="help">
<div class="content_inside">
<div class="h2-wraper"><h2 class="white">Collaborate</h2></div>
<div class="help_boxes">
<div class="help_box_left">
<div><h3>Programers needed</h3></div>
<p>Ready to make a difference? Join and volunteer on our remote coding team and help us fight malaria with Kotlin and Firebase!</p>
<a href="mailto:aiscope@aiscope.net"><div class="help_button">Beat Malaria now</div></a>
</div>
<div class="help_box_right">
<div><h3>Become a sponsor</h3></div>
<div><p>do you want to be part of modern history? Join the revolution by supporting this project.</p></div>
<a href="mailto:aiscope@aiscope.net"><div class="help_button">Become a legend</div></a>
</div>
</div>
</div>
</div>
<div id="team"></div>
<div class="team">
<div class="content_inside">
<div class="h2-wraper"><h2>Team</h2></div>
<div class="text_team">
<p class="team_p">Thanks to our incredible collaborators, whose unwavering dedication has played an indispensable role in AiScope's mission and growth.</p>
<p class="team_p">it's impossible to show every contributor and keep it updated on the web, but here you can have an indea of some of the kind people who helped to make AiScope what it is today:</p>
</div>
<div class="cards">
<div class="person-card">
<img src="./img/people/WEB_Edu.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Eduardo Peire</strong></p>
<p class="role">Co-Founder</p>
</div>
<div class="text bottom">
<p class="background">Industrial engineer / AI Specialist</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Laura.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Laura Moro</strong></p>
<p class="role">Co-Founder</p>
</div>
<div class="text bottom">
<p class="background">Bitechnologist / Ph.D. in Medicine</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Rocio.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Rocío López</strong></p>
<p class="role">Product manager</p>
</div>
<div class="text bottom">
<p class="background">Telecommunications engineer</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Anndy.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Andy M. Sinyolo </strong></p>
<p class="role"> </p>
</div>
<div class="text bottom">
<p class="background">Molecular Biologist / MSc. Tropical Infectious Diseases</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Samara.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Samara Khoudari</strong></p>
<p class="role">Lead designer</p>
</div>
<div class="text bottom">
<p class="background">Graphic Designer -- UI Specialist</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Joris.jpeg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Joris Borsboom</strong></p>
<p class="role">Senior Developer</p>
</div>
<div class="text bottom">
<p class="background">Computer Scientist</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Kunal.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Kunal Rachhoya </strong></p>
<p class="role">Software Developer</p>
</div>
<div class="text bottom">
<p class="background">Software Engineer</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Alina.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Alina Vasilcan</strong></p>
<p class="role">Project manager</p>
</div>
<div class="text bottom">
<p class="background">Business Analyst</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Eddi.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Eduard-Cristian Boloș</strong></p>
<p class="role"> </p>
</div>
<div class="text bottom">
<p class="background">Senior Android Developer</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Mira.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Mira Suleimenova</strong></p>
<p class="role">Privacy advisor</p>
</div>
<div class="text bottom">
<p class="background">International Lawyer</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Amy.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Amelia Young</strong></p>
<p class="role"> </p>
</div>
<div class="text bottom">
<p class="background">Neuroscientist</p>
</div>
</div>
</div>
<div class="person-card">
<img src="./img/people/WEB_Ramon.jpg" alt="">
<div class="img-info">
<div class="text top">
<p class="name"><strong>Ramon Perez Tanoira</strong></p>
<p class="role">Malaria expert</p>
</div>
<div class="text bottom">
<p class="background">Microbiologist / Ph.D. in clinical microbiology</p>
</div>
</div>
</div>
</div>
<div class="h2-wraper"><h2>Companies</h2></div>
<div class="companies">
<img src="./img/companies/Path.png" alt="">
<img src="./img/companies/Zambia.png" alt="">
<img src="./img/companies/Isciii.svg" alt="">
<img src="./img/companies/Oppo.png" alt="">
<img src="./img/companies/Thoughtworks.png" alt="">
<img src="./img/companies/Bitrise.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer">
<div>aiscope@aiscope.net</div>
<div><a href="./privacy-policy.html" target="_blank">Privacy policy</a></div>
</div>
</div>
</body>
</html>