Difference between revisions of "Team:Pretoria UP"

Line 1: Line 1:
 
{{Pretoria_UP}}
 
{{Pretoria_UP}}
 
<html>
 
<html>
    <head>
+
        <style>
+
<head>
            #gridTable img
+
            {
+
                width:30px;
+
            }
+
            #gridTable {
+
                margin:0px;padding:0px;
+
  
                box-shadow: 10px 10px 5px #888888;
+
<style>
                border:1px solid #000000;
+
.wtf_div_1 #bannerHolder
 +
{
 +
position:absolute !important;
 +
background-color: white;
 +
width:1700px;
 +
}
 +
.wtf_div_2 #bannerHolder
 +
{
 +
position:absolute !important;
 +
background-color: white;
 +
width:1100px;
  
                -moz-border-radius-bottomleft:0px;
+
}
                -webkit-border-bottom-left-radius:0px;
+
#animation
                border-bottom-left-radius:0px;
+
{
  
                -moz-border-radius-bottomright:0px;
+
top:0px;
                -webkit-border-bottom-right-radius:0px;
+
}
                border-bottom-right-radius:0px;
+
  
                -moz-border-radius-topright:0px;
 
                -webkit-border-top-right-radius:0px;
 
                border-top-right-radius:0px;
 
  
                -moz-border-radius-topleft:0px;
+
#bannerHolder
                -webkit-border-top-left-radius:0px;
+
{
                border-top-left-radius:0px;
+
top:50px;
            }#gridTable table{
+
                border-collapse: collapse;
+
                border-spacing: 0;
+
                width:100%;
+
                height:100%;
+
                margin:0px;padding:0px;
+
            }#gridTable tr:last-child td:last-child {
+
                -moz-border-radius-bottomright:0px;
+
                -webkit-border-bottom-right-radius:0px;
+
                border-bottom-right-radius:0px;
+
            }
+
            #gridTable table tr:first-child td:first-child {
+
                -moz-border-radius-topleft:0px;
+
                -webkit-border-top-left-radius:0px;
+
                border-top-left-radius:0px;
+
            }
+
            #gridTable table tr:first-child td:last-child {
+
                -moz-border-radius-topright:0px;
+
                -webkit-border-top-right-radius:0px;
+
                border-top-right-radius:0px;
+
            }#gridTable tr:last-child td:first-child{
+
                -moz-border-radius-bottomleft:0px;
+
                -webkit-border-bottom-left-radius:0px;
+
                border-bottom-left-radius:0px;
+
            }#gridTable tr:hover td{
+
  
            }
+
  height: 0px;
            #gridTable td
+
            {
+
                border:1px solid #000000;
+
            }
+
  
            #gridTable th
+
  opacity: 0.8;
            {
+
  background: black;
                border:1px solid black!important;
+
}
            }
+
#description
            /*======================================SET TABLE CELL COLORS=====================================================*/
+
{
            #gridTable tr:nth-child(odd){ background-color:skyblue; }
+
color:blue;
            #gridTable tr:nth-child(even)    { background-color:#ffffff; }.gridTable td{
+
text-shadow: 2px 2px 5px red;
                vertical-align:middle;
+
font-size: 20pt;
 +
  top: 4.7em;
  
 +
}
  
                border:1px solid #000000;
+
</style>
                border-width:0px 1px 1px 0px;
+
                text-align:left;
+
                padding:7px;
+
                font-size:10px;
+
                font-family:Arial;
+
                font-weight:normal;
+
                color:black;
+
            }#gridTable tr:last-child td{
+
                border-width:0px 1px 0px 0px;
+
            }#gridTable tr td:last-child{
+
                border-width:0px 0px 1px 0px;
+
            }#gridTable tr:last-child td:last-child{
+
                border-width:0px 0px 0px 0px;
+
            }
+
            #gridTable tr:first-child td{
+
                background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
+
                background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
+
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#ff7f00,bf5f00);
+
  
                background-color:#ff7f00;
 
                border:0px solid #000000;
 
                text-align:center;
 
                border-width:0px 0px 1px 1px;
 
                font-size:14px;
 
                font-family:Arial;
 
                font-weight:bold;
 
                color:#ffffff;
 
            }
 
            #gridTable tr:first-child:hover td{
 
                background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
 
                background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
 
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00"); background: -o-linear-gradient(#ff7f00,red,bf5f00);
 
  
                background-color:red;
+
<script>
            }
