Team:Tsinghua

From 2014.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Tsinghua/css/slides_styles}}
+
{{Team:Tsinghua/css/slides_styles_v4}}
-
{{Team:Tsinghua/css/slides_styles-standard}}
+
{{Team:Tsinghua/css/slides_animations}}
-
{{Team:Tsinghua/css/slides_styles_v2}}
+
{{Team:Tsinghua/css/jquery-1.10.1.min.js}}
 +
<html>
 +
<body onload=' location.href="#anchor1" '>
 +
<div class="container">
 +
<div id="sheet1">
 +
<a id='anchor1' href='#'></a>
 +
<div class="contentbox">
 +
<span>
 +
<div id="image1" class="floating">
 +
<img src="https://static.igem.org/mediawiki/2014/6/63/Tsinghua_Emoji-4.png" width="200" height="250"  alt=""/>
 +
</div>
 +
<div id="text1" class="slideLeft">
 +
<h1 class="customtext">Hi! We are <font color="990099">Team Tsinghua</font>. We present to you a <font color="990099">gene therapy</font> for Type 1 Diabetes Mellitus (T1DM).</h1>
 +
</div>
 +
</span>
 +
</div>
 +
<div class="arrow">
 +
<img src="https://static.igem.org/mediawiki/2014/f/f2/Tsinghua_arrow.png" width="22" height="27"  alt=""/>
 +
<p>Scroll down</p>
 +
</div>
 +
</div>
 +
<div id="sheet2">
 +
<div class="contentbox">
 +
<span>
 +
<div id="image2" class="tossing">
 +
<img src="https://static.igem.org/mediawiki/2014/2/23/Tsinghua_Emoji-2.png" width="200" height="250"  alt=""/>
 +
</div>
 +
<div id="text2">
 +
<h1 class="customtext"><font color="990099">T1DM</font> results from autoimmune destruction of pancreatic beta cells. Our approach converts somatic cells into regulated insulin-producing cells, thus eliminating the need for continuous insulin therapy.</h1>
 +
</div>
 +
</span>
 +
</div>
 +
<div class="arrow">
 +
<img src="https://static.igem.org/mediawiki/2014/f/f2/Tsinghua_arrow.png" width="22" height="27"  alt=""/>
 +
<p>Scroll down</p>
 +
</div>
 +
</div>
 +
<div id="sheet3">
 +
<div class="contentbox">
 +
<span>
 +
<div id="image3">
 +
<img src="https://static.igem.org/mediawiki/2014/4/4a/Tsinghua_Logo300x409.png" width="150" height="204.5"  alt=""/>
 +
</div>
 +
<div id="text3">
 +
<h1 class="customtext">We use <font color="990099">Adeno-associated virus (AAV)</font> as a transfection vector to introduce genes, which has proven to be safe… Well, that’s a whole other story, want to know more? </h1>
 +
</div>
 +
</span>
 +
</div>
 +
<div class="arrow">
 +
<img src="https://static.igem.org/mediawiki/2014/f/f2/Tsinghua_arrow.png" width="22" height="27"  alt=""/>
 +
<p>Scroll down</p>
 +
</div>
 +
</div>
 +
<div id="sheet4">
 +
<a href="https://2014.igem.org/Team:Tsinghua/Main_page">Get Started!</a>
 +
</div>
 +
</div>
 +
<script>
 +
$(window).scroll(function() {
 +
$('#text2').each(function(){
 +
var imagePos = $(this).offset().top;
 +
var topOfWindow = $(window).scrollTop();
 +
if (imagePos < topOfWindow+400) {
 +
$(this).addClass("expandUp");
 +
}
 +
});
 +
});
 +
</script>
 +
<script>
 +
