Team:CityU HK/notebook/lablog/project1

From 2014.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:CityU_HK/Template}}
{{:Team:CityU_HK/Template}}
-
<html>
+
<html lang=''>
-
 
+
<head>
<head>
-
<title>Flexible Slide-to-top Accordion</title>
+
<style>
-
        <meta charset="UTF-8" />
+
              h2.title{
-
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
                         
-
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
                          font-size:21px;
-
        <meta name="description" content="Flexible Slide-to-top Accordion" />
+
                          font-family: 'Josefin Slab',Georgia, serif;
-
        <meta name="keywords" content="accordion, jquery, flexible, responsive, slide to top, tabs, UI, web design" />
+
                          font-weight:200;
-
        <meta name="author" content="Codrops" />
+
                                  text-align:left;
-
        <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700' rel='stylesheet' type='text/css' />
+
                                  text-shadow:1px 1px 1px #fff;
 +
                                  line-height:  28px;
 +
}
 +
</style>
 +
 
<noscript>
<noscript>
<style>
<style>
Line 21: Line 24:
visibility:hidden;
visibility:hidden;
}
}
-
</style>
+
 
 +
                </style>
</noscript>
</noscript>
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/lablog/project1.css?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/lablog/project1.css?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/lablog/project1.css2?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/lablog/project1.css2?action=raw&ctype=text/css" type="text/css" />
-
<script src="https://2014.igem.org/Team:CityU_HK/lablog/project1.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
 
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/5/52/CityU_HK_jquery.easing.1.3.txt"></script>
 +
<script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/CityU_HK_jquery.accordion.txt"></script>
 +
 
 +
 
 +
        <script type="text/javascript">
 +
            $(function() {
 +
 +
$('#st-accordion').accordion({
 +
oneOpenedItem : true
 +
});
 +
 +
            });
 +
        </script>
</head>
</head>
Line 33: Line 52:
<body>
<body>
-
        <div class="container">
+
<br><br>
-
            <div class="header">
+
<center> <font size = "6" > <b> TesA module's lablog </b> </font> </center><br>
-
                <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="#">July<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>
+
                                <h2 class="title"><b>Week 3 (13/7~19/7)</b></h2>
-
                                 <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><b>-</b> Primer design for leaderless tesA for Fit-coli (‘tesA) & New biobrick (‘tesA BB)</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>
+
                                <h2 class="title"><b>Week 4 (20/7~26/7)</b></h2>
-
                                 <img src="images/1.jpg" alt="image01"/>
+
                                 <p><b>-</b> PCR of ‘tesA and ‘tesA BB</p>
-
                                 <img src="images/2.jpg" alt="image02"/>
+
                                 <p><b>-</b> PCR purification of ‘tesA and ‘tesA BB</p>
-
                                 <img src="images/3.jpg" alt="image03"/>
+
                                 <p><b>-</b> Prepare LB agar plates(‘tesA BB)</p>
-
                                 <img src="images/4.jpg" alt="image04"/>
+
                                <h2 class="title"><b>Week 5 (27/7~31/7)</b></h2>
-
                                 <img src="images/5.jpg" alt="image05"/>
+
                                 <p><b>-</b> Digestion of ‘tesA BB and pSB1C3 plasmid with EcoRI & PstI restriction enzymes</p>
-
                                 <img src="images/6.jpg" alt="image06"/>
+
                                 <p><b>-</b> PCR purification for digested ‘tesA BB</p>
 +
                                 <p><b>-</b> Sub-cloning of ‘tesA BB into pSB1C3 plasmid</p>
 +
                                 <p><b>-</b> Transformation of ‘tesA BB into W3110 E.coli</p>
 +
                                 <p><b>-</b> Pick colonies of the transformed E. coli with ‘tesA BB</p>
                             </div>
                             </div>
                         </li>
                         </li>
-
                       
+
 
                         <li>
                         <li>
-
                             <a href="#">Web Design<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Early August<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>
+
                                <h2 class="title"><b>Week 1 (1/8~2/8)</b></h2>
-
                                 <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>
+
                                 <p><b>-</b> Cell lysis of picked E. coli with ‘tesA BB</p>
-
                                 <img src="images/7.jpg" alt="image07"/>
+
                                 <p><b>-</b> Colonies PCR of ‘tesA BB by using VF2 & VR primer</p>
-
                                 <img src="images/8.jpg" alt="image08"/>
+
                                 <p><b>-</b> Send the ‘tesA BB plasmid for sequencing</p>
-
                                 <img src="images/9.jpg" alt="image09"/>
+
 
-
                                 <img src="images/10.jpg" alt="image10"/>
+
                                 <h2 class="title"><b>Week 2 (3/8~9/8)</b></h2>
-
                                 <img src="images/11.jpg" alt="image11"/>
+
                                 <p><b>-</b> 2nd PCR of ‘tesA <br>∵ The first PCR product of ‘tesA was degraded over a long period of storage time</p>
-
                                 <img src="images/12.jpg" alt="image12"/>
