Difference between revisions of "Team:Fudan-CHINA"

Line 2: Line 2:
 
<html>
 
<html>
  
 +
 
 
 
<!--page-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--page-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
Line 8: Line 9:
 
filter: brightness(0.85);width=100%" />-->
 
filter: brightness(0.85);width=100%" />-->
 
<video id="bgVideo" autoplay muted loop>
 
<video id="bgVideo" autoplay muted loop>
−
     <source  src="https://static.igem.org/mediawiki/2018/4/43/T--Fudan-CHINA--bgVideo2.mp4">
+
     <source  src="https://static.igem.org/mediawiki/2018/f/fd/T--Fudan-CHINA--bgVideo.mp4">
 
</video>
 
</video>
 
 
 
<div id="stepDiv">
 
<div id="stepDiv">
−
<img id="stepPic" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan-CHINA--step_white.png" />
+
<span id="stepName">S T E P</span>
−
<div id="stepName">&thinsp;S T E P</div>
+
<div style="height: 5vh;"></div>
 +
<span id="fullName">Synthetic Transducer Engineering Platform</span>
 
</div>
 
</div>
−
<div id="fullName">Synthetic Transducer Engineering Platform</div>
+
 
 
</div>
 
</div>
 
 
Line 26: Line 28:
 
position: relative;
 
position: relative;
 
}
 
}
−
#stepDiv,#fullName{
+
#stepDiv{
 
position: absolute;
 
position: absolute;
−
 
+
text-align: center;
−
}
+
width: 100%;
 +
top: 50vh;
 +
-webkit-transform: translateX(0) translateY(-50%);
 +
-moz-transform: translateX(0) translateY(-50%);
 +
-ms-transform: translateX(0) translateY(-50%);
 +
transform: translateX(0) translateY(-50%);
 +
}
 
#stepName{
 
#stepName{
−
display: inline-block;
 
 
color: white;
 
color: white;
 
font-family: Algerian,_Algerian;
 
font-family: Algerian,_Algerian;
−
 
+
line-height: 10vh;
−
vertical-align: middle;
+
height: 10vh;
−
}
+
−
#stepPic{
+
−
max-width: 10.5vw;
+
−
max-height: 30vh;
+
 
}
 
}
 
#fullName{
 
#fullName{
 
color: white;
 
color: white;
 
font-family:"Lucida Calligraphy",_LucidaCalligraphy;
 
font-family:"Lucida Calligraphy",_LucidaCalligraphy;
−
    padding: 0;margin: 0;
 
 
}
 
}
 
</style>
 
</style>
Line 81: Line 83:
 
}
 
}
 
 
−
var stepHeight=$("#stepDiv").height();
+
//var stepHeight=$("#stepDiv").height();
−
var stepWidth=$("#stepDiv").width();
+
//$("#stepDiv").css("top",0.5*($(window).height()-stepHeight));
−
var fnWidth=$("#fullName").width();
+
−
var fnHeight=$("#fullName").height();
+
−
var intervalHeight=0.03*$(window).height();
+
−
$("#stepDiv").css("top",0.5*(winHeight-(stepHeight+intervalHeight+fnHeight)));
+
−
$("#fullName").css("top",0.5*(winHeight-(stepHeight+intervalHeight+fnHeight))+stepHeight+intervalHeight);
+
−
$("#stepDiv").css("left",0.5*(winWidth-stepWidth));
+
−
$("#fullName").css("left",0.5*(winWidth-fnWidth));
+
 
}
 
}
 
div1Fun();
 
div1Fun();
Line 95: Line 91:
 
div1Fun();
 
div1Fun();
 
});
 
});
−
var vid = document.getElementById("bgVideo");
+
 
−
    vid.addEventListener("timeupdate", function () {
+
−
        if(this.currentTime >= 2.9) {
+
−
            this.currentTime = 0.0;
+
−
        }
+
−
    });
+
 
</script>
 
</script>
 
 
Line 120: Line 111:
 
<br/>
 
<br/>
 
<img style="width:0.001vw;"/>
 