$(window).scroll(function() {
 +
$('#image3').each(function(){
 +
var imagePos = $(this).offset().top;
-
@charset "utf-8";
+
var topOfWindow = $(window).scrollTop();
-
/* CSS Document */
+
if (imagePos < topOfWindow+400) {
-
body{
+
$(this).addClass("expandOpen");
-
background:
+
}
-
#ddd;overflow-x: hidden;
+
});
-
}
+
});
-
#bd{
+
</script>
-
width: 960px;
+
<script>
-
margin: 100px auto;
+
$(window).scroll(function() {
-
max-width: 960px;
+
$('#text3').each(function(){
-
}
+
var imagePos = $(this).offset().top;
-
/* module: sliders */
+
 
-
#sliders{
+
var topOfWindow = $(window).scrollTop();
-
border-radius: 5px;
+
if (imagePos < topOfWindow+400) {
-
box-shadow: 1px 1px 4px #666;
+
$(this).addClass("bigEntrance");
-
padding: 1%;
+
}
-
background: #fff;
+
});
-
}
+
});
-
#overflow{
+
</script>
-
width: 100%;
+
</body>
-
overflow: hidden;
+
</html>
-
}
+
-
#sliders .inner{
+
-
width: 500%;  
+
-
transiton: all 1s linear;
+
-
-webkit-transition: all 1s linear;
+
-
}
+
-
#sliders article{  
+
-
float: left;
+
-
width: 20%;
+
-
}
+
-
#sliders article .info{
+
-
position: absolute;
+
-
opacity: 0;
+
-
padding: 30px;
+
-
color: #666;
+
-
font-family: Arial;
+
-
transition: opacity 0.1s ease-out;
+
-
-webkit-transform: translateZ(0);  
+
-
-webkit-transition: opacity 0.1s ease-out;
+
-
}  
+
-
#sliders article .info h1{
+
-
font-size: 22px;
+
-
font-weight: bold;
+
-
margin: 0 0 5px;
+
-
}  
+
-
#sliders article .info a{
+
-
color: #666;
+
-
text-decoration: none;  
+
-
}  
+
-
/* module: controls */
+
-
#controls{
+
-
height: 50px;  
+
-
width: 100%;
+
-
margin-top: -25%;
+
-
}
+
-
#controls label{
+
-
display: none;
+
-
width: 50px;
+
-
height: 50px;
+
-
opacity: 0.3;
+
-
cursor: pointer;
+
-
}
+
-
#controls label:hover{
+
-
opacity: 1;
+
-
}
+
-
/* module: active */  
+
-
#active{
+
-
width: 100%;
+
-
margin-top: 23%;
+
-
text-align: center;
+
-
}
+
-
#active label{
+
-
display: inline-block;
+
-
width: 10px;
+
-
height: 10px;
+
-
border-radius: 5px;
+
-
background: #bbb;
+
-
border-color: #777;
+
-
}
+
-
#active label:hover{
+
-
background: #ccc;
+
-
}
+
-
/* input checked change style */
+
-
#slider1:checked ~ #active label:nth-child(1),
+
-
#slider2:checked ~ #active label:nth-child(2),
+
-
#slider3:checked ~ #active label:nth-child(3),
+
-
#slider4:checked ~ #active label:nth-child(4),
+
-
#slider5:checked ~ #active label:nth-child(5){  
+
-
background: #333;
+
-
}
+
-
#slider1:checked ~ #controls label:nth-child(5),
+
-
#slider2:checked ~ #controls label:nth-child(1),
+
-
#slider3:checked ~ #controls label:nth-child(2),
+
-
#slider4:checked ~ #controls label:nth-child(3),
+
-
#slider5:checked ~ #controls label:nth-child(4){
+
-
display: block;
+
-
float: left;
+
-
background: url(../img/prev.png) no-repeat;
+
-
margin-left: -70px;
+
-
}
+
-
#slider1:checked ~ #controls label:nth-child(2),
+
-
#slider2:checked ~ #controls label:nth-child(3),
+
-
#slider3:checked ~ #controls label:nth-child(4),
+
-
#slider4:checked ~ #controls label:nth-child(5),
+
-
#slider5:checked ~ #controls label:nth-child(1){
+
-
display: block;
+
-
float: right;
+
-
background: url(../img/next.png) no-repeat;  
+
-
margin-right: -70px;
+
-
}
+
-
#slider1:checked ~ #sliders article:nth-child(1) .info,
+
-
#slider2:checked ~ #sliders article:nth-child(2) .info,
+
-
#slider3:checked ~ #sliders article:nth-child(3) .info,
+
-
#slider4:checked ~ #sliders article:nth-child(4) .info,
+
-
#slider5:checked ~ #sliders article:nth-child(5) .info{
+
-
opacity: 1;
+
-
transition: all 0.6s ease-out 1s;
+
-
-webkit-transition: all 0.6s ease-out 1s;  
+
-
}  
+
-
#slider1:checked ~ #sliders .inner{
+
-
margin-left: 0;
+
-
}  
+
-
#slider2:checked ~ #sliders .inner{
+
-
margin-left: -100%;  
+
-
}  
+
-
#slider3:checked ~ #sliders .inner{
+
-
margin-left: -200%;  
+
-
}
+
-
#slider4:checked ~ #sliders .inner{
+
-
margin-left: -300%;
+
-
}
+
-
#slider5:checked ~ #sliders .inner{
+
-
margin-left: -400%;
+
-
}
+

Latest revision as of 18:20, 15 October 2014

Hi! We are Team Tsinghua. We present to you a gene therapy for Type 1 Diabetes Mellitus (T1DM).

Scroll down

T1DM results from autoimmune destruction of pancreatic beta cells. Our approach converts somatic cells into regulated insulin-producing cells, thus eliminating the need for continuous insulin therapy.

Scroll down

We use Adeno-associated virus (AAV) as a transfection vector to introduce genes, which has proven to be safe… Well, that’s a whole other story, want to know more?

Scroll down

Retrieved from "http://2014.igem.org/Team:Tsinghua"