|
|
(72 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | {{AUC-EGYPT/Wiki_Stripdown}}{{AUC-EGYPT/stylesheet}}{{AUC-EGYPT/script}} | + | {{AUC-EGYPT/Wiki_Stripdown}}{{AUC-EGYPT/script}}{{AUC-EGYPT/navigationbar}}{{AUC-EGYPT/style.nav}} |
| <!--{{IGEM_TopBar}}{{AUC-EGYPT}} --> | | <!--{{IGEM_TopBar}}{{AUC-EGYPT}} --> |
| <html> | | <html> |
− |
| |
− | <nav class="navbar navbar-expand-lg pl-4 pt-3 pr-4 mb-5 container">
| |
− | <a class="navbar-brand" href="https://2020.igem.org/Team:AFCM-Egypt"><img src="https://static.igem.org/mediawiki/2020/5/55/T--AFCM-Egypt--LOGO-BEGIN.png" alt="logo" width="100px"/></a>
| |
− | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
| |
− | aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
| |
− | <span class="navbar-toggler-icon"></span>
| |
− | </button>
| |
− |
| |
− | <div class="collapse navbar-collapse" id="navbarSupportedContent">
| |
− | <ul class="navbar-nav ml-auto">
| |
− | <li class="nav-item active">
| |
− | <a class="nav-link" href="https://2020.igem.org/Team:AFCM-Egypt">Home <span class="sr-only">(current)</span></a>
| |
− | </li>
| |
− | <li class="nav-item dropdown">
| |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| |
− | Team
| |
− | </a>
| |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/team">Team members</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Attributions">Attributions</a>
| |
− | </div>
| |
− | </li>
| |
− | <li class="nav-item dropdown">
| |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| |
− | Project
| |
− | </a>
| |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Description">Description</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Engineering">Engineering</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Contribution">Contribution</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Implementation">Implementation</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Entrepreneurship">Entrepreneurship</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Model">Modeling</a>
| |
− | </div>
| |
− | </li>
| |
− | <li class="nav-item dropdown">
| |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| |
− | Parts
| |
− | </a>
| |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Parts">Basic Parts</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Parts">Composite Parts</a>
| |
− | </div>
| |
− | </li>
| |
− | <li class="nav-item">
| |
− | <a class="nav-link" href="https://2020.igem.org/Team:AFCM-Egypt/Software">Software</a>
| |
− | </li>
| |
− | <li class="nav-item dropdown">
| |
− | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| |
− | Human Practices
| |
− | </a>
| |
− | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Human_Practices">Human Practices</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Education">Education</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Collaborations">Collaboration</a>
| |
− | <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Partnership">Partnership</a>
| |
− | </div>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </nav>
| |
− |
| |
| <head> | | <head> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
Line 76: |
Line 14: |
| height: 100%; | | height: 100%; |
| } | | } |
| + | |
| html{ | | html{ |
| background-color: #080727; | | background-color: #080727; |
Line 88: |
Line 27: |
| 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 147: |
Line 86: |
| } | | } |
| } | | } |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
| | | |
| /*------------------*/ | | /*------------------*/ |
Line 201: |
Line 135: |
| } | | } |
| | | |
− | /* Fading animation */ | + | <!--/* Fading animation */ |
| .fade { | | .fade { |
| -webkit-animation-name: fade; | | -webkit-animation-name: fade; |
− | -webkit-animation-duration: 1.5s; | + | -webkit-animation-duration: 6s; |
| animation-name: fade; | | animation-name: fade; |
− | animation-duration: 1.5s; | + | 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} |
| } | | } |
Line 236: |
Line 170: |
| <div class="swiper-wrapper"> | | <div class="swiper-wrapper"> |
| <div id="slide_one" class="swiper-slide"> | | <div id="slide_one" class="swiper-slide"> |
− | <img src="https://static.igem.org/mediawiki/2020/a/a2/T--AUC-EGYPT--GIF_1.gif" style="width:65%">
| + | <img src="https://static.igem.org/mediawiki/2020/6/6a/T--AUC-EGYPT--Slide1.png" style="width:900px; height: 507px;"> |
− | </div>
| + | </div> |
− | | + | <div id="slide_two" class="swiper-slide"> |
| + | <video width="900" height="480" autoplay loop> |
| + | <source src="https://static.igem.org/mediawiki/2020/e/e2/T--AUC-EGYPT--Stage_1_VideoV2.mp4" type="video/mp4"> |
| + | </video> </div> |
| + | <div id="slide_one" class="swiper-slide"> |
| + | <img src="https://static.igem.org/mediawiki/2020/d/d3/T--AUC-EGYPT--sol.png" style="width:900px; height: 507px;"> |
| + | </div> |
| <div id="slide_two" class="swiper-slide"> | | <div id="slide_two" class="swiper-slide"> |
− | <img src="https://static.igem.org/mediawiki/2020/0/03/T--AUC-EGYPT--GIF_2.gif" style="width:65%"> | + | <video width="900" height="480" autoplay loop> |
| + | <source src="https://static.igem.org/mediawiki/2020/c/c8/T--AUC-EGYPT--Stage_2_Video.mp4" type="video/mp4"> |
| + | </video> |
| </div> | | </div> |
− | <div id="slide_three" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/a/af/T--AUC-EGYPT--GIF_3.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_four" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/b/b9/T--AUC-EGYPT--GIF_4.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_five" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/1/17/T--AUC-EGYPT--GIF_5.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_six" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/a/a9/T--AUC-EGYPT--GIF_6.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_seven" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/2/27/T--AUC-EGYPT--GIF_7_s2.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_seven" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/1/1e/T--AUC-EGYPT--GIF_8_s2.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_seven" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/5/52/T--AUC-EGYPT--GIF_9_s2.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_seven" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/5/5c/T--AUC-EGYPT--GIF_10_s2.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_seven" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/0/0c/T--AUC-EGYPT--GIF_11_s2.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_seven" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/7/70/T--AUC-EGYPT--GIF_12_s2.gif" style="width:65%">
| + | |
− | </div>
| + | |
− | <div id="slide_seven" class="swiper-slide">
| + | |
− | <img src="https://static.igem.org/mediawiki/2020/c/c1/T--AUC-EGYPT--GIF_13_s2.gif" style="width:65%">
| + | |
− | </div>
| + | |
− |
| + | |
| </div> | | </div> |
| | | |
− |
| + | <img style="margin-button:260%;margin-left: 47%;" src="https://img.icons8.com/emoji/100/000000/2nd-place-medal-emoji.png"/> |
| + | |
| </div> | | </div> |
| <!-- Add Pagination --> | | <!-- Add Pagination --> |
Line 298: |
Line 209: |
| prevButton: '.swiper-button-prev', | | prevButton: '.swiper-button-prev', |
| spaceBetween: 30, | | spaceBetween: 30, |
− | autoplay: 5000, | + | |
| autoplayDisableOnInteraction: false | | autoplayDisableOnInteraction: false |
| }); | | }); |
Line 307: |
Line 218: |
| <!-- end .container--> | | <!-- end .container--> |
| </div> | | </div> |
| + | |
| | | |
| | | |