Line 6: | Line 6: | ||
<!--page--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!--page--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
<img class="bgPic" src="https://static.igem.org/mediawiki/2018/8/8f/T--Fudan-CHINA--bgpicture2.jpeg" style="z-index: -1;-webkit-filter: brightness(0.85); | <img class="bgPic" src="https://static.igem.org/mediawiki/2018/8/8f/T--Fudan-CHINA--bgpicture2.jpeg" style="z-index: -1;-webkit-filter: brightness(0.85); | ||
− | filter: brightness(0.85);" /> | + | filter: brightness(0.85);" /> |
+ | |||
+ | <video id="bgVideo" autoplay muted loop style="width: 100%;position: absolute;top:0;left: 0;"> | ||
+ | <source src="https://static.igem.org/mediawiki/2018/f/fd/T--Fudan-CHINA--bgVideo.mp4"> | ||
+ | </video> | ||
+ | |||
<script> | <script> | ||
− | + | function bgPicFun(){ | |
− | + | ||
var winWidth=$(window).width(); | var winWidth=$(window).width(); | ||
$(".bgPic").css("width",winWidth); | $(".bgPic").css("width",winWidth); | ||
} | } | ||
− | bgPicFun(); | + | window.onload=bgPicFun(); |
$(window).resize(function(){ | $(window).resize(function(){ | ||
bgPicFun(); | bgPicFun(); | ||
}); | }); | ||
− | |||
</script> | </script> | ||
Line 47: | Line 50: | ||
<script> | <script> | ||
− | + | function pjNameFun(){ | |
− | + | ||
var winWidth=$(window).width(); | var winWidth=$(window).width(); | ||
var bgPicHeight=$('.bgPic').height(); | var bgPicHeight=$('.bgPic').height(); | ||
Line 59: | Line 61: | ||
$("#fullName").css("left",0.5*(winWidth-fnWidth)); | $("#fullName").css("left",0.5*(winWidth-fnWidth)); | ||
$("#fullName").css("top",stepY+1.2*stepHeight); | $("#fullName").css("top",stepY+1.2*stepHeight); | ||
− | } | + | }; |
− | pjNameFun(); | + | window.onload=pjNameFun(); |
$(window).resize(function(){ | $(window).resize(function(){ | ||
pjNameFun(); | pjNameFun(); | ||
}); | }); | ||
− | |||
</script> | </script> | ||
Line 74: | Line 75: | ||
<p> | <p> | ||
<!--end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!--end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | |||
</html> | </html> |
Revision as of 16:17, 21 September 2018
Synthetic Transducer Engineering Platform