Difference between revisions of "Team:CCU Taiwan"

m
m
 
(158 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}}
+
 
 
<html>
 
<html>
−
<div class="top">
+
<head>
−
            <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
+
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:CCU_Taiwan/JS/bootstrap&action=raw&ctype=text/javascript"></script>
−
                <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>
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
−
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
</head>
−
                    <span class="navbar-toggler-icon"></span>
+
 
−
                </button>
+
<!--home-->
−
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
<body>
−
                    <ul class="navbar-nav mr-auto">
+
<div class="color_1">
−
                        <li class="nav-item dropdown">
+
    <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="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
</div>
−
                                Team
+
       
−
                            </a>
+
<div class="color">
−
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
    <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>
−
                                <a class="dropdown-item" href="#">Team Members</a>
+
</div>
−
                                <a class="dropdown-item" href="#">Attribution</a>
+
       
−
                                <a class="dropdown-item" href="sponsors.html" target="_blank">Sponsors</a>
+
<div id="fullpage_3" class="fixed_bg color">
−
                            </div>
+
    <img id="home_img3" width="90%" src="https://static.igem.org/mediawiki/2020/f/f2/T--CCU_Taiwan--home_3.png">
−
                        </li>
+
    <img id="home_img3_1" width="80%" src="https://static.igem.org/mediawiki/2020/b/ba/T--CCU_Taiwan--home_3_1.png">
−
                        <li class="nav-item dropdown">
+
    <img id="home_img3_2" src="https://static.igem.org/mediawiki/2020/b/b9/T--CCU_Taiwan--home_3_2.png">
−
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
</div>
−
                                Project
+
 
−
                            </a>
+
<div class="color">
−
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
    <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>
−
                                <a class="dropdown-item" href="#">Description</a>
+
</div>
−
                                <a class="dropdown-item" href="#" target="_blank">Design</a>
+
 
−
                                <a class="dropdown-item" href="#">Model</a>
+
<div id="fullpage_5" class="fixed_bg color">
−
                                <a class="dropdown-item" href="#">Hardware</a>
+
    <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>
−
                                <a class="dropdown-item" href="safety.html" target="_blank">Safety</a>
+
</div>
−
                            </div>
+
 
−
                        </li>
+
<!--gotop-->
−
                        <li class="nav-item dropdown">
+
<div id="gotop"><a href="#"></a></div>
−
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<script>
−
                                Parts
+
$(function(){
−
                            </a>
+
    $('#gotop').click(function(){
−
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
        $('html,body').animate({scrollTop:0}, 1000);
−
                                <a class="dropdown-item" href="#">Part Collection</a>
+
    });
−
                                <a class="dropdown-item" href="parts.html" target="_blank">Parts</a>
+
    $(window).scroll(function() {
−
                                <a class="dropdown-item" href="#">Improve</a>
+
        if ( $(this).scrollTop() > 300 ){
−
                            </div>
+
             $('#gotop').fadeIn(100);
−
                        </li>
+
        } else {
−
                        <li class="nav-item dropdown">
+
            $('#gotop').stop().fadeOut(100);
−
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
        }
−
                                Human Practices
+
    }).scroll();
−
                            </a>
+
});
−
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
</script>
−
                                <a class="dropdown-item" href="#">Education</a>
+
 
−
                                <a class="dropdown-item" href="#">IHP</a>
+
</body>
−
                                <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>
+
 
</html>
 
</html>
 +
{{Template:CCU_Taiwan/footer}}

Latest revision as of 07:40, 26 October 2020

© iGEM Team, 2020 CCU Taiwan