Difference between revisions of "Team:GZHS-United/InterLab"

 
(5 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<head>
 
<head>
 
<title>interlab</title>
 
<title>interlab</title>
<link href="https://2017.igem.org/Team:GZHS-United/CSS/homestyle?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" />
 
 
<link href="https://2017.igem.org/Team:GZHS-United/CSS/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 
<link href="https://2017.igem.org/Team:GZHS-United/CSS/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 
<script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/jquerymin?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/jquerymin?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/bootstrapmin?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/bootstrapmin?action=raw&ctype=text/javascript"></script>
 +
<link href="https://2017.igem.org/Team:GZHS-United/CSS/common?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 
<style>
 
<style>
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 
.mw-content-ltr ul{margin: 0;}
 
.slider{margin-top: -12px; margin-bottom: -2px;}
 
.dropdown_menu {
 
background:#000; filter:alpha(opacity:30); opacity:0.5;
 
}
 
.dropdown_title {
 
margin:0 10px;
 
}
 
 
#interlab_content h1 {
 
text-align: left;
 
    font-size: 3em;
 
    font-weight: 600;
 
    font-family: 'Roboto Slab', serif;
 
}
 
#interlab_content h2 {
 
    text-align: left;
 
    font-size: 2.5em;
 
    font-weight: 600;
 
    font-family: 'Roboto Slab', serif;
 
}
 
#interlab_content h3 {
 
    text-align: left;
 
    font-size: 2em;
 
    font-weight: 600;
 
    font-family: 'Roboto Slab', serif;
 
}
 
#interlab_content p {
 
text-align: left;
 
    font-size: 1.3em;
 
    font-weight: 500;
 
    font-family: 'Roboto Slab', serif;
 
}
 
 
.imgs {
 
.imgs {
width:80%;
+
width:100%;
 
margin:0 auto;
 
margin:0 auto;
 
text-align:center;
 
text-align:center;
 
}
 
}
 
.imgs img{
 
.imgs img{
max-width:80%;
+
max-width:100%;
 
}
 
}
 
</style>
 
</style>
Line 56: Line 21:
 
<div class="header-banner" id="head">
 
<div class="header-banner" id="head">
 
<div class="header-bottom">
 
<div class="header-bottom">
<div class="fixed-header">
+
<div class="fixed-header" id="nav">
 
<div class="container">
 
<div class="container">
 
<div class="top-menu">
 
<div class="top-menu">
<span class="menu"><img src="https://static.igem.org/mediawiki/2017/8/83/T--GZHS-United--home_nav.png" alt=""/> </span>
 
 
<ul>
 
<ul>
 
<nav class="cl-effect-5">
 
<nav class="cl-effect-5">
Line 111: Line 75:
 
</li>
 
</li>
 
<li role="presentation">
 
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Improve</a>
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Contribution">Contribution</a>
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="#">Contribution</a>
+
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 133: Line 94:
 
</a>
 
</a>
 
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu5">
 
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu5">
 +
<li role="presentation">
 +
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Notebook">Notebook</a>
 +
</li>
 
<li role="presentation">
 
<li role="presentation">
 
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Gallery">Gallery</a>
 
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Gallery">Gallery</a>
Line 174: Line 138:
 
</li>
 
</li>
 
</nav>
 
</nav>
</ul>
+
</ul>
<!-- script for menu -->
+
<!--script-nav-->
+
<script>
+
$("span.menu").click(function(){
+
$(".top-menu ul").slideToggle("slow" , function(){
+
});
+
});
+
</script>
+
<!-- //script for menu -->
+
 
+
<!-- script-for sticky-nav -->
+
<script>
+
$(document).ready(function() {
+
var navoffeset=$(".header-bottom").offset().top;
+
$(window).scroll(function(){
+
var scrollpos=$(window).scrollTop();
+
if(scrollpos >=navoffeset){
+
$(".header-bottom").addClass("fixed");
+
}else{
+
$(".header-bottom").removeClass("fixed");
+
}
+
});
+
+
});
+
</script>
+
<!-- //script-for sticky-nav -->
+
 
</div>
 
</div>
  
Line 207: Line 145:
 
</div>
 
</div>
 
</div>
 
</div>
<div class="content" id="interlab_content">
+
<div class="content" id="GZHS_content">
 
<div class="container">  
 
<div class="container">  
<div class="row">
+
<div class="row" style="padding:60px 0;">
 
<h1>Interlab</h1>
 
<h1>Interlab</h1>
 
<p>This summer we finished the interlab study and the results are as fellows:</p>
 
<p>This summer we finished the interlab study and the results are as fellows:</p>
Line 224: Line 162:
 
</div>
 
</div>
 
</body>
 
</body>
 +
<div id="to_top">
 +
<img src="https://static.igem.org/mediawiki/2017/9/97/T--GZHS-United--toTop_buttom.png" onClick="toTop()"/>
 +
</div>
 +
<div id="last_page">
 +
<a href="https://2017.igem.org/Team:GZHS-United/Timeline"><img src="https://static.igem.org/mediawiki/2017/8/8d/T--GZHS-United--left_buttom.png"/></a>
 +
</div>
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
Line 236: Line 180:
 
}
 
}
 
});
 
});
 +
 +
var timer = null;
 +
function toTop(){
 +
cancelAnimationFrame(timer);
 +
timer = requestAnimationFrame(function fn(){
 +
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
 +
if(oTop > 0){
 +
document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
 +
timer = requestAnimationFrame(fn);
 +
}else{
 +
cancelAnimationFrame(timer);
 +
}
 +
});
 +
}
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 17:43, 28 October 2017

interlab

Interlab

This summer we finished the interlab study and the results are as fellows:

Figure 1.results for interlab study

You can also download our datas