Difference between revisions of "Team:CCU Taiwan"

m
m
 
(119 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/fullpage}}
 
−
{{Template:CCU_Taiwan/header_footer}}
 
 
{{Template:CCU_Taiwan/modify_css}}
 
{{Template:CCU_Taiwan/modify_css}}
 +
{{Template:CCU_Taiwan/header}}
 +
{{Template:CCU_Taiwan/home_css}}
  
 
<html>
 
<html>
 
<head>
 
<head>
−
<script type="text/javascript">
+
<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">
 +
</head>
  
−
$(document).ready(function(){
+
<!--home-->
 +
<body>
 +
<div class="color_1">
 +
    <video width="100%" height="auto" muted src="https://static.igem.org/mediawiki/2020/4/4a/T--CCU_Taiwan--home_1.mp4" autoplay="autoplay"></video>
 +
</div>
 +
       
 +
<div class="color">
 +
    <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>
 +
       
 +
<div id="fullpage_3" class="fixed_bg color">
 +
    <img id="home_img3" width="90%" src="https://static.igem.org/mediawiki/2020/f/f2/T--CCU_Taiwan--home_3.png">
 +
    <img id="home_img3_1" width="80%" src="https://static.igem.org/mediawiki/2020/b/ba/T--CCU_Taiwan--home_3_1.png">
 +
    <img id="home_img3_2"  src="https://static.igem.org/mediawiki/2020/b/b9/T--CCU_Taiwan--home_3_2.png">
 +
</div>
  
−
     $('#fullpage').fullpage({
+
<div class="color">
−
        navigation: true,
+
     <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>
−
        slidesNavigation: true,
+
</div>
−
    });
+
  
−
     $('#moveSectionUp').click(function(e){
+
<div id="fullpage_5" class="fixed_bg color">
−
        e.preventDefault();
+
     <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>
−
      $.fn.fullpage.moveSectionUp();
+
</div>
−
    });
+
  
−
     $('#moveSectionDown').click(function(e){
+
<!--gotop-->
−
      e.preventDefault();
+
<div id="gotop"><a href="#"></a></div>
−
      $.fn.fullpage.moveSectionDown();
+
<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>
 
</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, #section2, #section3{
 
−
    background-size: cover;
 
−
    background-attachment: fixed;
 
−
}
 
−
 
−
#section0, #section1{
 
−
    overflow: hidden;
 
−
}
 
−
 
−
#section2{
 
−
    background: url(image/home31.png);
 
−
}
 
−
</style>
 
−
</head>
 
−
<main>
 
−
<div id="fullpage">
 
−
    <div class="section" id="section0">
 
−
        <video id="myVideo" muted data-autoplay>
 
−
            <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>
 
−
</main>
 
−
 
−
 
  
−
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:CCU_Taiwan/JS/jQuery&action=raw&ctype=text/javascript"</script>
+
</body>
 
</html>
 
</html>
 +
{{Template:CCU_Taiwan/footer}}

Latest revision as of 07:40, 26 October 2020

© iGEM Team, 2020 CCU Taiwan