Team:Potsdam Bioware/slider

From 2012.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 10: Line 10:
margin: 0px auto;
margin: 0px auto;
width: 975px;
width: 975px;
-
height: 300px;
+
height: 340px;
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
Line 49: Line 49:
}
}
-
#image-1 .slider-nav {
 
-
right: 100px;
 
-
}
 
#image-2 .slider-nav {
#image-2 .slider-nav {
-
right: 80px;
+
right: 140px;
}
}
#image-3 .slider-nav {
#image-3 .slider-nav {
-
right: 60px;
+
right: 120px;
}
}
#image-4 .slider-nav {
#image-4 .slider-nav {
-
right: 40px;
+
right: 100px;
}
}
#image-5 .slider-nav {
#image-5 .slider-nav {
 +
right: 80px;
 +
}
 +
#image-6 .slider-nav {
 +
right: 60px;
 +
}
 +
#image-7 .slider-nav {
 +
right: 40px;
 +
}
 +
#image-8 .slider-nav {
right: 20px;
right: 20px;
}
}
 +
div.image_description{   
div.image_description{   
     position:absolute;  
     position:absolute;  
-
     bottom: 20 px;  
+
    top:50 px;
 +
     bottom: 0 px;
 +
    height: 40px;
     left:0px;   
     left:0px;   
     width:100%;   
     width:100%;   
Line 82: Line 91:
p.image_description_content{   
p.image_description_content{   
     padding:10px;   
     padding:10px;   
-
     margin:0px;
+
     margin:0px;  
}   
}   
Line 88: Line 97:
   float:left;  
   float:left;  
   position:relative;
   position:relative;
 +
  top: 0;
}
}
</style>
</style>
-
<script type="text/javascript">window.location.hash = '#image-1'</script>
+
<script type="text/javascript">
 +
$(document).ready(function() {
 +
  window.location.hash = '#image-2'
 +
})
 +
</script>
</head>
</head>
<div id="slider">
<div id="slider">
-
<div id="image-1">
+
 
 +
 
 +
<div id="image-2">
             <div class="slider_wrapper">
             <div class="slider_wrapper">
                 <img src="https://static.igem.org/mediawiki/2012/2/28/UP12_Slide1.jpg"/>
                 <img src="https://static.igem.org/mediawiki/2012/2/28/UP12_Slide1.jpg"/>
 +
                            </div>
 +
            <a class="slider-nav" href="#image-2"></a>
 +
</div>
 +
<div id="image-3">
 +
                <div class="slider_wrapper">
 +
                <img src="https://static.igem.org/mediawiki/2012/5/52/UP12_slide2.jpg"/>
 +
                              </div>
 +
<a class="slider-nav" href="#image-3"></a>
 +
</div>
 +
<div id="image-4">
 +
<div class="slider_wrapper">
 +
                <img src="https://static.igem.org/mediawiki/2012/5/57/UP12Slide3.jpg"/>
                 <div class="image_description">
                 <div class="image_description">
                     <p class="image_description_content">
                     <p class="image_description_content">
-
                     
+
                      <b>Antibody module: In the first step, an antibody gene is integrated into the genome of CHO cells.</b>
-
To produce highly affine antibodies, a CHO (Chinese Hamster Ovary) cell line is transfected with a low affine antibody construct. The plasmid pcDNA5/FRT is used to allow the easy integration of the gene of interest into the CHO cell genome via FLP-In sites. This integration is catalyzed by the FLP-recombinase in the pOG44 plasmid.  
+
                     </p>
                     </p>
                 </div>
                 </div>
-
            </div>
+
                </div>
-
            <a class="slider-nav" href="#image-1"></a>
+
<a class="slider-nav" href="#image-4"></a>
</div>
</div>
-
<div id="image-2">
+
<div id="image-5">
-
                <div class="slider_wrapper">
+
<div class="slider_wrapper">
-
                 <img src="https://static.igem.org/mediawiki/2012/5/52/UP12_slide2.jpg"/>
+
                 <img src="https://static.igem.org/mediawiki/2012/8/87/UP12Slide4.jpg"/>
                 <div class="image_description">
                 <div class="image_description">
                     <p class="image_description_content">
                     <p class="image_description_content">
-
                       Image Description
+
                       <b>Antibody module: The CHO cell expresses the antibody on the cell surface.</b>
                     </p>
                     </p>
                 </div>
                 </div>
                 </div>
                 </div>
-
<a class="slider-nav" href="#image-2"></a>
+
<a class="slider-nav" href="#image-5"></a>
</div>
</div>
-
<div id="image-3">
+
<div id="image-6">
<div class="slider_wrapper">
<div class="slider_wrapper">
-
                 <img src="https://static.igem.org/mediawiki/2012/5/57/UP12Slide3.jpg"/>
+
                 <img src="https://static.igem.org/mediawiki/2012/f/f0/UP12Slide5.jpg"/>
                 <div class="image_description">
                 <div class="image_description">
                     <p class="image_description_content">
                     <p class="image_description_content">
-
                      Image Description
+
                    <b>Mutation module: The enzyme AID mutates the antibody gene -> maturation</b> 
                     </p>
                     </p>
                 </div>
                 </div>
                 </div>
                 </div>
-
<a class="slider-nav" href="#image-3"></a>
+
<a class="slider-nav" href="#image-6"></a>
</div>
</div>
-
<div id="image-4">
+
<div id="image-7">
<div class="slider_wrapper">
<div class="slider_wrapper">
-
                 <img src="https://static.igem.org/mediawiki/2012/8/87/UP12Slide4.jpg"/>
+
                 <img src="https://static.igem.org/mediawiki/2012/7/79/UP12slide7.jpg"/>
                 <div class="image_description">
                 <div class="image_description">
                     <p class="image_description_content">
                     <p class="image_description_content">
-
                       Image Description
+
                       <b>Selection Module: A virus infects cells with high affine antibodies. These cells survive. </b>
                     </p>
                     </p>
                 </div>
                 </div>
                 </div>
                 </div>
-
<a class="slider-nav" href="#image-4"></a>
+
<a class="slider-nav" href="#image-7"></a>
</div>
</div>
-
<div id="image-5">
+
<div id="image-8">
<div class="slider_wrapper">
<div class="slider_wrapper">
-
                 <img src="https://static.igem.org/mediawiki/2012/f/f0/UP12Slide5.jpg"/>
+
                 <img src="https://static.igem.org/mediawiki/2012/9/92/UP12slide8.jpg"/>
                 <div class="image_description">
                 <div class="image_description">
                     <p class="image_description_content">
                     <p class="image_description_content">
-
                       Image Description
+
                       <b>The selected cells are switched to antibody secreting cells with Cre-recombinase.</b>
                     </p>
                     </p>
                 </div>
                 </div>
                 </div>
                 </div>
-
<a class="slider-nav" href="#image-5"></a>
+
<a class="slider-nav" href="#image-8"></a>
</div>
</div>
 +
 +
</div>
</div>
</html>
</html>

Latest revision as of 21:51, 26 September 2012

Antibody module: In the first step, an antibody gene is integrated into the genome of CHO cells.

Antibody module: The CHO cell expresses the antibody on the cell surface.

Mutation module: The enzyme AID mutates the antibody gene -> maturation

Selection Module: A virus infects cells with high affine antibodies. These cells survive.

The selected cells are switched to antibody secreting cells with Cre-recombinase.

Retrieved from "http://2012.igem.org/Team:Potsdam_Bioware/slider"