+
            #gridTable tr:first-child td:first-child{
+
                border-width:0px 0px 1px 0px;
+
            }
+
            #gridTable tr:first-child td:last-child{
+
                border-width:0px 0px 1px 1px;
+
            }
+
  
            .AJR_TD
+
window.onload = function() {
            {
+
performMenuHiding();
                font-weight: bold;
+
$('#animation').css({marginTop: '-=50px'});
                color: darkmagenta
+
};
                    padding-left: 10px;
+
            }
+
  
 +
</script>
 +
</head>
  
        </style>
+
<body>
 +
<div class="wtf_div">
  
    </head>
+
<div align="center" id ="bannerHolder" style="clear:both;">
    <div class="wtf_div">
+
<!--<img id="Banner" alt="Banner By Natascha Muller" src="/wiki/images/5/54/Team_Pretoria_UP_banner.jpg" />
 +
-->
 +
<h4 id="description">SYNCHRONIZED, CONDITIONAL, IRREVERSIBLE CHEMOTAXIS PROGRAMMING...</h4>
 +
</div>
  
        <h2>Notebook</h2>
 
  
 +
<div align="center" style="width:90%;height:520px;">
 +
<br>
 +
<img id="animation" alt="Animation by Schae Ind" src="/wiki/images/1/15/Up_animation.gif"/>
  
 +
<font size="1" color="grey">
 +
<br>
 +
</font>
 +
</div>
  
 +
<div align="center" style="width:100%; padding-right:6%;">
 +
<h3 style="clear:both;"> Project Description </h3>
  
 
+
<p>  
 
+
Lorem ipsum dolor sit amet, mel causae invenire id, deleniti delectus disputationi cum ei. Id aliquam oportere sea, et saepe consulatu eam. Ius ne minimum dissentias quaerendum, saperet senserit persequeris at his. Graecis democritum eos ne, at dicit petentium eos. Eum no novum tempor, t
 
+
        <!--*******************************************************************************************-->
+
        <!--******************************************SLIDESHOW****************************************-->
+
        <!--*******************************************************************************************-->
+
        <div  id="carousel-example-generic" class="carousel slide" data-ride="carousel" style = "width: 100%;">
+
 
+
            <!-- Wrapper for slides -->
+
            <div class="carousel-inner">
+
                <div class="item active">
+
                    <img src="https://static.igem.org/mediawiki/2015/3/30/Up_slides_1.jpg">
+
                </div>
+
                <div class="item">
+
                    <img src="https://static.igem.org/mediawiki/2015/e/ee/Up_slides_2.jpg">
+
                </div>
+
 
+
                <div class="item">
+
                    <img src="https://static.igem.org/mediawiki/2015/7/7c/Up_slides_4.jpg">
+
                </div>
+
                <div class="item">
+
                    <img src="https://static.igem.org/mediawiki/2015/f/f1/Up_slides_5.jpg">
+
                </div>
+
                <div class="item">
+
                    <img src="https://static.igem.org/mediawiki/2015/b/b0/Up_slides_6.jpg">
+
                </div>
+
                <div class="item">
+
                    <img src="https://static.igem.org/mediawiki/2015/d/d1/Up_slides_7.jpg">
+
                </div>
+
                <div class="item">
+
                    <img src="https://static.igem.org/mediawiki/2015/8/88/Up_slides_8.jpg">
+
                </div>
+
                <div class="item">
+
                    <img src="https://static.igem.org/mediawiki/2015/c/c9/Up_slides_9.jpg">
+
                </div>
+
            </div>
+
 
+
            <!-- Controls -->
+
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
                <span class="glyphicon glyphicon-chevron-left img-rounded"></span>
+
            </a>
+
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
                <span class="glyphicon glyphicon-chevron-right img-rounded"></span>
+
            </a>
+
        </div> <!-- Carousel -->
+
 
+
        <!--*******************************************************************************************-->
+
        <!--*******************************************************************************************-->
+
        <br><br>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
        <!-- CHANGED BY JMI -->
+
        <div id="tableDiv" align="center";>
+
            <table id="gridTable" style="text-align: center; width:80%;">
+
 
+
 
+
                <tr>
+
                    <th class="AJR_TH"> </th>
+
                    <th class="AJR_TH"> <h4 style="width:160px; text-align: center;">Date</h4> </th>
+
                <th class="AJR_TH"> <h4 style="text-align: center;"> Activity</h4> </b></th>
