|
|
| (177 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | {{Template:CCU_Taiwan/bootstrap_min_css}} | | {{Template:CCU_Taiwan/bootstrap_min_css}} |
| − | {{Template:CCU_Taiwan/header_footer}} | + | {{Template:CCU_Taiwan/modify_css}} |
| − | {{Template:CCU_Taiwan/jquery-3.5.1_slim_min_js}} | + | {{Template:CCU_Taiwan/header}} |
| − | {{Template:CCU_Taiwan/jquery-3.4.1_min_js}} | + | {{Template:CCU_Taiwan/home_css}} |
| − | {{Template:CCU_Taiwan/bootstrap_min_js}}
| + | |
| − | {{Template:CCU_Taiwan/fullpage_min_css}}
| + | |
| − | {{Template:CCU_Taiwan/fullpage_min_js}}
| + | |
| | <html> | | <html> |
| | <head> | | <head> |
| − |
| + | <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:CCU_Taiwan/JS/bootstrap&action=raw&ctype=text/javascript"></script> |
| − |
| + | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| − | <meta charset="utf-8" />
| + | </head> |
| − | <script type="text/javascript">
| + | |
| | | | |
| − | $(document).ready(function(){
| + | <!--home--> |
| − | | + | |
| − | $('#fullpage').fullpage({
| + | |
| − | sectionsColor: ['#ff5f45', '#0798ec', '#fc6c7c', '#fec401', '#0798ec'],
| + | |
| − | navigation: true,
| + | |
| − | slidesNavigation: true,
| + | |
| − | });
| + | |
| − | | + | |
| − | $('#moveSectionUp').click(function(e){
| + | |
| − | e.preventDefault();
| + | |
| − | $.fn.fullpage.moveSectionUp();
| + | |
| − | });
| + | |
| − | | + | |
| − | $('#moveSectionDown').click(function(e){
| + | |
| − | e.preventDefault();
| + | |
| − | $.fn.fullpage.moveSectionDown();
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | | + | |
| − | <style type="text/css">
| + | |
| − | | + | |
| − | h1{
| + | |
| − | font-size: 5em;
| + | |
| − | font-family: arial,helvetica;
| + | |
| − | color: #fff;
| + | |
| − | margin:0;
| + | |
| − | padding:0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .section{
| + | |
| − | text-align:center;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | | + | |
| − | #myVideo{
| + | |
| − | position: absolute;
| + | |
| − | right: 0;
| + | |
| − | bottom: 0;
| + | |
| − | top:0;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | background-size: 100% 100%;
| + | |
| − | background-color: black;
| + | |
| − | background-position: center center;
| + | |
| − | background-size: contain;
| + | |
| − | object-fit: cover;
| + | |
| − | z-index:3;
| + | |
| − | }
| + | |
| − | | + | |
| − | #section0, section1{
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | </head>
| + | |
| | <body> | | <body> |
| − | <div class="top"> | + | <div class="color_1"> |
| − | <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
| + | <video width="100%" height="auto" muted src="https://static.igem.org/mediawiki/2020/4/4a/T--CCU_Taiwan--home_1.mp4" autoplay="autoplay"></video> |
| − | <a class="navbar-brand" href="https://2020.igem.org/Team:CCU_Taiwan"><img src="https://static.igem.org/mediawiki/2020/7/7e/T--CCU_Taiwan--logo.png"></a>
| + | </div> |
| − | <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>
| + | <div class="color"> |
| − | </button>
| + | <video width="100%" height="auto" muted src="https://static.igem.org/mediawiki/2020/b/b6/T--CCU_Taiwan--home_2.mp4" loop autoplay="autoplay"></video> |
| − | <div class="collapse navbar-collapse" id="navbarSupportedContent">
| + | </div> |
| − | <ul class="navbar-nav mr-auto">
| + | |
| − | <li class="nav-item dropdown">
| + | <div id="fullpage_3" class="fixed_bg color"> |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | <img id="home_img3" width="90%" src="https://static.igem.org/mediawiki/2020/f/f2/T--CCU_Taiwan--home_3.png"> |
| − | Team
| + | <img id="home_img3_1" width="80%" src="https://static.igem.org/mediawiki/2020/b/ba/T--CCU_Taiwan--home_3_1.png"> |
| − | </a>
| + | <img id="home_img3_2" src="https://static.igem.org/mediawiki/2020/b/b9/T--CCU_Taiwan--home_3_2.png"> |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | </div> |
| − | <a class="dropdown-item" href="#">Team Members</a>
| + | |
| − | <a class="dropdown-item" href="#">Attribution</a>
| + | |
| − | <a class="dropdown-item" href="sponsors.html" target="_blank">Sponsors</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="#">Description</a>
| + | |
| − | <a class="dropdown-item" href="#" target="_blank">Design</a>
| + | |
| − | <a class="dropdown-item" href="#">Model</a>
| + | |
| − | <a class="dropdown-item" href="#">Hardware</a>
| + | |
| − | <a class="dropdown-item" href="safety.html" target="_blank">Safety</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="#">Part Collection</a>
| + | |
| − | <a class="dropdown-item" href="parts.html" target="_blank">Parts</a>
| + | |
| − | <a class="dropdown-item" href="#">Improve</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">
| + | |
| − | Human Practices
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
| − | <a class="dropdown-item" href="#">Education</a>
| + | |
| − | <a class="dropdown-item" href="#">IHP</a>
| + | |
| − | <a class="dropdown-item" href="#">Collaborations</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">
| + | |
| − | Notebook
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown">
| + | |
| − | <a class="dropdown-item" href="#">Notebook</a>
| + | |
| − | <a class="dropdown-item" href="#">Protocols</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item">
| + | |
| − | <a class="nav-link" href="#">Awards</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| | | | |
| − | <main id="fullpage"> | + | <div class="color"> |
| − | <div class="section" id="section0"> | + | <video width="100%" height="auto" muted src="https://static.igem.org/mediawiki/2020/7/78/T--CCU_Taiwan--home_4.mp4" loop autoplay="autoplay"></video> |
| − | <video id="myVideo" muted data-autoplay>
| + | </div> |
| − | <source src="https://static.igem.org/mediawiki/2020/4/4a/T--CCU_Taiwan--home_1.mp4" type="video/mp4">
| + | |
| − | </video>
| + | |
| − | </div>
| + | |
| − | <div class="section" id="section1">
| + | |
| − | <video id="myVideo" loop muted data-autoplay>
| + | |
| − | <source src="https://static.igem.org/mediawiki/2020/b/b6/T--CCU_Taiwan--home_2.mp4" type="video/mp4">
| + | |
| − | </video>
| + | |
| − | </div>
| + | |
| − | <div class="section">
| + | |
| − | <h1>Section 3</h1>
| + | |
| − | </div>
| + | |
| − | <div class="section">
| + | |
| − | <h1>Section 4</h1>
| + | |
| − | </div>
| + | |
| − | <div class="section">
| + | |
| − | <h1>Section 5</h1>
| + | |
| − | </div>
| + | |
| − | </main>
| + | |
| | | | |
| | + | <div id="fullpage_5" class="fixed_bg color"> |
| | + | <video id="home_video5" width="70%" height="auto" muted="true" src="https://static.igem.org/mediawiki/2020/2/20/T--CCU_Taiwan--home_5.mp4" controls="controls"></video> |
| | + | </div> |
| | | | |
| | + | <!--gotop--> |
| | + | <div id="gotop"><a href="#"></a></div> |
| | + | <script> |
| | + | $(function(){ |
| | + | $('#gotop').click(function(){ |
| | + | $('html,body').animate({scrollTop:0}, 1000); |
| | + | }); |
| | + | $(window).scroll(function() { |
| | + | if ( $(this).scrollTop() > 300 ){ |
| | + | $('#gotop').fadeIn(100); |
| | + | } else { |
| | + | $('#gotop').stop().fadeOut(100); |
| | + | } |
| | + | }).scroll(); |
| | + | }); |
| | + | </script> |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
| | + | {{Template:CCU_Taiwan/footer}} |
