Difference between revisions of "Team:Fudan-CHINA"

Line 15: Line 15:
 
}
 
}
 
</style>
 
</style>
−
<div id="div1">
+
<div id="signageDiv">
 
<video id="bgVideo" autoplay muted loop>
 
<video id="bgVideo" autoplay muted loop>
 
     <source  src="https://static.igem.org/mediawiki/2018/f/fd/T--Fudan-CHINA--bgVideo.mp4">
 
     <source  src="https://static.igem.org/mediawiki/2018/f/fd/T--Fudan-CHINA--bgVideo.mp4">
Line 25: Line 25:
 
<span id="fullName">Synthetic Transducer Engineering Platform</span>
 
<span id="fullName">Synthetic Transducer Engineering Platform</span>
 
</div>
 
</div>
−
 
+
<div class="discoverBotton"> <a href="#99" class="animated-button victoria-one">DISCOVER NOW</a> </div>
 
</div>
 
</div>
 
 
 +
<style>
 +
.discoverBotton{
 +
font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
 +
position: absolute;
 +
top:70vh;
 +
left: 50%;
 +
transform: translateX(-50%);
 +
-moz-transform: translateX(-50%);
 +
-ms-transform: translateX(-50%);
 +
-webkit-transform: translateX(-50%);
 +
}
 +
a.animated-button.victoria-one {
 +
border: 0.1vw solid #fff;
 +
}
 +
a.animated-button.victoria-one:after {
 +
background: #fff;
 +
-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 +
-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 +
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 +
transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 +
}
 +
a.animated-button:link, a.animated-button:visited {
 +
position: relative;
 +
display: block;
 +
margin: 0 auto 0;
 +
padding: 1vw 1.5vw;
 +
color: #fff;
 +
font-size:1.15vw;
 +
font-weight: 900;
 +
text-align: center;
 +
text-decoration: none;
 +
overflow: hidden;
 +
letter-spacing: 0.1vw;
 +
border-radius: 1vw;
 +
-webkit-transition: all 0.75s ease;
 +
-moz-transition: all 0.75s ease;
 +
-o-transition: all 0.75s ease;
 +
transition: all 0.75s ease;
 +
}
 +
a.animated-button:link:after, a.animated-button:visited:after {
 +
content: "";
 +
position: absolute;
 +
height: 0%;
 +
left: 50%;
 +
top: 50%;
 +
width: 25vw;
 +
z-index: -1;
 +
-webkit-transition: all 0.75s ease 0s;
 +
-moz-transition: all 0.75s ease 0s;
 +
-o-transition: all 0.75s ease 0s;
 +
transition: all 0.75s ease 0s;
 +
}
 +
a.animated-button:link:hover, a.animated-button:visited:hover {
 +
color: rgba(2,17,35,1);
 +
border-radius: 0;
 +
border: 0px solid #fff;
 +
padding: 1.1vw 1.5vw 1vw 1.5vw;
 +
}
 +
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
 +
height: 20vw;
 +
}
 +
</style>
 +
<script>
 +
$(document).ready(function() {
 +
$("a.animated-button").on('click',function() {
 +
var navHeight=$("#navUl").height();
 +
var barHeight=$("#top_menu_14").height();
 +
var winHeight=$(window).height();
 +
var totalScroll=winHeight-barHeight-navHeight;
 +
$('body,html').animate({"scrollTop":totalScroll},1000,"swing");
 +
});
 +
});
 +
</script>
 
<style>
 
<style>
−
#div1{
+
#signageDiv{
 
width: 100%;
 
width: 100%;
 
overflow: hidden;
 
overflow: hidden;
Line 59: Line 132:
 
 
 
<script>
 
<script>
−
function div1Fun(){
+
function signageDivFun(){
 
var videoWidth=1920;
 
var videoWidth=1920;
 
var videoHeight=1080;
 
var videoHeight=1080;
 
var winWidth=$(window).width();
 
var winWidth=$(window).width();
 
var winHeight=$(window).height();
 
var winHeight=$(window).height();
−
$("#div1").css("height",winHeight);
+
$("#signageDiv").css("height",winHeight);
 
if (winWidth*videoHeight>winHeight*videoWidth ){
 
if (winWidth*videoHeight>winHeight*videoWidth ){
 
$("#bgVideo").css("width",winWidth);
 
$("#bgVideo").css("width",winWidth);
Line 90: Line 163:
 
$("#fullName").css("font-size","2.2vw");
 
$("#fullName").css("font-size","2.2vw");
 
}
 
}
−
 
−
//var stepHeight=$("#stepDiv").height();
 
−
//$("#stepDiv").css("top",0.5*($(window).height()-stepHeight));
 
−
 
 
}
 
}
−
div1Fun();
+
signageDivFun();
 
$(window).resize(function(){
 
$(window).resize(function(){
−
div1Fun();
+
signageDivFun();
 
});
 
});
  
Line 341: Line 410:
 
$(window).scroll(function(){
 
$(window).scroll(function(){
 
slideInLeft($("#cuCol1"),$("#contactUs"),0);
 
slideInLeft($("#cuCol1"),$("#contactUs"),0);
−
slideInLeft($("#cuCol2"),$("#contactUs"),300);
+
slideInLeft($("#cuCol2"),$("#contactUs"),150);
−
slideInLeft($("#cuCol3"),$("#contactUs"),600);
+
slideInLeft($("#cuCol3"),$("#contactUs"),300);
 
});
 
});
  
Line 355: Line 424:
 
 
 
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 
 
 

Revision as of 12:22, 28 September 2018

S T E P
Synthetic Transducer Engineering Platform
DISCOVER NOW
LEARN MORE
Project
Project
Modeling
Modeling
Human Practice
Human Practice
Awards
Awards
Team
Team

  Address


G604, School of Life Sciences, Fudan University
2005 Songhu Road, Yangpu, Shanghai, China