+
                <th class="AJR_TH"> <h4 style="text-align: center;">Participants </h4> </b></th>
+
                </tr>
+
 
+
 
+
 
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-03-03 </td> <td class="AJR_TD" > Introduction to iGEM by advisor Steven Hussey.
+
                        Examples of successful iGEM projects were discussed.
+
                        Started to think about project ideas. </td> <td class="AJR_TD" > Interested parties and advisor Steven Hussey </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-03-24 </td> <td class="AJR_TD" > Participation criteria for iGEM team discussion.
+
                        Attendance by 19 interested students, final team size will be 8.
+
                        Applications for Pretoria UP iGEM team by 13 April. </td> <td class="AJR_TD" > Interested parties and advisor Steven Hussey </td> </tr>
+
                <tr class="" ><td class="AJR_TD" >
+
                        <img id="Banner" alt="Hand" src="/wiki/images/c/c6/Up_lab.png" /></td> <td class="AJR_TD" > 2015-04-21 </td> <td class="AJR_TD" > The iGEM kit arrived </td> <td class="AJR_TD" > </td> </tr>
+
 
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-04-24 </td> <td class="AJR_TD" > Selection of final team members:
+
                        Axel Ind
+
                        Ricu Claassens
+
                        Vaughn Barendsen
+
                        Nomakula Zim
+
                        Thabang Msimango
+
                        Modjadji Makwela
+
                        Gert Pietersen
+
                        Brad Querl </td> <td class="AJR_TD" > Interested parties and advisor Steven Hussey </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-04-28 </td> <td class="AJR_TD" > First meeting as the UP iGEM team 2015
+
                        Registration of team with iGEM HQ
+
                        Shortlisting of project ideas from which we would choose the best one to work on as a team
+
                        Introduction to BioBricks and how the repository works </td> <td class="AJR_TD" > Interested parties and advisor Steven Hussey </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-05-09 </td> <td class="AJR_TD" > Brainstorming workshop
+
                        We decided to build on WITS_CSIR’s Chemotactic “Biotweet” design
+
                        Discussed 5 potential improvements we could add:
+
                        1) E.coli torrents (information collation)
+
                        2) Travel history
+
                        3) ”Mob-coli”
+
                        4) Trade routes visualisation of motile E. coli
+
                        5) Conditional “Reply Tweet” </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" >
+
                        <img id="Banner" alt="Hand" src="/wiki/images/c/c6/Up_lab.png" /></td> <td class="AJR_TD" > 2015-05-19 </td> <td class="AJR_TD" > 2015 iGEM project proposal
+
                        Prototype Circuit design:
+
                    </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-05-30 </td> <td class="AJR_TD" > Split the team into smaller groups to work in parallel on each functional module in the prototype, researching previous iGEM projects with similar components and browsing the iGEM BioBrick repository for desired BioBricks </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/c/c6/Up_lab.png" /></td> <td class="AJR_TD" > 2015-06-05 </td> <td class="AJR_TD" > The team was now at the stage where it could decide on which components to test and how
+
                        Recap on the different BioBrick assembly methods
+
                        Developed procedure for characterising our constructs deciding on aspects such as choice of vector, experimental conditions and competition requirements.
+
                        Refinement of switch: adoption of a permanent genetic switch
+
                    </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-06-12 </td> <td class="AJR_TD" > Decided on focusing our efforts on two modules and split the team in two groups to work on the separate modules:
+
                        Cre recombinase switch
+
                        AND gate
+
                        Whatsapp and Facebook groups were created for communication purposes.
+
                        A Google drive account was also created for the team to store all the work in one place.
+
                        Identified possible complications with the Cre recombinase system. </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-06-25 </td> <td class="AJR_TD" > The two initial designs for the modules that are being characterised:
+
                        AND logic gate
+
                        Recombinase Switch design </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/7/73/Up_human.png" /></td><td class="AJR_TD" > 2015-06-29 </td> <td class="AJR_TD" > Discussed the possibility of attending the jamboree and how we could go about acquiring funding before September. </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/c/c6/Up_lab.png" /></td>
+
                <td class="AJR_TD" > 2015-06-30 </td> <td class="AJR_TD" > Discussed the inverter switch mechanism and confirmed our design of the parts required to characterise this module.
+
                    BioBrick specifications were discussed in context of the assembly standard 10. </td> <td class="AJR_TD" > </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/c/c6/Up_lab.png" />
