-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTeamVITVellorePublicEngagement.html
1410 lines (1236 loc) · 62.3 KB
/
TeamVITVellorePublicEngagement.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
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
{{VIT_Vellore}}
{{VIT_Vellore/CSS}}
{{VIT_Vellore/JS}}
{{VIT_Vellore/JSold}}
{{VIT_Vellore/Popper}}
{{VIT_Vellore/JS2}}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='shortcut icon' href='https://2019.igem.org/wiki/images/9/9d/T--VIT_Vellore--Projectlogo.png' type='image/x-icon'>
<link rel='icon' href='https://2019.igem.org/wiki/images/9/9d/T--VIT_Vellore--Projectlogo.png' type='image/x-icon'>
<link href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Amiri&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cardo&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Serif&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crimson+Pro&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand|Raleway&display=swap" rel="stylesheet">
<title>Team VIT Vellore/Description</title>
<style>
::selection{background-color: maroon; color: white;}
#bodyContent { background: transparent;}
#content { background: transparent;}
#globalWrapper {
padding-bottom: 0px;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 100;
top: 0;
left: 0;
background-color: #2b2b2b;
overflow-x: hidden;
transition: 0.5s;
box-shadow: 8px 0 10px -6px black;
}
.sidenav a {
padding: 2px 8px 2px 22px;
text-decoration: none;
font-size: 25px;
color: white;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: #f1f1f1;
}
.dropdown-menu {
border-radius: 0;
}
li.dropdown .dropdown-menu {
padding: 0;
margin: 0;
}
li.dropdown .dropdown-menu .dropdown-item {
color: #566573;
font-size: 11px;
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
transition: 0.25s;
text-decoration: none;
}
li.dropdown .dropdown-menu .dropdown-item:hover {
color: rgb(3,251,32);
padding-left: 28px;
}
.nav1_sidebar .dropdown-item, .nav2_sidebar .dropdown-item, .nav3_sidebar .dropdown-item, .nav4_sidebar .dropdown-item, .nav5_sidebar .dropdown-item, .nav6_sidebar .dropdown-item {
color: white;
padding-top: 0;
padding-bottom: 0;
transition: 0.25s;
margin-left: 3px;
text-decoration: none;
background: transparent;
}
.nav1_sidebar .dropdown-item:hover, .nav2_sidebar .dropdown-item:hover, .nav3_sidebar .dropdown-item:hover, .nav4_sidebar .dropdown-item:hover, .nav5_sidebar .dropdown-item:hover, .nav6_sidebar .dropdown-item:hover {
color: rgb(3,251,32);
margin-left: 28px;
background: transparent;
}
.mainbtn {
display: none;
background: transparent;
border: none;
font-size: 28px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
color: black;
}
.mainbtn1 {
font-size: 14px;
font-weight: bold;
border-radius: 0;
border: 2px solid silver;
transition: 0.25s;
background: transparent;
margin-top: 20px;
margin-bottom: 20px;
color: silver;
}
.mainbtn1:hover {
border: 2px solid crimson;
background-color: crimson;
color: white;
}
.main2 {
margin-left: 70px;
margin-top: 30px;
}
.main3 {
margin-top: 23vh;
position: relative;
}
.main4 {
background: rgba(210, 217, 221, 0.95);
top: 55px;
margin-left: -50px;
}
.main5e p{
font-family: 'Quicksand', sans-serif;
font-size: 15px;
}
.main5e h2{
font-family: 'Quicksand', sans-serif;
}
.main5f h3 {
font-weight: bold;
font-size: 32px;
font-family: 'Raleway', sans-serif;
}
.main5f {font-family: 'Raleway', sans-serif;}
.main5f p{
font-size: 17px;
}
.overlay {
width: 100%;
position: relative;
top: 90px;
margin-top: 0px;
padding-top: 0;
z-index: 40;
background-color: #383838;
transition: 1.5s;
}
.overlay-content {
position: relative;
top: 25%;
width: 100%;
text-align: center;
margin-top: 30px;
}
.overlay a:focus {
color: black;
}
.fade {
margin: 0;
padding: 0;
transition: 1s;
-webkit-animation-name: fade;
-webkit-animation-duration: 5.5s;
animation-name: fade;
animation-duration: 5.5s;
}
.mainbtn div {
width: 25px;
height: 3px;
background-color: white;
color: white;
margin: 6px 0;
}
#logo1 {transition: 0.5s;}
.main5c:nth-child(odd) h2{text-align: right;}
.main5c:nth-child(odd) .main5d{text-align: right;}
.main5c{padding: 0; margin: 40px 0 40px 0; background-color: #107896; color: white;}
.main5c hr{color: white; background-color: white;}
.main5 img{background: black; border-radius: 0; height: 375px; width: 100%; border: 8px solid white; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.3); z-index: 70;}
.main3a {text-align: right; font-family: 'Raleway', sans-serif;}
.main5a{text-align: center;}
.main5b{position: relative; width: 100%; height: 84vh; margin: 0; padding: 0; background: linear-gradient(rgba(255,255,255,0.82),rgba(255,255,255,0.82)), url(https://2019.igem.org/wiki/images/f/f6/T--VIT_Vellore--hh.png); top: 0; background-repeat: repeat; background-position: center; cursor: pointer; transition: 0.5s; background-attachment: fixed;}
.main5b:hover {background: linear-gradient(rgba(255,255,255,0.82),rgba(255,255,255,0.82)), url(https://2019.igem.org/wiki/images/f/f6/T--VIT_Vellore--hh.png); background-repeat: repeat; background-position: right; background-attachment: fixed;}
.main5b:hover #logo1 {color: rgb(0,210,51); text-shadow: white 3px 2px 0;}
.mainhead1 {font-weight: bold; color: white; font-size: 70px; padding-right: 30px; padding-top: 65px;}
.mainimg{width:100%; margin: 0; padding: 0; transition: 1s;height: 380px; background-color: black;}
.mainimg1{width: 120px; height: 90px; padding: 10px 0 10px 0;}
.mainimg2{display: none;}
.mainimg4{width: 70px; height: auto; padding: 0 0 10px 0;}
.mainpara{color: white; font-weight: bold; font-size: 14px; padding-right: 30px;}
.mainpara1{color: white; font-weight: bold; padding-right: 30px; font-size: 14px;}
@-webkit-keyframes fade {
from {opacity: .8}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .8}
to {opacity: 1}
}
@media screen and (max-height: 991px) {
.sidenav a {font-size: 18px;}
}
@media screen and (max-width: 1200px) {
.mainhead1 {font-size: 62px;}
}
@media screen and (max-width: 1024px) {
.mainimg {height: 320px;}
}
@media screen and (max-width: 991px) {
.mainbtn {display: block;}
.mainimg3{display: none;}
.mainimg2{display: block; position: absolute; left: 210px; padding-bottom: 13px;}
.main3 {margin-top: 100px;}
.main3a{text-align: left;}
.mainimg{height: 285px;}
.main5c{margin: 0;}
}
@media screen and (max-width: 992px) {
.main2 {margin-top: 8px;margin-left: 30px;}
.mainhead1 {padding-top: 24px; font-size: 58px;}
.main4 {top: 0;margin-left: 0;}
.mainbtn1{margin-top: 2px;}
.item-header {left: 14px;}
.main5c:nth-child(odd) h2{text-align: left;}
.main5c:nth-child(odd) .main5d{text-align: left;}
.overlay{top: 60px;}
}
@media screen and (max-width: 425px) {
.mainhead1 {font-size: 50px;}
.main3 {margin-top: 120px;}
.mainimg{height: 283px;}
.mainimg2{left: 180px;}
.mainimg4{width: 70px;}
.mainpara, .mainpara1 {font-size: 10px;}
.mainbtn1 {font-size: 10px;}
}
@media screen and (max-width: 320px) {
.mainimg2{left: 103px;}
.mainimg4{width: 70px;}
.mainimg1{width: 80px;}
}
#logo {
font-family: 'Raleway', sans-serif;
color: black;
text-decoration: none;
text-transform: uppercase;
font-size: 5.4vw;
font-weight: bold;
letter-spacing: -3px;
line-height: 1;
text-shadow: #CCCCCC 3px 2px 0;
position: relative;
transition: 0.5s;
}
.focus-in-contract {
-webkit-animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
}
@-webkit-keyframes focus-in-contract {
0% {
letter-spacing: 1em;
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
@keyframes focus-in-contract {
0% {
letter-spacing: 1em;
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}
100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
.bounce-in-left {
-webkit-animation: bounce-in-left 1.1s 1s both;
animation: bounce-in-left 1.1s 1s both;
}
@-webkit-keyframes bounce-in-left {
0% {
-webkit-transform: translateX(-600px);
transform: translateX(-600px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateX(-68px);
transform: translateX(-68px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateX(-28px);
transform: translateX(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-left {
0% {
-webkit-transform: translateX(-600px);
transform: translateX(-600px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateX(-68px);
transform: translateX(-68px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateX(-28px);
transform: translateX(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.slideshow-container {
position: relative;
margin: auto;
text-align: center;
}
.slideshow-container img {
height: 50vh; width: auto;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
.prev {left: 0;border-radius: 3px 0 0 3px;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
.dot, .dot1, .dot2, .dot3, .dot4, .dot5, .dot6 {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {background-color: #717171;}
.active, .dot1:hover {background-color: #717171;}
.active, .dot2:hover {background-color: #717171;}
.active, .dot3:hover {background-color: #717171;}
.active, .dot4:hover {background-color: #717171;}
.active, .dot5:hover {background-color: #717171;}
.active, .dot6:hover {background-color: #717171;}
.fade1 {-webkit-animation-name: fade2; -webkit-animation-duration: 1.5s; animation-name: fade2; animation-duration: 1.5s;}
@-webkit-keyframes fade2 {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade2 {
from {opacity: .4}
to {opacity: 1}
}
@media only screen and (max-width: 768px) {
.slideshow-container img{height: 33vh;}
}
@media only screen and (max-width: 300px) {
.prev, .next {font-size: 11px}
}
</style>
</head>
<body style="font-size:80%">
<div class="container row" style="width: 100%;">
<nav class="navbar navbar-expand-lg " style="position: fixed; top: 0; padding-top: 20px; transition: 0.3s; width: 100%; z-index: 70; padding-bottom: 0px; background: #2b2b2b; box-shadow: 0px 5px 10px #888888;">
<a class="navbar-brand" href="https://2019.igem.org/Team:VIT_Vellore" style=" text-decoration: none;"><img src="https://2019.igem.org/wiki/images/d/da/T--VIT_Vellore--Projectlogo1.png" class="mainimg4 img-fluid" /></a>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown" style=" padding-right: 30px;">
<ul class="navbar-nav" style="font-family: 'Quicksand', sans-serif; margin-top: -20px; position: relative;">
<li class="nav-item dropdown nav1">
<a class="nav-link navh1 px-4" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" color: white; padding-bottom: 9px; padding-top: 39px; transition: 0.25s; text-decoration: none; font-size: 15px; letter-spacing: 1.3px; text-align: center; font-weight: bold;">Project</a>
<div class="dropdown-menu d1" aria-labelledby="navbarDropdownMenuLink" style="font-size: 13px;">
<a class="dropdown-item" style="padding-top: 10px;" href="https://2019.igem.org/Team:VIT_Vellore/Description">Description</a>
<a class="dropdown-item" href="https://2019.igem.org/Team:VIT_Vellore/Parts">Parts</a>
<a class="dropdown-item" href="https://2019.igem.org/Team:VIT_Vellore/Design">Design</a>
<a class="dropdown-item" href="https://2019.igem.org/Team:VIT_Vellore/Model">Model</a>
<a class="dropdown-item" href="https://2019.igem.org/Team:VIT_Vellore/Experiments">Experiments</a>
<a class="dropdown-item pb-2" href="https://2019.igem.org/Team:VIT_Vellore/Results">Results</a>
</div>
</li>
<li class="nav-item dropdown nav2">
<a class="nav-link navh2 px-4" href="https://2019.igem.org/Team:VIT_Vellore/Safety" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" color: white; padding-bottom: 9px; padding-top: 39px; transition: 0.25s; text-decoration: none; font-size: 15px; letter-spacing: 1.3px; font-weight: bold;">Safety</a>
</li>
<li class="nav-item dropdown nav4">
<a class="nav-link navh4 px-4" href="https://2019.igem.org/Team:VIT_Vellore/Notebook" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" color: white; padding-bottom: 9px; padding-top: 39px; transition: 0.25s; text-decoration: none; font-size: 15px; letter-spacing: 1.3px; font-weight: bold;">Notebook</a>
</li>
<li class="nav-item dropdown nav3">
<a class="nav-link navh3 px-4" href="https://2019.igem.org/Team:VIT_Vellore/Characterization" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" color: white; padding-bottom: 9px; padding-top: 39px; transition: 0.25s; text-decoration: none; font-size: 15px; letter-spacing: 1.3px; font-weight: bold;">Characterization</a>
</li>
<li class="nav-item dropdown nav5">
<a class="nav-link navh5 px-4" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style= " color: white; padding-bottom: 9px; padding-top: 39px; transition: 0.25s; text-decoration: none; font-size: 15px; letter-spacing: 1.3px; font-weight: bold;">Human Practices</a>
<div class="dropdown-menu d5" aria-labelledby="navbarDropdownMenuLink" style="font-size: 13px;">
<a class="dropdown-item" href="https://2019.igem.org/Team:VIT_Vellore/Human_Practices">Overview</a>
<a class="dropdown-item" style="padding-top: 10px;" href="https://2019.igem.org/Team:VIT_Vellore/Collaborations">Collaborations</a>
<a class="dropdown-item" href="https://2019.igem.org/Team:VIT_Vellore/IHP">Integrated Human<br>Practices</a>
<a class="dropdown-item pb-2" href="https://2019.igem.org/Team:VIT_Vellore/Public_Engagement">Public Engagement<br>and Outreach</a>
</div>
</li>
<li class="nav-item dropdown nav6">
<a class="nav-link navh6 px-4" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" color: white; padding-bottom: 9px; padding-top: 39px; transition: 0.25s; text-decoration: none; font-size: 15px; letter-spacing: 1.3px; font-weight: bold;">Team</a>
<div class="dropdown-menu dropdown-menu-right d6" aria-labelledby="navbarDropdownMenuLink" style="font-size: 13px;">
<a class="dropdown-item" style="padding-top: 10px;" href="https://2019.igem.org/Team:VIT_Vellore/Members">Members</a>
<a class="dropdown-item pb-2" href="https://2019.igem.org/Team:VIT_Vellore/Attributions">Attributions</a>
</div>
</li>
<li class="nav-item dropdown nav7">
<a class="nav-link navh7 px-4" href="https://2019.igem.org/Team:VIT_Vellore/Awards" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=" color: white; padding-bottom: 9px; padding-top: 39px; transition: 0.25s; text-decoration: none; font-size: 15px; letter-spacing: 1.3px; font-weight: bold;">Awards</a>
</li>
</ul>
</div>
<button class="mainbtn" onclick="opennav()" style="color: black;">
<div></div>
<div></div>
<div></div></button>
</nav>
</div>
<div id="mySidenav" class="sidenav" style="font-family: 'Raleway', sans-serif;">
<div style="background-color: #2b2b2b;">
<br>
<a class="navbar-brand" href="https://2019.igem.org/Team:VIT_Vellore" style="padding-top: 40px; padding-bottom: 20px; background-color: #2b2b2b; margin: 0;
font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 48px; text-decoration: none;"><img src="https://2019.igem.org/wiki/images/7/7b/T--VIT_Vellore--logo.png" style="background-color: #2b2b2b; width: 190px; height: 75px; padding: 0 0 10px 0;" /></a>
<br>
</div>
<hr style="color: white; background-color: white; padding: 0; margin-top: 0;">
<a href="javascript:void(0)" class="closebtn" onclick="closenav()" style="font-size: 12px; text-align: center; font-weight: bold; color: white; padding: 0;">CLOSE</a>
<hr style="color: white; background-color: white; padding: 0;">
<br>
<ul class="navbar-nav">
<li class="nav-item dropdown nav1_sidebar" style="z-index: 5;">
<a class="nav-link navh1_sidebar" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 4px; color: white; padding-bottom: 6px; transition: 0.25s; text-decoration: none; ">Project <span style="font-size: 10px;">▼</span></a>
<div class="d1_sidebar" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Description">Description</a>
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Parts">Parts</a>
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Design">Design</a>
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Model">Model</a>
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Experiments">Experiments</a>
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Results">Results</a>
</div>
</li><br>
<li class="nav-item dropdown nav2_sidebar" style="z-index: 5;">
<a class="nav-link navh2_sidebar" href="https://2019.igem.org/Team:VIT_Vellore/Safety" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 4px; color: white; padding-bottom: 6px; transition: 0.25s; text-decoration: none;">Safety</a>
</li><br>
<li class="nav-item dropdown nav3_sidebar" style="z-index: 5;">
<a class="nav-link navh3_sidebar" href="https://2019.igem.org/Team:VIT_Vellore/Notebook" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 4px; color: white; padding-bottom: 6px; transition: 0.25s; text-decoration: none;">Notebook</a>
</li><br>
<li class="nav-item dropdown nav4_sidebar" style="z-index: 5;">
<a class="nav-link navh4_sidebar" href="https://2019.igem.org/Team:VIT_Vellore/Characterization" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 4px; color: white; padding-bottom: 6px; transition: 0.25s; text-decoration: none;">Characterization</a>
</li><br>
<li class="nav-item dropdown nav5_sidebar" style="z-index: 5;">
<a class="nav-link navh5_sidebar" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 4px; color: white; padding-bottom: 6px; transition: 0.25s; text-decoration: none;">Human Practices <span style="font-size: 10px;">▼</span></a>
<div class="d5_sidebar" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Human_Practices">Overview</a>
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Collaborations">Collaborations</a>
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/IHP">IHP</a>
<a class="dropdown-item" style="padding-bottom: 10px; font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Public_Engagement">Public Engagement</a></div>
</li><br>
<li class="nav-item dropdown nav6_sidebar" style="z-index: 5;">
<a class="nav-link navh6_sidebar" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 4px; color: white; padding-bottom: 6px; transition: 0.25s; text-decoration: none;">Team <span style="font-size: 10px;">▼</span></a>
<div class="d6_sidebar" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Members">Members</a>
<a class="dropdown-item" style="font-size: 13px;" href="https://2019.igem.org/Team:VIT_Vellore/Attributions">Attributions</a>
</div>
</li><br>
<li class="nav-item dropdown nav7_sidebar" style="z-index: 5;">
<a class="nav-link navh7_sidebar" href="https://2019.igem.org/Team:VIT_Vellore/Awards" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 4px; color: white; padding-bottom: 6px; transition: 0.25s; text-decoration: none;">Awards</a>
</li><br>
<br>
</ul>
</div>
<div id="myNav" class="overlay">
<div class="container-fluid main5b" onclick="smoothScroll(document.getElementById('para1'))">
<div class="main5a focus-in-contract" style="padding-top: 40vh; z-index: 30;">
<a id="logo" style="letter-spacing: 4px;">PUBLIC <span id="logo1">ENGAGEMENT</span></a>
</div>
</div>
<div class="container-fluid main5e" style="margin:0; padding: 0; background: #383838; color: white;">
<div id="para1" class="container-fluid" style="padding: 70px 0 70px 0; text-align: center; background: #2b2b2b;">
<h2 class="display-4" style="font-weight: bold; padding: 70px 0 70px 0; font-size: 22px;">Our outreach and <span style="color: rgb(0,210,51);">public engagement measures</span></h2>
</div>
<div class="container p-3" style="width: 92%;">
<h2 style="text-align: left; font-weight: bold; padding-top: 50px;">Workshop at Ambassador School, Dubai</h2>
<hr style="color: white; background-color: white;">
<p style="font-size: 12px; font-weight: bold; font-style: italic;">Introducing students to the world of synthetic biology</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">As a part of our outreach program, we visited Ambassador School in Dubai and gave a short talk, and conducted a workshop on synthetic biology for middle and high school students. For the middle schoolers we started from the very basic by having a small presentation on the recent advances in biotechnology and genetic engineering, and conducted a few lab activities such as isolation of DNA from fruits & vegetable, observation of specimens under the microscope, in order to engage the students & ignite a curiosity about biology in them. Along with the lab experiments we also conducted a fun experiment/game to teach how diseases spread using the kits received from EduBioSkills. For the high schoolers we had more advanced level experiments which included isolation of bacteria from soil samples, preparation of media and streaking. Instead of using conventional media we decided to add a little more excitement by making the media with regular fruit juices. This was followed by a session on plating and streaking. We also showed them the procedure of counter staining & made them visualize the bacteria under a microscope. The students were taught about the codon chart and then were engaged in a fun activity which involved identifying the codons in given sequences. Finally, we had a short Q&A session. The students were extremely inquisitive & we had a great discussion with their questions.
</p>
</div><br>
<div class="container p-3" style="width: 92%;">
<div class="slideshow-container">
<div class="mySlides fade1">
<img src="https://2019.igem.org/wiki/images/a/a0/T--VIT_Vellore--AmbassadorImg2.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides fade1">
<img src="https://2019.igem.org/wiki/images/5/5a/T--VIT_Vellore--AmbassadorImg3.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides fade1">
<img src="https://2019.igem.org/wiki/images/e/e9/T--VIT_Vellore--AmbassadorImg4.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides fade1">
<img src="https://2019.igem.org/wiki/images/1/1b/T--VIT_Vellore--AmbassadorImg5.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides fade1">
<img src="https://2019.igem.org/wiki/images/c/ca/T--VIT_Vellore--AmbassadorImg6.jpg" style="width: 70%; height: auto;">
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
</div>
</div>
<div class="container p-3" style="width: 92%;">
<h2 style="text-align: left; font-weight: bold;">Workshop at Vani Vidyalaya School, Vellore</h2>
<hr style="color: white; background-color: white;">
<p style="font-size: 12px; font-weight: bold; font-style: italic;">Giving back to our own community</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">We visited Vani Vidyalaya School in Vellore, Tamil Nadu as a part of our outreach program. We started off with holding a short seminar for the 11th & 12th graders, giving them a crash course on genetic engineering & followed it up by educating them about a few recent miraculous discoveries in biotechnology. We asked them to fill out a small questionnaire about their knowledge of bacteria and antibiotic resistance, then proceeded to educate them about AMR & how it spreads. We then showed them some prepared slides for Gram staining, followed by a demo for the same with bacteria isolated from their own school’s soil with the help of kits we received from EduBioSkills. We also explained to them the principle behind Gram staining. The students were very inquisitive & the Q&A session that followed led to a great discussion.
</p>
</div><br>
<div class="container p-3" style="width: 92%;">
<div class="slideshow-container">
<div class="mySlides3 fade1">
<img src="https://2019.igem.org/wiki/images/6/6d/T--VIT_Vellore--VVImg1.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides3 fade1">
<img src="https://2019.igem.org/wiki/images/b/b8/T--VIT_Vellore--VVImg2.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides3 fade1">
<img src="https://2019.igem.org/wiki/images/3/32/T--VIT_Vellore--VVImg3.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides3 fade1">
<img src="https://2019.igem.org/wiki/images/8/80/T--VIT_Vellore--VVImg4.jpg" style="width: 70%; height: auto;">
</div>
<a class="prev" onclick="plusSlides3(-1)">❮</a>
<a class="next" onclick="plusSlides3(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot3" onclick="currentSlide3(1)"></span>
<span class="dot3" onclick="currentSlide3(2)"></span>
<span class="dot3" onclick="currentSlide3(3)"></span>
<span class="dot3" onclick="currentSlide3(4)"></span>
</div>
</div>
<div class="container p-3" style="width: 92%;">
<h2 style="text-align: left; font-weight: bold;">Symposium - Phaging out Antibiotics</h2>
<hr style="color: white; background-color: white;">
<p style="font-size: 12px; font-weight: bold; font-style: italic;">A conference on Antibiotic Resistance and Phage Therapy</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">We conducted a symposium in our college in collaboration with SABEST (Students’ Association of Bio-Engineering, Science & Technology), a club related to biotechnology. We invited multiple experts at the symposium to talk about the prevalent problem of Antibiotic Resistance, its causes & environmental impacts as well as avenues like Phage Therapy which offers a new & efficient curative approach to tackle it. The audience included students from the biotechnology as well as non-biotechnology background, professors, research scholars and many other curious attendees.</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">Mr. Pranav Johri & Mrs. Apurva Johri from Vitalis Phage Therapy spoke about Phage Therapy. Mr. Johri walked us through his experience of suffering from an antibiotic resistant infection & how treatment with Phage Therapy helped him recover. They gave us insights into the pros and cons of phage therapy. They told us about their organization, Vitalis Phage Therapy and how it makes phage therapy easier for common people in India. The curious freshers were very enthusiastic and overwhelmed the speakers with questions regarding phage therapy, which they were enthusiastically willing to answer.</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">Dr. Abi Manesh, an expert in infectious diseases at Christian Medical College (CMC), Vellore spoke about his experience in AMR research. He gave us an insight into the different approaches undertaken by the pharmaceutical industry to tackle AMR, such as bringing old generation antibiotics back into use.</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">Dr. Priscilla Rupali, HoD of infectious diseases at CMC explained about issues faced by doctors while diagnosing infections & prescribing medicines and also gave us an insight to tackle AMR in Indian context.</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">Dr. Sujith Chandy, professor of clinical pharmacology at CMC gave us an insight on how doctors deal with AMR in hospitals, implement Antibiotic Stewardship & made us aware of the menace of the problem.</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">Dr. Ponnari Gottipati, co-lead & program facilitator of Superheroes Against Superbugs told us about her organization’s efforts to raise awareness about AMR by engaging with school students and getting the students to make short comics about the causes and effects of antibiotic resistance.</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">Lastly, we also presented our project to an audience of professors, research scholars & undergraduate students. Towards the end of the symposium, was an interactive Q&A session where undergraduate and overgraduate students as well as research scholars asked a few doubts and questions to the speakers about the mechanism of antibiotic resistance, the policies implemented and about immune response to conventional phage therapies. The symposium provided a good platform for researchers-academia interaction.</p>
</div><br>
<div class="container p-3" style="width: 92%;">
<div class="slideshow-container">
<div class="mySlides2 fade1">
<img src="https://2019.igem.org/wiki/images/4/42/T--VIT_Vellore--SymposiumImg7.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides2 fade1">
<img src="https://2019.igem.org/wiki/images/e/e6/T--VIT_Vellore--SymposiumImg1.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides2 fade1">
<img src="https://2019.igem.org/wiki/images/7/76/T--VIT_Vellore--SymposiumImg2.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides2 fade1">
<img src="https://2019.igem.org/wiki/images/6/63/T--VIT_Vellore--SymposiumImg3.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides2 fade1">
<img src="https://2019.igem.org/wiki/images/7/7b/T--VIT_Vellore--SymposiumImg4.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides2 fade1">
<img src="https://2019.igem.org/wiki/images/e/e6/T--VIT_Vellore--SymposiumImg5.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides2 fade1">
<img src="https://2019.igem.org/wiki/images/2/26/T--VIT_Vellore--SymposiumImg6.jpg" style="width: 70%; height: auto;">
</div>
<a class="prev" onclick="plusSlides2(-1)">❮</a>
<a class="next" onclick="plusSlides2(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot2" onclick="currentSlide2(1)"></span>
<span class="dot2" onclick="currentSlide2(2)"></span>
<span class="dot2" onclick="currentSlide2(3)"></span>
<span class="dot2" onclick="currentSlide2(4)"></span>
<span class="dot2" onclick="currentSlide2(5)"></span>
<span class="dot2" onclick="currentSlide2(6)"></span>
<span class="dot2" onclick="currentSlide2(7)"></span>
</div>
</div>
<div class="container p-3" style="width: 92%;">
<h2 style="text-align: left; font-weight: bold;">Distribution of paper bags for pharmacies</h2>
<hr style="color: white; background-color: white;">
<p style="font-size: 12px; font-weight: bold; font-style: italic;">Raising awareness at the grassroots level
</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">Some of our team members participated in the environmental initiative held at Ambassador School, Dubai. We helped the students of their primary school in making paper bags out of waste paper in order to promote eco-friendly products. We collected around 50-70 bags and brought them with us. On these paper bags we stuck a dosage chart on one side, to help patients keep track of their medication, and a comic made by Superheroes Against Superbugs on the other side which helps in explaining the consequences of antibiotic resistance. These bags were distributed to local pharmacies in order to spread awareness of antibiotic resistance as well as to stress the importance of following the given dosage.</p>
</div><br>
<div class="container p-3" style="width: 92%;">
<div class="slideshow-container">
<div class="mySlides1 fade1">
<img src="https://2019.igem.org/wiki/images/3/3e/T--VIT_Vellore--BagsImg3.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides1 fade1">
<img src="https://2019.igem.org/wiki/images/6/64/T--VIT_Vellore--BagsImg2.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides1 fade1">
<img src="https://2019.igem.org/wiki/images/3/3b/T--VIT_Vellore--BagsImg4.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides1 fade1">
<img src="https://2019.igem.org/wiki/images/d/d7/T--VIT_Vellore--BagsImg1.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides1 fade1">
<img src="https://2019.igem.org/wiki/images/0/0c/T--VIT_Vellore--pb1.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides1 fade1">
<img src="https://2019.igem.org/wiki/images/7/76/T--VIT_Vellore--pb2.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides1 fade1">
<img src="https://2019.igem.org/wiki/images/3/35/T--VIT_Vellore--pb3.png" style="width: 70%; height: auto;">
</div>
<a class="prev" onclick="plusSlides1(-1)">❮</a>
<a class="next" onclick="plusSlides1(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot1" onclick="currentSlide1(1)"></span>
<span class="dot1" onclick="currentSlide1(2)"></span>
<span class="dot1" onclick="currentSlide1(3)"></span>
<span class="dot1" onclick="currentSlide1(4)"></span>
<span class="dot1" onclick="currentSlide1(5)"></span>
<span class="dot1" onclick="currentSlide1(6)"></span>
<span class="dot1" onclick="currentSlide1(7)"></span>
</div>
</div>
<div class="container p-3" style="width: 92%;">
<h2 style="text-align: left; font-weight: bold;">Antimicrobial Stewardship</h2>
<hr style="color: white; background-color: white;">
<p style="margin: auto; text-align: justify; margin-top: 20px;">‘Antibiotic Stewardship’ was a term that we had not come across until we met with Dr Abdul Ghafur. During our meeting he mentioned that each and every hospital should follow certain guidelines to effectively regulate the use of antibiotics in the hospital. These guidelines are known as ‘Antibiotic Stewardship’, and aim to increase the frequency of correct prescription of antibiotics specific for an infection and prevent excessive usage of antibiotics. Ideally, the doses for a patient who has been prescribed antibiotics for an infection should be constantly monitored and altered according to their responses to treatment.After our discussions with Dr Ghafur, we realized how significant antibiotic stewardship could be a driving force to control antibiotic resistance. We felt there was a need to educate and raise awareness to pharmacies to stop the sale of antibiotics without proper prescription. </p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">In India and many parts of the world, antibiotic stewardship guidelines are overlooked due to lack of awareness and lack of resources. We decided to come up with an easy to use solution to promote antibiotic stewardship. Our team member Abhinav designed an application to make it easier for doctors to follow antibiotic stewardship guidelines.</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">The application serves two functions</p>
<p style="margin: auto; text-align: justify;">(i) Monitor the symptom history of a patient and to provide a list of possible causative pathogens responsible for infection and</p>
<p style="margin: auto; text-align: justify;">(ii) provide recommended dosages for different types of antibiotics depending on the type of infection. Doctors first have to enter the basic details of the patient followed by their symptoms. Following that, they can select from a list of antibiotics to prescribe to the patient. Every antibiotic prescribed will automatically be updated on an existing database that can be accessed by an official in the clinic to ensure that doctors do not prescribe excess or insufficient antibiotics.This saves time for the clinic to manually register the antibiotics prescribed every time.This was a new approach to the antibiotic stewardship that we have tried to design and we also further gained feedback from doctors from the Chettinad Hospital,Vellore and made necessary changes to the software according to the doctors preference.</p>
</div>
<div class="container p-3" style="width: 92%;">
<div class="slideshow-container">
<div class="mySlides6 fade1">
<img src="https://2019.igem.org/wiki/images/6/63/T--VIT_Vellore--AntiMicro1.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides6 fade1">
<img src="https://2019.igem.org/wiki/images/e/e5/T--VIT_Vellore--AntiMicro2.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides6 fade1">
<img src="https://2019.igem.org/wiki/images/0/00/T--VIT_Vellore--AntiMicro3.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides6 fade1">
<img src="https://2019.igem.org/wiki/images/5/5e/T--VIT_Vellore--AntiMicro4.png" style="width: 70%; height: auto;">
</div>
<a class="prev" onclick="plusSlides6(-1)">❮</a>
<a class="next" onclick="plusSlides6(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot6" onclick="currentSlide6(1)"></span>
<span class="dot6" onclick="currentSlide6(2)"></span>
<span class="dot6" onclick="currentSlide6(3)"></span>
<span class="dot6" onclick="currentSlide6(4)"></span>
</div>
</div><br>
<div class="container p-3" style="width: 92%;">
<h2 style="text-align: left; font-weight: bold;">Antibiotic Resistance Awareness Survey</h2>
<hr style="color: white; background-color: white;">
<p style="font-size: 12px; font-weight: bold; font-style: italic;">Taking a peek into the general public’s mind
</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">
We conducted a survey to gauge the information about the awareness of antibiotic resistance among the people involved in scientific backgrounds like biotech students, and people involved in the healthcare sector like doctors, pharmacists and related fields. We designed the survey drawing inspiration from WHO's Public Awareness Survey on Antibiotic Resistance<sup>[1]</sup>. The survey aimed at gathering information on various aspects like the respondents’ association with the healthcare sector, the dose pattern of antibiotic consumption by the respondents, how and where from the respondents purchase antibiotics, how often do the respondents discontinue the dose prescribed by doctors and some other questions on similar tracks to gain an insight into the pattern of misuse of antibiotics, the reasons common in terms of misuse, and also to gain a basic understanding on the extent to which people are aware on what exactly is antibiotic resistance, its causes and effects. The survey also included some scale-based questions for respondents to rate their agreement on some of the improvements we think are needed to overcome the issue.
<br><br>
We found that about 1 in every 6 respondents felt it was okay to stop taking antibiotics when they started feeling well, and hence end up not completing their prescribed courses.
Further, about 1 in 3 thought that antibiotics can cure viral infections as well, confirming our initial thoughts, and showing that this is a common misconception among school children, as well as adults.
<br><br>
While only 25% had heard of AMR from a trusted source like doctors, more than 40% thought that AMR is only a problem for those who take antibiotics regularly. It showed that many of them don't have information about the other ways how AMr spreads, like effluent downflow from industries, antibiotics fed to poultry farms, etc.
Almost the same fraction felt it was okay to themselves take antibiotics prescribed to another family member if they too had exhibited the same symptoms, which shows that a substantial amount of people self diagnose themselves and take medicines without consulting Medical professionals.
<br><br>
This made us wonder about the knowledge of this issue among the common public, who are not in sync with the biology behind AMR. We went out to conduct verbal interviews with the citizens around our college, of various educational backgrounds and professions, to ask them the same questions in the survey.
We figured that only 1 in 10 had heard about the term AMR, but not even half of them could actually give a gist of what it actually means. 1 in 5 still saved antibiotics from the times they fell ill previously, and the same amount felt it was okay to stop using antibiotics once they started feeling better and didn’t find any utility in completing the course.
<br><br>
More worryingly, almost half the people didn't know if the medicines their doctor prescribed were antibiotics, or antibacterial or antifungal. It was all 'medicine' for them.
An underlying cause for this sort of behaviour on the patients’ end could be attributed to inaccessibility of knowledge about how these antibiotics actually work, and how resistance develops. Since this can lead to actual AMR development, it was imperative for us to go out and educate these people as to why they need to follow their doctors’ instructions properly. We also tackled grassroots education through medicinal paper bags(refer to Public Engagement).
</p>
</div>
<div class="container p-3" style="width: 92%;">
<div class="slideshow-container">
<div class="mySlides5 fade1">
<img src="https://2019.igem.org/wiki/images/6/6d/T--VIT_Vellore--survey1.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides5 fade1">
<img src="https://2019.igem.org/wiki/images/7/77/T--VIT_Vellore--survey2.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides5 fade1">
<img src="https://2019.igem.org/wiki/images/a/ae/T--VIT_Vellore--survey3.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides5 fade1">
<img src="https://2019.igem.org/wiki/images/f/f0/T--VIT_Vellore--survey4.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides5 fade1">
<img src="https://2019.igem.org/wiki/images/d/d7/T--VIT_Vellore--survey5.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides5 fade1">
<img src="https://2019.igem.org/wiki/images/4/48/T--VIT_Vellore--survey6.jpg" style="width: 70%; height: auto;">
</div>
<a class="prev" onclick="plusSlides5(-1)">❮</a>
<a class="next" onclick="plusSlides5(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot5" onclick="currentSlide5(1)"></span>
<span class="dot5" onclick="currentSlide5(2)"></span>
<span class="dot5" onclick="currentSlide5(3)"></span>
<span class="dot5" onclick="currentSlide5(4)"></span>
<span class="dot5" onclick="currentSlide5(5)"></span>
<span class="dot5" onclick="currentSlide5(6)"></span>
</div>
</div>
<div class="container p-3" style="width: 92%;">
<h2 style="text-align: left; font-weight: bold;">Superheroes Against Superbugs
</h2>
<hr style="color: white; background-color: white;">
<p style="font-size: 12px; font-weight: bold; font-style: italic;">Comics translated to regional Indian languages to increase reach among the masses</p>
<p style="margin: auto; text-align: justify; margin-top: 20px;">Superheroes Against Superbugs (SaS) is a public engagement project, started in 2018, that aims to raise public awareness and improve public understanding of antibiotic resistant-infections in India, and to build a society of smart antibiotic users. <br><br>
Based out of Hyderabad, India, they go to various schools and play interactive games and creative activities around various concepts related to microbes, infections, antibiotics and resistance aimed at improving scientific understanding of AMR for children. They also conduct interactive sessions between children and different stakeholders such as scientists, doctors, pharmacists and parents;development of skits, posters and comics by children to initiate and sustain a dialogue on AMR. <br><br>
The children are instructed to make ‘Grassroot Comics’ over 2-3 days after being taught the basic biology behind AMR, which they use to further engage with their peers, teachers, parents and communities. By its very nature, comics appeal to children and adults alike and make the audience more receptive to the message than a regular awareness campaign. We collaborated with them to translate some of their comics into regional Indian languages like Hindi and Tamil, aside from their default language, English, so that these comics are much more accessible among the people who are the least informed about AMR, but also affected the most.
</p>
</div><br>
<div class="container p-3" style="width: 92%;">
<div class="slideshow-container">
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/f/f4/T--VIT_Vellore--comict5.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/7/7c/T--VIT_Vellore--comict4.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/4/47/T--VIT_Vellore--comict3.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/1/1a/T--VIT_Vellore--comict2.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/b/b2/T--VIT_Vellore--comict1.jpg" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/a/a6/T--VIT_Vellore--cc1.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/8/80/T--VIT_Vellore--cc2.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/9/9c/T--VIT_Vellore--cc3.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/7/75/T--VIT_Vellore--cc4.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/f/fb/T--VIT_Vellore--cc5.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/3/3b/T--VIT_Vellore--cc6.png" style="width: 70%; height: auto;">
</div>
<div class="mySlides4 fade1">
<img src="https://2019.igem.org/wiki/images/7/76/T--VIT_Vellore--cc7.png" style="width: 70%; height: auto;">
</div>
<a class="prev" onclick="plusSlides4(-1)">❮</a>
<a class="next" onclick="plusSlides4(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot4" onclick="currentSlide4(1)"></span>
<span class="dot4" onclick="currentSlide4(2)"></span>
<span class="dot4" onclick="currentSlide4(3)"></span>
<span class="dot4" onclick="currentSlide4(4)"></span>
<span class="dot4" onclick="currentSlide4(5)"></span>
<span class="dot4" onclick="currentSlide4(6)"></span>
<span class="dot4" onclick="currentSlide4(7)"></span>
<span class="dot4" onclick="currentSlide4(8)"></span>
<span class="dot4" onclick="currentSlide4(9)"></span>
<span class="dot4" onclick="currentSlide4(10)"></span>
<span class="dot4" onclick="currentSlide4(11)"></span>
<span class="dot4" onclick="currentSlide4(12)"></span>