+
                                 <p><b>-</b> PCR purification of ‘tesA PCR product</p>
 +
                                 <p><b>-</b> 1st Digestion of ‘tesA by using XbaI & PstI restriction enzyme<br>-> After running gel, no fragment showed in pilot ( other plasmid with the Xbal & Pstl respectively) , could not determine whether the digestion was success or not</p>
 +
                                 <p><b>-</b> 2nd digestion of ‘tesA by using XbaI & PstI restriction enzyme with adding one more control pilot that is only plasmid with no enzyme<br>-> Still no fragment presented in pilot, we wonder whether the pilot plasmid or the restriction enzyme had problem</p>
 +
                                <p><b>-</b> 3rd digestion of lac promoter in pSB1C3 plasmid & pbad promoter in pSB1C3 plasmid by using EcoRI, XbaI, SpeI & PstI restriction enzyme<br>-> All of the restriction enzyme worked normally, but the pbad promoter in pSB1C3 plasmid was degraded</p>
 +
                                <p><b>-</b> 4th digestion of ‘tesA by using XbaI & PstI restriction enzyme</p>
 +
                                <p><b>-</b> Sub-cloning of‘tesA into rbs in pSB1C3 plasmid (Part: BBa_B0030)</p>
 +
                               
                             </div>
                             </div>
                         </li>
                         </li>
 +
                         <li>
                         <li>
-
                             <a href="#">Illustrations<span class="st-arrow">Open or Close</span></a>
+
                             <a href="#">Late August<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>
+
                                 <h2 class="title"><b>Week 3 (10/8~16/8)</b></h2>
-
                                <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><b>-</b> 1st Transformation of ‘tesA with rbs (BBa_B0030) into W3110 E.coli</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>
+
                                 <p><b>-</b> Pick colonies of the transformed E. coli with ‘tesA & rbs (BBa_B0030)</p>
-
                            </div>
+
                                 <p><b>-</b> Send the‘tesA with rbs (BBa_B0030) plasmid for sequencing<br>∵ The sequencing result showed the coding error of the rbs<br> -> Used BBa_B0034 rbs in pSB1C3 plasmid to replace BBa_B0030 rbs for 2nd cloning </p>
-
                        </li>
+
                               
-
                        <li>
+
 
-
                            <a href="#">Miscancellous<span class="st-arrow">Open or Close</span></a>
+
                                <h2 class="title"><b>Week 4 (17/8~23/8)</b></h2>
-
                            <div class="st-content">
+
                                 <p><b>-</b> 3rd PCR of tesA’ <br>∵ The 2nd PCR product of ‘tesA was used up</p>
-
                                <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><b>-</b> PCR purification of ‘tesA PCR product</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>
+
                                <p><b>-</b> 5th digestion of ‘tesA by using XbaI and PstI restriction enzyme</p>
-
                            </div>
+
                                 <p><b>-</b> Sub-cloning of ‘tesA into rbs in pSB1A2 plasmid (Part: pSB1A2- BBa_B0034)</p>
-
                        </li>
+
                                 <p><b>-</b> Miniprep of pbad promoter (Part: pSB1C3-BBa_I13453)</p>
-
                        <li>
+
                                <p><b>-</b> 2nd tramsformation of ‘tesA with rbs (BBa_B0034) into W3110 E.coli</p>
-
                            <a href="#">References<span class="st-arrow">Open or Close</span></a>
+
                                 <p><b>-</b> 1st digestion of pbad promoter (BBa_I13453) by using SpeI & PstI restriction enzyme</p>
-
                            <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>
+
                                <h2 class="title"><b>Week 5 (24/8~30/8)</b></h2>
-
                                 <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
+
                                 <p><b>-</b> Pick colonies of the transformed E. coli with ‘tesA & rbs (BBa_B0034)</p>
-
                            </div>
+
                                <p><b>-</b> Cell lysis of the picked E. coli with ‘tesA & rbs (BBa_B0034)</p>
-
                        </li>
+
                                 <p><b>-</b> Colonies PCR of ‘tesA & rbs (BBa_B0034) by using VF2 & VR primer</p>
-
                        <li>
+
                                <p><b>-</b> Send the‘tesA with rbs (BBA-B0034) plasmid for sequencing</p>
-
                            <a href="#">Internship<span class="st-arrow">Open or Close</span></a>
+
                                 <p><b>-</b> Miniprep of ‘tesA with rbs (BBa_B0034)</p>
-
                            <div class="st-content">
+
                                 <p><b>-</b> 1st digestion of ‘tesA with rbs (BBa_B0034) by using XbaI & PstI restriction enzyme</p>
-
                                <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><b>-</b> Gel purification of digested ‘tesA with rbs (BBa_B0034)</p>
-
                                <p>Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
+
                                 <p><b>-</b> PCR purification of pbad promoter (BBa_I13453) digested in week 4</p>
-
                            </div>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href="#">Jobs<span class="st-arrow">Open or Close</span></a>
+
-
                            <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>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href="#">Events<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="#">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>
+
-
                        </li>
