Line 2: | Line 2: | ||
<!--{{IGEM_TopBar}}{{AUC-EGYPT}} --> | <!--{{IGEM_TopBar}}{{AUC-EGYPT}} --> | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
<head> | <head> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
Line 29: | Line 26: | ||
background: #080727; | background: #080727; | ||
/* Center slide text vertically */ | /* Center slide text vertically */ | ||
− | + | ||
display: -webkit-box; | display: -webkit-box; | ||
display: -ms-flexbox; | display: -ms-flexbox; | ||
Line 142: | Line 139: | ||
} | } | ||
− | /* Fading animation | + | <!--/* Fading animation */ |
.fade { | .fade { | ||
-webkit-animation-name: fade; | -webkit-animation-name: fade; | ||
Line 148: | Line 145: | ||
animation-name: fade; | animation-name: fade; | ||
animation-duration: 6s; | animation-duration: 6s; | ||
− | } | + | }--> |
@-webkit-keyframes fade { | @-webkit-keyframes fade { | ||
− | from {opacity: .4} | + | from {opacity: .4} |
to {opacity: 1} | to {opacity: 1} | ||
} | } | ||
@keyframes fade { | @keyframes fade { | ||
− | from {opacity: .4} | + | from {opacity: .4} |
to {opacity: 1} | to {opacity: 1} | ||
− | } | + | } |
/* On smaller screens, decrease text size */ | /* On smaller screens, decrease text size */ | ||
Line 221: | Line 218: | ||
<img src="https://static.igem.org/mediawiki/2020/c/c1/T--AUC-EGYPT--GIF_13_s2.gif" style="width:65%"> | <img src="https://static.igem.org/mediawiki/2020/c/c1/T--AUC-EGYPT--GIF_13_s2.gif" style="width:65%"> | ||
</div> | </div> | ||
− | + | ||
</div> | </div> | ||
− | + | ||
</div> | </div> | ||
<!-- Add Pagination --> | <!-- Add Pagination --> | ||
Line 244: | Line 241: | ||
prevButton: '.swiper-button-prev', | prevButton: '.swiper-button-prev', | ||
spaceBetween: 30, | spaceBetween: 30, | ||
− | + | autoplay: 5000, | |
autoplayDisableOnInteraction: false | autoplayDisableOnInteraction: false | ||
}); | }); | ||
Line 273: | Line 270: | ||
slides[slideIndex-1].style.display = "block"; | slides[slideIndex-1].style.display = "block"; | ||
dots[slideIndex-1].className += " active"; | dots[slideIndex-1].className += " active"; | ||
− | + | setTimeout(showSlides, 5000); // Change image every 5 seconds | |
} | } | ||
</script> | </script> |
Revision as of 23:55, 25 October 2020