Team:Paris-Saclay/Project/Notebook

From 2012.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Paris-Saclay/Header}}
 
<div id="large-single-paris-saclay">
<div id="large-single-paris-saclay">
 +
{{Team:Paris-Saclay/Header}}
<div id="single-paris-saclay">
<div id="single-paris-saclay">
{{Team:Paris-Saclay/Menu}}
{{Team:Paris-Saclay/Menu}}
Line 6: Line 6:
<html>
<html>
<head>
<head>
 +
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Paris-Saclay/th-accordion.css?action=raw&ctype=text/css" />
 +
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Paris-Saclay/st-accordion.css?action=raw&ctype=text/css" />
 +
        <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700' rel='stylesheet' type='text/css' />
<script type="text/javascript" src='/Team:Paris-Saclay/jquery.min.js?action=raw&ctype=text/javascript'></script>
<script type="text/javascript" src='/Team:Paris-Saclay/jquery.min.js?action=raw&ctype=text/javascript'></script>
<script type="text/javascript" src='/Team:Paris-Saclay/MetroJs.js?action=raw&ctype=text/javascript'></script>
<script type="text/javascript" src='/Team:Paris-Saclay/MetroJs.js?action=raw&ctype=text/javascript'></script>
 +
<noscript>
 +
<style>
 +
.st-accordion ul li{
 +
height:auto;
 +
}
 +
.st-accordion ul li > a span{
 +
visibility:hidden;
 +
}
 +
</style>
 +
</noscript>
</head>
</head>
<body>
<body>
<div id="single-tile2" class="red live-tile" data-mode="flip" data-delay="4000">
<div id="single-tile2" class="red live-tile" data-mode="flip" data-delay="4000">
         <div id="tiles">
         <div id="tiles">
-
<div class="child-tile"><p class="child-tile">Gemote</p></div>
+
<div class="child-tile"><p class="child-tile">GEMOTE</p></div>
             <img src="http://www.igem-paris-saclay.u-psud.fr/wordpress/wp-content/uploads/2012/07/Aud.jpg" alt="" />
             <img src="http://www.igem-paris-saclay.u-psud.fr/wordpress/wp-content/uploads/2012/07/Aud.jpg" alt="" />
</div>
</div>
<div>
<div>
<img src="http://www.ecole-adn.fr/uploads/2011/09/Probiotics-300x300.jpg" alt="" />
<img src="http://www.ecole-adn.fr/uploads/2011/09/Probiotics-300x300.jpg" alt="" />
-
<div class="child-tile"><p class="child-tile">Gemote</p></div>
+
<div class="child-tile"><p class="child-tile">GEMOTE</p></div>
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">
Line 31: Line 44:
<div id="content-paris-saclay">
<div id="content-paris-saclay">
{{Team:Paris-Saclay/Follow}}
{{Team:Paris-Saclay/Follow}}
-
[[Category:Team:Paris-Saclay/Project Gemote]]
+
[[Category:Team:Paris-Saclay/Project Gemote|5]]
<html>
<html>
-
<head>
 
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Paris-Saclay/th-accordion.css?action=raw&ctype=text/css" />
 
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Paris-Saclay/st-accordion.css?action=raw&ctype=text/css" />
 
-
        <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700' rel='stylesheet' type='text/css' />
 
-
<noscript>
 
-
<style>
 
-
.st-accordion ul li{
 
-
height:auto;
 
-
}
 
-
.st-accordion ul li > a span{
 
-
visibility:hidden;
 
-
}
 
-
</style>
 
-
</noscript>
 
-
</head>
 
<body>
<body>
-
    <div class="container">
+
<div id="accordeon">
-
            <div class="header">
+
        <div class="container">
-
                <a href="http://tympanus.net/Tutorials/CircleNavigationEffect/">
+
-
<strong>&laquo; Previous Demo: </strong>Circle Navigation Effect with CSS3
+
-
</a>
+
-
<span class="right">
+
-
<a href="http://www.flickr.com/photos/rayand/" target="_blank">Images by Rayand</a>
+
-
<a href="http://creativecommons.org/licenses/by/2.0/deed.en" target="_blank">CC BY 2.0</a>
+
-
<a href="http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/">
+
-
<strong>Back to the Codrops Article</strong>
+
-
</a>
+
-
</span>
+
-
<div class="clr"></div>
+
-
            </div>
+
-
            <h1>Flexible Slide-to-top Accordion <span>with jQuery</span></h1>
+
-
<div class="more">
+
-
<a href="index.html">Default Demo</a>
+
-
<a href="index2.html" class="current">Autocollapse Demo</a>
+
-
<p><strong>In this demo:</strong> Only one content panel can be open at a time</p>
+
-
</div>
+
             <div class="wrapper">
             <div class="wrapper">
                 <div id="st-accordion" class="st-accordion">
                 <div id="st-accordion" class="st-accordion">
                     <ul>
                     <ul>
                         <li>
                         <li>
-
                             <a href="#">Photography<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">First Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
 
-
                                <p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
 
-
                                <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
 
-
                                <img src="images/1.jpg" alt="image01"/>
 
-
                                <img src="images/2.jpg" alt="image02"/>
 
-
                                <img src="images/3.jpg" alt="image03"/>
 
-
                                <img src="images/4.jpg" alt="image04"/>
 
-
                                <img src="images/5.jpg" alt="image05"/>
 
-
                                <img src="images/6.jpg" alt="image06"/>
 
                             </div>
                             </div>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="#">Web Design<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Second Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
 
-
                                <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
 
-
                                <img src="images/7.jpg" alt="image07"/>
 
-
                                <img src="images/8.jpg" alt="image08"/>
 
-
                                <img src="images/9.jpg" alt="image09"/>
 