<img style="width:0.001vw;"/>
−
<img class="spImg" id="spImg1" style="width:22vw;padding:1% 2.5%;" src="https://static.igem.org/mediawiki/2018/a/ab/T--Fudan-CHINA--sponsorFDU.png" />
+
<a target="_BLANK" href="http://www.fao.fudan.edu.cn/" style="text-decoration: none;">
 +
<img class="spImg" id="spImg1" style="width:25vw;padding:0.11vw 1vw;" src="https://static.igem.org/mediawiki/2018/a/ab/T--Fudan-CHINA--sponsorFDU.png" />
 +
</a>
 
<img style="width: 1%" />
 
<img style="width: 1%" />
−
<img class="spImg" id="spImg2" style="width:22vw;padding: 1% 2.5% 1.7% 2.5%;" src="https://static.igem.org/mediawiki/2018/archive/b/b3/20180925104907%21T--Fudan-CHINA--sponsorSLS.png" />
+
<a target="_BLANK" href="http://life.fudan.edu.cn/" style="text-decoration: none;">
 +
<img class="spImg" id="spImg2" style="width:25vw;padding:0.03vw 0.2vw 0.4vw 0.2vw;" src="https://static.igem.org/mediawiki/2018/archive/b/b3/20180925104907%21T--Fudan-CHINA--sponsorSLS.png" />
 +
</a>
 
<img style="width: 1%" />
 
<img style="width: 1%" />
−
<img class="spImg" id="spImg3" style="width:25vw;padding: 1.8% 1%" src="https://static.igem.org/mediawiki/2018/archive/1/12/20180925110215%21T--Fudan-CHINA--sponsorSBMS.png" />
+
<a target="_BLANK" href="http://medicine.fudan.edu.cn/" style="text-decoration: none;">
 +
<img class="spImg" id="spImg3" style="width:25vw;padding:1.13vw 0.1vw;" src="https://static.igem.org/mediawiki/2018/archive/1/12/20180925110215%21T--Fudan-CHINA--sponsorSBMS.png" />
 +
</a>
 
<br /><br />
 
<br /><br />
 
 
 
 
−
<img class="spImg" id="spImg4" style="width:15vw;padding: 2.1% 6vw;" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--sponsorYunfeng.png" />
+
<a target="_BLANK" href="http://www.yfc.cn/cn/index.html" style="text-decoration: none;">
 +
<img class="spImg" id="spImg4" style="width:25vw;padding:0.6vw 3.3vw;" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--sponsorYunfeng.png" />
 +
</a>
 
<img style="width: 1%" />
 
<img style="width: 1%" />
−
<img class="spImg" id="spImg5" style="width:15vw;padding: 1.87% 6vw;" src="https://static.igem.org/mediawiki/2018/8/81/T--Fudan-CHINA--sponsorSnapGene.png" />
+
<a target="_BLANK" href="http://www.snapgene.com/" style="text-decoration: none;">
 +
<img class="spImg" id="spImg5" style="width:25vw;padding:0.32vw 3.3vw;" src="https://static.igem.org/mediawiki/2018/8/81/T--Fudan-CHINA--sponsorSnapGene.png" />
 +
</a>
 
<img style="width: 1%" />
 
<img style="width: 1%" />
−
<img class="spImg" id="spImg6" style="width:21vw;padding: 2.98% 3vw;" src="https://static.igem.org/mediawiki/2018/6/68/T--Fudan-CHINA--sponsorMathworks.jpeg" />
+
<a target="_BLANK" href="https://www.mathworks.com/" style="text-decoration: none;">
 +
<img class="spImg" id="spImg6" style="width:25vw;padding:2.13vw 2vw;" src="https://static.igem.org/mediawiki/2018/6/68/T--Fudan-CHINA--sponsorMathworks.jpeg" />
 +
</a>
 
 
 
</div>
 
</div>
Line 185: Line 188:
 
<p>
 
<p>
 
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
 
 
 
 
 

Revision as of 14:40, 26 September 2018

S T E P
Synthetic Transducer Engineering Platform