+
                        </td> <td class="AJR_TD" > 2015-07-02 </td> <td class="AJR_TD" > Concerns raised about which plasmids to use for the experimental work to follow – multiple antibiotic resistance genes would be required.
+
                        It was decided that the parts would be cloned into pSB plasmids for the characterisation.
+
                        Decided that we would not have time to test the “AND” gate </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/7/73/Up_human.png" /></td> <td class="AJR_TD" > 2015-07-06 </td> <td class="AJR_TD" > Discussed obtaining team shirts
+
                        Logo discussed to represent our team
+
                        Experimental procedures, as well as which track we are going to complete in in the jamboree. </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/c/c6/Up_lab.png" /></td> <td class="AJR_TD" > 2015-07-20 </td> <td class="AJR_TD" > Finished compiling the sequences for gBlock synthesis and placed the order at IDT. </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/7/73/Up_human.png" /></td> <td class="AJR_TD" > 2015-07-21 </td> <td class="AJR_TD" > The whole team is back from the holidays  and ready for the final stretch before the Jamboree </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-07-28 </td> <td class="AJR_TD" > A budget for travel, residence, living expenses and registration for the Jamboree was compiled </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /> </td><td class="AJR_TD" > 2015-07-29 </td> <td class="AJR_TD" > Email was sent to our iGEM HQ representative  about the progress we are making and the current status of our project. </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-07-31 </td> <td class="AJR_TD" > The teams financial position and important decisions regarding the future directions
+
                        ·        Funding for the whole team to attend the giant jamboree would be impossible for 2015
+
                        ·        Two representatives and our academic representative would attend the jamboree
+
                        ·        A formal nomination and election process was held to chose representatives
+
                        gBlock synthesis order placed from IDT - promotion
+
                        Much of the wiki content already developed offline </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/c/c6/Up_lab.png" /></td> <td class="AJR_TD" > 2015-08-01 </td> <td class="AJR_TD" > First labwork completed: transformations for the GFP and RFP positive control constructs
+
                        Finally decide on a team name for our project: ”Switch Coli” </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-08-07 </td> <td class="AJR_TD" > Submission of abstract for the team’s project </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/7/73/Up_human.png" /></td> <td class="AJR_TD" > 2015-08-14 </td> <td class="AJR_TD" > Our team logo with the help of a qualified graphic designer – Marilyn Ekoka.
+
 
+
                        Prioritised content for the wiki </td> <td class="AJR_TD" > UP iGEM team 2015 and graphic designer Marilyn Ekoka </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/7/73/Up_human.png" /></td> <td class="AJR_TD" > 2015-08-28 </td> <td class="AJR_TD" > Completed the iGEM safety form
+
                        Developed a survey which will be completed as part of the human practices aspect of our project </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/3/3e/Up_design.png" /></td> <td class="AJR_TD" > 2015-08-29 </td> <td class="AJR_TD" > We received our six gBlocks fragments and started cloning our BioBricks </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/7/73/Up_human.png" /></td> <td class="AJR_TD" > 2015-09-04 </td> <td class="AJR_TD" > We participate in our first community outreach, at Lehlabile secondary School in Mamelodi. Gave a presentation on synthetic biology to Grade 11 science pupils, discussed synthetic biology innovation, and asked them to fill out our survey. </td> <td class="AJR_TD" > Lehlabile secondary School in Mamelodi grade 11 pupils and UP iGEM team 2015 </td> </tr>
+
                <tr class="" ><td class="AJR_TD" ><img id="Banner" alt="Hand" src="/wiki/images/8/86/Up_wiki.png" /></td> <td class="AJR_TD" > 2015-09-06 </td> <td class="AJR_TD" > First set of content added to wiki </td> <td class="AJR_TD" > UP iGEM team 2015 </td> </tr>
+
            </table>
+
 
+
        </div>
+
        <!-- END OF CHNAGED BY JMI -->
+
    </div>
+
    <br>
+
    <br>
+
</div>
+
</html>
+

Revision as of 21:46, 12 September 2015

SYNCHRONIZED, CONDITIONAL, IRREVERSIBLE CHEMOTAXIS PROGRAMMING...


Animation by Schae Ind

Project Description

Lorem ipsum dolor sit amet, mel causae invenire id, deleniti delectus disputationi cum ei. Id aliquam oportere sea, et saepe consulatu eam. Ius ne minimum dissentias quaerendum, saperet senserit persequeris at his. Graecis democritum eos ne, at dicit petentium eos. Eum no novum tempor, t