+
-
<li>
+
-
                            <a href="#">Events<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="#">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>
+
-
                        </li>
+
-
<li>
+
-
                            <a href="#">Events<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="#">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>
 +
                                                                                                                           
 +
                                             
                     </ul>
                     </ul>
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>
-
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 
-
        <script type="text/javascript">
+
<br><br><br>
-
            $(function() {
+
</body>
-
+
-
$('#st-accordion').accordion({
+
-
oneOpenedItem : true
+
-
});
+
-
+
-
            });
+
-
        </script>
+
-
    </body>
+
</html>
</html>

Latest revision as of 15:08, 11 September 2014

Bootstrap 101 Template



TesA module's lablog

  • JulyOpen or Close

    Week 3 (13/7~19/7)

    - Primer design for leaderless tesA for Fit-coli (‘tesA) & New biobrick (‘tesA BB)

    Week 4 (20/7~26/7)

    - PCR of ‘tesA and ‘tesA BB

    - PCR purification of ‘tesA and ‘tesA BB

    - Prepare LB agar plates(‘tesA BB)

    Week 5 (27/7~31/7)

    - Digestion of ‘tesA BB and pSB1C3 plasmid with EcoRI & PstI restriction enzymes

    - PCR purification for digested ‘tesA BB

    - Sub-cloning of ‘tesA BB into pSB1C3 plasmid

    - Transformation of ‘tesA BB into W3110 E.coli

    - Pick colonies of the transformed E. coli with ‘tesA BB

  • Early AugustOpen or Close

    Week 1 (1/8~2/8)

    - Cell lysis of picked E. coli with ‘tesA BB

    - Colonies PCR of ‘tesA BB by using VF2 & VR primer

    - Send the ‘tesA BB plasmid for sequencing

    Week 2 (3/8~9/8)

    - 2nd PCR of ‘tesA
    ∵ The first PCR product of ‘tesA was degraded over a long period of storage time

    - PCR purification of ‘tesA PCR product

    - 1st Digestion of ‘tesA by using XbaI & PstI restriction enzyme
    -> After running gel, no fragment showed in pilot ( other plasmid with the Xbal & Pstl respectively) , could not determine whether the digestion was success or not

    - 2nd digestion of ‘tesA by using XbaI & PstI restriction enzyme with adding one more control pilot that is only plasmid with no enzyme
    -> Still no fragment presented in pilot, we wonder whether the pilot plasmid or the restriction enzyme had problem

    - 3rd digestion of lac promoter in pSB1C3 plasmid & pbad promoter in pSB1C3 plasmid by using EcoRI, XbaI, SpeI & PstI restriction enzyme
    -> All of the restriction enzyme worked normally, but the pbad promoter in pSB1C3 plasmid was degraded

    - 4th digestion of ‘tesA by using XbaI & PstI restriction enzyme

    - Sub-cloning of‘tesA into rbs in pSB1C3 plasmid (Part: BBa_B0030)

  • Late AugustOpen or Close

    Week 3 (10/8~16/8)

    - 1st Transformation of ‘tesA with rbs (BBa_B0030) into W3110 E.coli

    - Pick colonies of the transformed E. coli with ‘tesA & rbs (BBa_B0030)

    - Send the‘tesA with rbs (BBa_B0030) plasmid for sequencing
    ∵ The sequencing result showed the coding error of the rbs
    -> Used BBa_B0034 rbs in pSB1C3 plasmid to replace BBa_B0030 rbs for 2nd cloning

    Week 4 (17/8~23/8)

    - 3rd PCR of tesA’
    ∵ The 2nd PCR product of ‘tesA was used up

    - PCR purification of ‘tesA PCR product

    - 5th digestion of ‘tesA by using XbaI and PstI restriction enzyme

    - Sub-cloning of ‘tesA into rbs in pSB1A2 plasmid (Part: pSB1A2- BBa_B0034)

    - Miniprep of pbad promoter (Part: pSB1C3-BBa_I13453)

    - 2nd tramsformation of ‘tesA with rbs (BBa_B0034) into W3110 E.coli

    - 1st digestion of pbad promoter (BBa_I13453) by using SpeI & PstI restriction enzyme

    Week 5 (24/8~30/8)

    - Pick colonies of the transformed E. coli with ‘tesA & rbs (BBa_B0034)

    - Cell lysis of the picked E. coli with ‘tesA & rbs (BBa_B0034)

    - Colonies PCR of ‘tesA & rbs (BBa_B0034) by using VF2 & VR primer

    - Send the‘tesA with rbs (BBA-B0034) plasmid for sequencing

    - Miniprep of ‘tesA with rbs (BBa_B0034)

    - 1st digestion of ‘tesA with rbs (BBa_B0034) by using XbaI & PstI restriction enzyme

    - Gel purification of digested ‘tesA with rbs (BBa_B0034)

    - PCR purification of pbad promoter (BBa_I13453) digested in week 4




Retrieved from "http://2014.igem.org/Team:CityU_HK/notebook/lablog/project1"