Difference between revisions of "Team:CCU Taiwan"

m
m
 
(92 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/modify_css}}
−
 
+
{{Template:CCU_Taiwan/header}}
 +
{{Template:CCU_Taiwan/home_css}}
  
 
<html>
 
<html>
−
<style>
 
−
html, body{
 
−
    height: 100%;
 
−
}
 
−
 
−
.fixed_bg{
 
−
    height: 100%;
 
−
    position: relative;
 
−
    background-attachment: fixed;
 
−
    background-position: center;
 
−
    background-repeat: no-repeat;
 
−
    background-size: cover;
 
−
    -webkit-background-size: cover;
 
−
}
 
−
 
−
.wordcenter{
 
−
    position: absolute;
 
−
    left: 50%;
 
−
    top: 50%;
 
−
    bottom: auto;
 
−
    right: auto;
 
−
    -webkit-transform: translateX(-50%) translateY(-50%);
 
−
    transform: translateX(-50%) translateY(-50%);
 
−
    text-align: center;
 
−
}
 
−
 
−
.shadow{
 
−
    box-shadow: 0 0 0 rgba(0,0,0,0)!important;
 
−
}
 
−
 
−
.color_1{
 
−
    background-color: rgb(242, 242, 242);
 
−
}
 
−
 
−
.color_2{
 
−
    background-color: rgba(227, 227, 227, 1);
 
−
}
 
−
 
−
.color_3{
 
−
    background-color: rgb(242, 242, 242);
 
−
}
 
−
 
−
.color_4{
 
−
    background-color: rgb(230, 230, 230, 0.8);
 
−
}
 
−
 
−
.color_5{
 
−
    background-color: rgb(230, 230, 230, 0.8);
 
−
}
 
−
 
−
#home_content {
 
−
    position: absolute;
 
−
    left: 60%;
 
−
    top: 30%;
 
−
    bottom: auto;
 
−
    right: auto;
 
−
    -webkit-transform: translateX(-60%) translateY(-30%);
 
−
    transform: translateX(-60%) translateY(-30%);
 
−
    text-align: center;
 
−
    color: black;
 
−
}
 
−
 
−
@media (max-width: 1100px) {
 
−
    #home_content {
 
−
        font-size: 2.25rem;
 
−
    }
 
−
}
 
−
@media (max-width: 1000px) {
 
−
    #home_content {
 
−
        font-size: 2rem;
 
−
    }
 
−
}
 
−
@media (max-width: 750px) {
 
−
    #home_content {
 
−
        font-size: 1.75rem;
 
−
    }
 
−
}
 
−
@media (max-width: 600px) {
 
−
    #home_content {
 
−
        font-size: 1.5rem;
 
−
    }
 
−
}
 
−
 
−
</style>
 
 
<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">
 +
</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>
+
<!--home-->
−
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:CCU_Taiwan/JS/jQuery&action=raw&ctype=text/javascript"</script>
+
−
 
+
−
</head>
+
 
<body>
 
<body>
 
<div class="color_1">
 
<div class="color_1">
Line 101: Line 16:
 
</div>
 
</div>
 
          
 
          
−
<div class="color_2">
+
<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>
 
     <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>
 
          
 
          
−
<div class="fixed_bg color_3">
+
<div id="fullpage_3" class="fixed_bg color">
−
     <img id="home_img3" class="wordcenter" src="https://static.igem.org/mediawiki/2020/f/f2/T--CCU_Taiwan--home_3.png">
+
     <img id="home_img3" width="90%" src="https://static.igem.org/mediawiki/2020/f/f2/T--CCU_Taiwan--home_3.png">
−
     <h1 id="home_content" class="shadow">However, there are no effective treatments and vaccines for dengue infections now.</h1>
+
     <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>
 
</div>
−
       
+
 
−
<div class="fixed_bg color_4">
+
<div class="color">
−
     <h1 class="wordcenter shadow">Therefore, we design a detection kit to prevent the outbreak of dengue fever.</h1>
+
     <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>
 
</div>
 
</div>
−
       
+
 
−
<div class="fixed_bg color_5">
+
<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>
 
</div>
−
</body>
 
  
 +
<!--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>
 
</html>
 
</html>
 +
{{Template:CCU_Taiwan/footer}}

Latest revision as of 07:40, 26 October 2020

© iGEM Team, 2020 CCU Taiwan