-
                                <img src="images/10.jpg" alt="image10"/>
 
-
                                <img src="images/11.jpg" alt="image11"/>
 
-
                                <img src="images/12.jpg" alt="image12"/>
 
                             </div>
                             </div>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="#">Illustrations<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Third Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>O my friend - but it is too much for my strength - I sink under the weight of the splendour of these visions!</p>
 
-
                                <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
-
                                <p>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.</p>
 
                             </div>
                             </div>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="#">Miscancellous<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Fourth Week<span class="st-arrow">Open or Close</span></a>
-
                             <div class="st-content">
+
                             <div class="st-content">
-
                                <p>The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?"</p>
+
-
                                <p>He thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls.</p>
+
                             </div>
                             </div>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="#">References<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Fifth Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p>
 
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
 
                             </div>
                             </div>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="#">Internship<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Sixth Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p>
 
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
 
                             </div>
                             </div>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="#">Jobs<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Seventh Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>O my friend - but it is too much for my strength - I sink under the weight of the splendour of these visions!</p>
 
-
                                <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
 
-
                                <p>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.</p>
 
                             </div>
                             </div>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="#">Events<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Eighth Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p>
 
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
 
                             </div>
                             </div>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="#">Newsletter<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Ninth Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p>
 
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
 
                             </div>
                             </div>
                         </li>
                         </li>
-
                        <li>
+
<li>
-
                             <a href="#">Contact<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Tenth Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</p>
+
                              <p><b><i>6th august</i></b></p>
-
                                <p>Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure.</p>
+
<ol>
 +
<li>Sending of the B1 sample to sequencing with two pairs of primers</li>
 +
<ol>
 +
<li>K-274100 Forward and Reverse</li>
 +
<li>Plasmid pSB1A2 Forward and Reverse</li>
 +
</ol>
 +
</ol></br>
 +
 +
                              <p><b><i>7th august</i></b></p>
 +
<ol>
 +
<li>Liquid culture of B1 in order to prepare a glycerol stock</li>
 +
<li>Receipt of new primers</li>
 +
<ol>
 +
<li>2 Forward</li>
 +
<li>3 Reverse</li>
 +
<li>Plasmid Reverse</li>
 +
</ol>
 +
</ol></br>
 +
<p><b><i>8th august</i></b></p>
 +
<p>Amplification of the plasmid pSB1A2, BBa_K274100 and BBa_K115017 by PCR with the new primers. Visualization by electrophoresis on a 2% Agarose gel for BBa_K115017 and a 0.8% Agarose gel for BBa_K274100 and the plasmid pSB1A2. We are expecting a band at 147 bp for BBa_K115017, 3408 bp for BBa_K274100 and 2079 for the plasmid.
 +
<img width="350px" src="https://static.igem.org/mediawiki/2012/c/c3/Week10-2.jpg"/>
 +
<img width="500px" src="https://static.igem.org/mediawiki/2012/8/8b/Week10-3.jpg"/>
 +
</p></br>
 +
<p><b><i>9th august</i></b></p>
 +
<p>New amplification by PCR of the plasmid pSB1A2, BBa_K274100 and BBa_K115017 as it has been done the day before.
 +
<img width="350px" src="https://2012.igem.org/File:Week10-4.jpg"/>
 +
Digestion by EcoRI of the plasmid that contains BBa_K274100.
 +
</p></br>
                             </div>
                             </div>
                         </li>
                         </li>
<li>
<li>
-
                             <a href="#">Events<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Eleventh Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p>
 
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <a href="#">Newsletter<span class="st-arrow">Open or Close</span></a>
 
-
                            <div class="st-content">
 
-
                                <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p>
 
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <a href="#">Contact<span class="st-arrow">Open or Close</span></a>
 
-
                            <div class="st-content">
 
-
                                <p>No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</p>
 
-
                                <p>Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure.</p>
 
                             </div>
                             </div>
                         </li>
                         </li>
<li>
<li>
-
                             <a href="#">Events<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Thirteenth Week<span class="st-arrow">Open or Close</span></a>
                             <div class="st-content">
                             <div class="st-content">
-
                                <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p>
 
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <a href="#">Newsletter<span class="st-arrow">Open or Close</span></a>
 
-
                            <div class="st-content">
 
-
                                <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather.</p>
 
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <a href="#">Contact<span class="st-arrow">Open or Close</span></a>
 
-
                            <div class="st-content">
 
-
                                <p>No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</p>
 
-
                                <p>Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure.</p>
 
                             </div>
                             </div>
                         </li>
                         </li>
Line 204: Line 146:
             </div>
             </div>
         </div>
         </div>
-
<script type="text/javascript" src="https://2012.igem.org/Team:Paris-Saclay/jquery.accordion.js?action=raw&ctype=text/javascript"></script>
+
</div>
-
<script type="text/javascript" src="https://2012.igem.org/Team:Paris-Saclay/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2012.igem.org/Team:Paris-Saclay/jquery.accordion.js?action=raw&ctype=text/javascript"></script>
-
<script type="text/javascript">
+
<script type="text/javascript" src="https://2012.igem.org/Team:Paris-Saclay/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
-
  $(function() {
+
        <script type="text/javascript">
-
$('#st-accordion').accordion();
+
            $(function() {
-
});
+
-
</script>
+
$('#st-accordion').accordion({
 +
oneOpenedItem : true
 +
});
 +
 +
            });
 +
        </script>
</body>
</body>
</html>
</html>
-
 
{{Team:Paris-Saclay/Follow}}
{{Team:Paris-Saclay/Follow}}

Latest revision as of 06:46, 26 September 2012

GEMOTE

GEMOTE

Follow us !

Retrieved from "http://2012.igem.org/Team:Paris-Saclay/Project/Notebook"