(7 intermediate revisions by 2 users not shown) | |||
Line 165: | Line 165: | ||
top:0px; | top:0px; | ||
z-index: -1; | z-index: -1; | ||
− | + | ||
} | } | ||
Line 172: | Line 172: | ||
position:absolute; | position:absolute; | ||
float: left; | float: left; | ||
− | top: | + | top:20%; |
left:28%; | left:28%; | ||
font-size: 48px; | font-size: 48px; | ||
Line 305: | Line 305: | ||
} | } | ||
+ | #contact img:hover{ | ||
+ | transform: scale(1.15); | ||
+ | transition: all 0.4s; | ||
+ | } | ||
+ | |||
+ | #btn{ | ||
+ | display: none; | ||
+ | position: fixed; | ||
+ | left: 90%; | ||
+ | bottom: 40px; | ||
+ | height:80px; | ||
+ | width: 80px; | ||
+ | background: url(https://static.igem.org/mediawiki/2018/d/d1/T--Tongji-Software--top.png) no-repeat left top; | ||
+ | background-size:100% auto; | ||
+ | } | ||
</style> | </style> | ||
Line 333: | Line 348: | ||
<div class="line"></div> | <div class="line"></div> | ||
− | + | <div><a href="javascript:;" id="btn" title="Return to Top"></a></div> | |
<div id = "wrapper"> | <div id = "wrapper"> | ||
<div class="left" id = "sidebar-wrapper"> | <div class="left" id = "sidebar-wrapper"> | ||
Line 469: | Line 484: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
Line 517: | Line 524: | ||
</script> | </script> | ||
+ | <script> | ||
+ | window.onload = function(){ | ||
+ | |||
+ | var mybtn = document.getElementById("btn"); | ||
+ | var Time1 = null; | ||
+ | var isTop = true; | ||
+ | mybtn.onclick = function(){ | ||
+ | |||
+ | Time1 = setInterval(function(){ | ||
+ | var osTop = document.body.scrollTop||document.documentElement.scrollTop; | ||
+ | |||
+ | var speed = Math.ceil(osTop/2); | ||
+ | |||
+ | document.body.scrollTop = document.documentElement.scrollTop = osTop - speed; | ||
+ | if(osTop <= 0){ | ||
+ | |||
+ | clearInterval(Time1); | ||
+ | } | ||
+ | isTop = true ; | ||
+ | },100) | ||
+ | } | ||
+ | |||
+ | |||
+ | window.onscroll = function(){ | ||
+ | |||
+ | var osTop = document.body.scrollTop||document.documentElement.scrollTop; | ||
+ | |||
+ | var clientHeight = document.documentElement.clientHeight; | ||
+ | |||
+ | if (osTop>clientHeight) { | ||
+ | mybtn.style.display = "block" | ||
+ | } | ||
+ | else{ | ||
+ | mybtn.style.display = "none" | ||
+ | } | ||
+ | if (!isTop) { | ||
+ | clearInterval(Time1); | ||
+ | } | ||
+ | isTop = false; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 16:25, 17 October 2018
Team
Overview
The collective is the source of power and the cradle of wisdom.
Our team is consisted of different people with same passion for inter-discipline. Differences make the team integrated. Some of us were best friends before iGEM 2018. Some of us didn’t even meet. We are from various majors, biology, biotechnology, bioinformatics, computer engineering & design.
Since we only have seven team members, each of us has made great difference in our project.
Team members
xdbwiehocurnviomtoinb
Instructors