Difference between revisions of "Team:Pretoria UP"

Line 1: Line 1:
−
{{Pretoria_UP}}
 
−
<html>
 
−
<head>
 
−
</head>
 
−
<body>
 
−
<!-- Team introduction -->
 
−
<div class="column full_size" align="justify">
 
−
<h2 style="color:black"> Our Team </h2>
 
−
<p>We are Pretoria_UP, the iGEM team of the University of Pretoria.
 
−
We study microbiology, medical plant science, biotechnology, genetics, multimedia, electronic engineering, mechanical engineering and industrial engineering.
 
−
Our team consists of 3 graduates and 8 undergraduates, as well as 1 instructor and 7 advisors.
 
−
This year we are working on Synthetic RNA aptamers for thylakoid tethering in photo-electrobiochemical cells - a project called Watts-Aptamer!</p>
 
−
</div>
 
  
−
<!--Banner-->
+
<html lang="en">
−
<div class="column full_size" >
+
<cfheader name="X-XSS-Protection" value="1">
−
<img src="https://static.igem.org/mediawiki/2016/9/9f/Pretoria_UP_Team_1.jpeg">
+
    <head>
−
</div>
+
        <meta charset="utf-8" />
  
−
<!-- Project Background -->
+
<!-- the wiki css and fonts below are from William and Mary 2015 -->
−
<div class="column full_size" align="justify">
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
−
<h2> Project Background </h2>
+
        <title>WATTS-APTAMER - UP_PRETORIA iGEM</title>
−
<p>The world population of over 7.4 billion people, which  is rapidly increasing, consumes about 3500 kWh/year per capita.
+
        <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
−
The need for energy generated from renewable resources is becoming more significant in light of this demand and the threat of climate change.
+
        <link href="https://2015.igem.org/Team:William_and_Mary/bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
In recent years a lot of research into photo-bioelectrochemical cells explored different light-harvesting photosynthetic proteins.
+
<link href="https://2015.igem.org/Team:Stockholm/fixbootstrap?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
The research was aimed at discovering which proteins would serve as the best components in light-activated generation of fuels or electrical power. The proteins studied include photosynthetic reaction centers (RCs), photosystem I (PSI) and photosystem II (PSII) (Yehezkeli et al. 2014).
+
        <link href="https://2015.igem.org/Team:William_and_Mary/rubick?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
Aptamers are RNA or DNA oligonucleotides capable of binding to specific targets with high affinity and specificity.
+
        <link href="https://2015.igem.org/Team:William_and_Mary/demo?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
These aptamers are usually “mined” through a process called Systematic Evolution of Ligands by EXponential enrichment (SELEX),
+
        <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:William_and_Mary/jquerybxsliderCSS?action=raw&ctype=text/css" />
−
and many have been identified against different targets including proteins, organic compounds, nucleotides and even whole cells and
+
−
organisms (Germer et al. 2013).
+
−
</div>
+
  
−
<!-- Dividing in two columns -->
+
        <!--     Fonts and icons    -->
 +
        <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
 +
        <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
 +
        <link href="https://2015.igem.org/Team:William_and_Mary/pe-icon-7-stroke?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
        <link href="https://2015.igem.org/Team:William_and_Mary/Rubik-Fonts?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
       
 +
<!-- the wiki settings in the section immediately below are from UC San Diego 2015 -->
 +
        <style type="text/css">
 +
/* WIKI SETTINGS*/
 +
 +
/* Hide first heading */
 +
.firstHeading {
 +
display: none;
 +
}
 +
/* Visited hyperlinks */
 +
                        a:visited{
 +
                                color: #393d31;
 +
                        }
  
−
<!-- The problem -->
+
/*-- Remove borders, float content left and remove padding/margin */
−
<div class="column half_size" align="justify">
+
#globalWrapper, #content{
−
<h2>The problem: Attachment!</h2>
+
background-color: transparent;
 +
border: none;
 +
float: center;
 +
                                width: 101%;
 +
margin-left: -3px;
 +
margin-top: -8px;
 +
padding: auto;
 +
}
  
−
<p>Photo-bioelectrochemical cells hold great potential as clean, alternative energy sources.
+
/*left align Black Menu Bar */
−
A major barrier is the attachment, efficiency and cost of the system, making scalability unfeasible.
+
#top_menu_inside {
−
Particularly, synthetic linkers used for thylakoid attachment to electrodes are expensive and difficult to manufacture at sufficient scale.</p>
+
margin-left: 0px;
−
</div>
+
}
 +
.centerImage
 +
{
 +
text-align:center;
 +
display:block;
 +
}
 +
.wraptocenter {
 +
  display: table-cell;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
  width: 200px;
 +
  height: 200px;
 +
  background-color: #999;
 +
}
 +
.wraptocenter * {
 +
  vertical-align: middle;
 +
}
 +
</style>
  
−
<!-- Aim of our project-->
+
    </head>
−
<div class="column half_size" align="justify">
+
    <body class="landing-page">
−
<h2>Aim of our project</h2>
+
        <nav class="navbar navbar-default navbar-transparent navbar-fixed-top navbar-burger" role="navigation">
 +
            <!-- if you want to keep the navbar hidden you can add this class to the navbar "navbar-burger"-->
 +
            <div class="container">
 +
                <div class="navbar-header">
 +
                    <button id="menu-toggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar bar1"></span>
 +
                    <span class="icon-bar bar2"></span>
 +
                    <span class="icon-bar bar3"></span>
 +
                    </button>
 +
<a href="https://2016.igem.org/Team:Pretoria_UP" class="navbar-brand">UP_PRETORIA 2016</a>
 +
                </div>
 +
                <div class="collapse navbar-collapse">
 +
                    <ul class="nav navbar-nav navbar-right navbar-uppercase">
 +
<p>     </p>
  
−
<p>To design and construct an optimized photo-bioelectrochemical cell using an in planta RNA aptamer synthetic biology strategy
+
                        <li>
−
for self-assembling attachment of plant thylakoids to graphene-coated anodes.</p>
+
                            <a href="https://2016.igem.org/Team:Pretoria_UP">
−
</div>
+
                            Home
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Description">
 +
                            Project Description
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP#parts">
 +
                            Parts
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Measurement">
 +
                            Results
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Modeling">
 +
                            Modeling
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Interlab">
 +
                            Interlab Study
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Collaborations">
 +
                            Collaboration
 +
                            </a>
 +
                        </li>
 +
                        <!--<li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Software">
 +
                          Software
 +
                            </a>
 +
                        </li>-->
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Human_Practices">
 +
                            Human Practices
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP#ref">
 +
                            References
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Medal_Criteria">
 +
                            Medal Criteria
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2016.igem.org/Team:Pretoria_UP/Team">
 +
                            Team
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
        <div class="wrapper">
 +
       
 +
       
 +
       
 +
            <!--    replace this line with the code generated with the rubik-builder.html              -->
  
−
<!--<h2> Project Description </h2>
+
                        <div class="section section-header" id="header4">
−
<p>Description requirements: </p>
+
                            <div id="video-container-4" class="full-image pattern-image filter filter-gradient-black" data-color="gold">
−
<ul>
+
                               
−
    <li>Place descriptions on the front page of your team's wiki. There is no need to email them to iGEM HQ</li>
+
                                <div class="container">
−
    <li>Provide background on what your team has been working on so far (describe your project brainstorming and selection process)</li>
+
                                    <div class="content">
−
    <li>Describe what you hope to accomplish</li>
+
                                       
−
    <li>The description only needs to be a couple of paragraphs long.</li>
+
<image alt="..." src="https://static.igem.org/mediawiki/2016/e/ec/Pretoria_UP_WattsAptamer_Logo_Transparent_White.png" width="850px">
−
</ul>
+
                                        <!--<p class="h1WM" style="font-family:WMSlim-Joe">WATTS-APTAMER</p>-->
  
−
</br>-->
+
                                        <h5>Synthetic RNA aptamers for thylakoid tethering in photo-electrobiochemical cells</h5>
 +
                                    </div>
 +
                                </div>
 +
                            <video class="bgvid" preload="auto" loop="loop" autoplay="false" muted="muted" volume="0"><source src="https://static.igem.org/mediawiki/2016/e/e0/PretoriaUP_Okra_Seedling_Time_Lapse.webm" type="video/webm" responsive-src="https://2015.igem.org/Team:William_and_Mary/rubik_responsive.jpg"><source src="https://static.igem.org/mediawiki/2016/1/19/PretoriaUP_Okra_Seedling_Time_Lapse.mp4" type="video/mp4">Video not supported</video></div>
 +
                           
 +
                            <a href="" data-scroll="true" data-id="#projectdesc" class="scroll-arrow hidden-xs hidden-sm">
 +
                                <i class="fa fa-angle-down"></i>
 +
                            </a>
 +
                        </div>
 +
                   
 +
                        <div class="section section-we-are-2" id="projectdesc">
 +
                        <A NAME="whatis">
 +
                            <div class="text-area">
 +
                                <div class="container">
 +
                                    <div class="row">
 +
                                        <div class="col-md-4">
 +
                                            <div class="title">
  
 +
                                                <p class="h2WM">Project Abstract</p>
 +
<!--                                                <div class="separator-container">
 +
                                                    <div class="separator line-separator">?</div>
 +
                                                </div>-->
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-7 col-md-offset-1">
 +
                                            <div class="description">
 +
                                                <p>The world population consumes approximately 3500 kWh/y/capita, increasing the demand for clean alternative energy. Recent improvements of photo-bioelectrochemical cells (PBEC), which harness electrons from photosynthesis to generate electricity, include synthetic attachment of chloroplast thylakoids to graphene electrodes. However, current attachment techniques require costly chemically synthesized linkers and PBECs are not yet efficient enough for industrial energy generation. In this project, DNA aptamers were designed and evaluated as low-cost biological linkers to tether plant photosystem II (PSII) complexes to graphene foam electrodes. Systematic Evolution of Ligands by EXponential enrichment (SELEX), together with software developed by team Heidelberg 2015 (MAWS and JAWS) were used to develop PSII- and graphene-binding DNA aptamer candidates. This project aims to improve the attachment and orientation of the PSII complex to the graphene electrode for higher electron transfer efficiency, and serves as a prototype for the in planta expression of RNA aptamers for self-assembling thylakoid attachment.</p>
 +
                                                <p><a href="https://2016.igem.org/Team:Pretoria_UP/Description">Read more on our Project Description page.</a>
 +
                                                </p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="parallax full-image pattern-image">
 +
                                <img alt="..." class="parallax-img" src="https://static.igem.org/mediawiki/2016/6/64/PretoriaUP_LabBottles_1.jpg">
 +
                            </div>
 +
                        </div>
 +
                   
 +
 +
                   
 +
  <!-- Section "Our Projects" example 1: 2 Columns Full Width -->
 +
                        <div class="section section-we-made-1 section-with-hover" id="parts">
 +
                            <div class="text-area">
 +
                                <div class="title animate">
 +
                                    <p class = "h2WM">Parts</p2>
 +
<div class = "description">                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, enim id</p>
 +
<p><i>First:</i> Quisque feugiat imperdiet iaculis. Sed malesuada, felis quis egestas mollis, orci ex fermentum elit, sed varius nisl massa sit amet purus. Pellentesque habitant morbi tristique senectus et netus et male.<br> <i>Second:</i> Nullam urna est, aliquam quis gravida id, molestie in eros. Nulla sollicitudin neque vel volutpat sodales. Pellentesque in nibh sapien. Praesent vitae lectus sed ex aliquam aliquam varius at nisl. Sed imperdiet libero justo, eget tincidunt lectus efficitur vitae. Duis convallis, risus quis bibendum vulputate, massa sem aliquet eros, eu venenatis mag. <br> <i>Third:</i> Nullam urna est, aliquam quis gravida id, molestie in eros. Nulla sollicitudin neque vel volutpat sodales. Pellentesque in nibh sapien. Praesent vitae lectus sed ex aliquam aliquam varius at nisl. Sed imperdiet libero justo, eget tincidunt lectus efficitur vitae. Duis convallis, risus quis bibendum vulputate, massa sem aliquet eros, eu venenatis mag  </p>
 +
</p></div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="row" id="projectsLine1">
 +
                                <div class="col-md-3">
 +
                                    <div class="project animate">
 +
                                        <img alt="..." src="https://static.igem.org/mediawiki/2015/3/3e/Allparts.jpeg">
 +
                                        <a class="over-area color-black" href="https://2015.igem.org/Team:William_and_Mary/Parts">
 +
                                            <div class="content">
 +
                                                <h5>All Parts</h5>
 +
                                                <p>A categorized list of all parts.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-3">
 +
                                    <div class="project animate">
 +
                                        <img alt="..." src="https://static.igem.org/mediawiki/2015/7/7d/WMcollections.jpeg">
 +
                                        <a class="over-area color-black " href="https://2015.igem.org/Team:William_and_Mary/Part_Collection">
 +
                                            <div class="content">
 +
                                                <h5>Part Collection</h5>
 +
                                                <p>Guide RNAs for iGEMs top promoters. </p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-3">
 +
                                    <div class="project animate">
 +
                                        <img alt="..." src="https://static.igem.org/mediawiki/2015/7/7d/WMbasic.jpeg">
 +
                                        <a class="over-area color-black " href="https://2015.igem.org/Team:William_and_Mary/Basic_Part">
 +
                                            <div class="content">
 +
                                                <h5>Basic Part</h5>
 +
                                                <p>Targeted repression with dCAS9.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-3">
 +
                                    <div class="project animate">
 +
                                        <img alt="..." src="https://static.igem.org/mediawiki/2015/f/f4/WMcomposite.jpeg">
 +
                                        <a class="over-area color-black " href="https://2015.igem.org/Team:William_and_Mary/Composite_Part">
 +
                                            <div class="content">
 +
                                                <h5>Composite Part</h5>
 +
                                                <p>An original integrator suite for the E. coli chromosome.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "Our Projects" example 1: 2 Columns Full Width -->
 +
                       
 +
                    <!-- Section "What We do" example 4: Big Title & 3 columns icons -->
 +
 +
                    <div class="section section-we-do-2" id="workflow2">
 +
                        <div class="container">
 +
                            <div class="row">
 +
                                <div class="title add-animation animate">
 +
<!--                                    <h5 class="text-gray">Big Title &amp; 4 Columns Icons</h5>-->
 +
                                    <p class="h2WM">Measurement & Modeling</p>
 +
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, enim id pellentesque ullamcorper, quam nibh elementum lectus, in laoreet dolor diam pellentesque elit. Nullam at lorem urna. Vestibulum neque sem, viverra ut cursus volutpat, volutpat quis ex. Etiam posuere rutrum lacus, sed feugiat ex ornare pulvinar. .</p>
 +
                                </div>
 +
                                <div class="col-md-6">
 +
                                    <div class="card animation-1 add-animation animate">
 +
                                        <div class="icon">
 +
                                            <a href = "https://2016.igem.org/Team:Pretoria_UP/Measurement"><img alt="Click to go to Measurement" src="https://static.igem.org/mediawiki/2015/0/0f/WMRulerIconColor.png" height= "100" width= "150"/></a>
 +
                                        </div>
 +
                                        <h3><a href = "https://2016.igem.org/Team:Pretoria_UP/Measurement">Data & Analysis</a></h3>
 +
                                     
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-6">
 +
                                    <div class="card animation-2 add-animation animate">
 +
                                        <div class="icon">
 +
                                            <a href = "https://2016.igem.org/Team:Pretoria_UP/Modeling"><img alt="Click to go to the Model." src="https://static.igem.org/mediawiki/2015/7/72/WMNormalIconColor.png" height= "100" width= "150"/></a>
 +
                                        </div>
 +
                                        <h3><a href = "https://2016.igem.org/Team:Pretoria_UP/Modeling">Plasmid Fluctuation Model</a></h3>
 +
                                     
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 +
 +
                        <!-- Section "What We do" example 3: Small Title & 3 columns icons -->
 +
                        <div class="section section-we-do-2" id="workflow2">
 +
                            <div class="container">
 +
                                <div class="row">
 +
                                    <div class="title">
 +
                                        <p class = "h2WM">Human practices</p>
 +
                                    </div>
 +
<p>Our <a href="https://2016.igem.org/Team:Pretoria_UP/Human_Practices">Human Practices effort</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, enim id pellentesque ullamcorper, quam nibh elementum lectus, in laoreet dolor diam pellentesque elit. Nullam at lorem urna. Vestibulum neque sem, viverra ut cursus volutpat, volutpat quis ex. Etiam posuere rutrum lacus, sed feugiat ex ornare pulvinar. .</p>
 +
                                    <div class="col-md-10 col-md-offset-1">
 +
                                        <div class="row">
 +
                                            <div class="col-md-4">
 +
                                                <div class="card">
 +
                                                    <div class="icon">
 +
                                                        <a href="https://2016.igem.org/Team:Pretoria_UP/Human_Practices"><img alt="..." src="https://static.igem.org/mediawiki/2015/2/28/WMSpeechIconColor.png" height= "100" width= "100"/></a>
 +
                                                    </div>
 +
                                                    <h3><a href="https://2016.igem.org/Team:Pretoria_UP/Human_Practices">Adult Communication</a></h3>
 +
                                                </div>
 +
                                            </div>
 +
                                            <div class="col-md-4">
 +
                                                <div class="card">
 +
                                                    <div class="icon">
 +
                                                        <a href="https://2016.igem.org/Team:Pretoria_UP/Human_Practices"><img alt="..." src="https://static.igem.org/mediawiki/2015/0/07/WMBooksIconColor.png" height= "100" width= "100"/></a>
 +
                                                    </div>
 +
                                                    <h3><a href="https://2016.igem.org/Team:Pretoria_UP/Human_Practices">Youth Education</a></h3>
 +
                                                </div>
 +
                                            </div>
 +
                                            <div class="col-md-4">
 +
                                                <div class="card">
 +
                                                    <div class="icon">
 +
                                                        <a href="https://2016.igem.org/Team:Pretoria_UP/Human_Practices"><img alt="..." src="https://static.igem.org/mediawiki/2015/3/3e/WMTimeIconColor.png" height= "100" width= "100"/></a>
 +
                                                    </div>
 +
                                                    <h3><a href="https://2016.igem.org/Team:Pretoria_UP/Human_Practices">Long-Term Sustainability</a></h3>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 +
                   
 +
                    <!-- Section "Our Projects" example 2: 3 Columns Full Width -->
 +
                                            <div class="section section-we-made-1 section-with-hover" id="projects1">
 +
                                                <div class="text-area">
 +
                                                    <div class="title">
 +
                                                        <p class="h2WM">Collaboration</p>
 +
                    <!--                                    <div class="separator-container">
 +
                                                            <div class="separator line-separator">?</div>
 +
                                                        </div>-->
 +
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, enim id pellentesque ullamcorper, quam nibh elementum lectus, in laoreet dolor diam pellentesque elit. Nullam at lorem urna. Vestibulum neque sem, viverra ut cursus volutpat, volutpat quis ex. Etiam posuere rutrum lacus, sed feugiat ex ornare pulvinar. . </p>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="row" id="projectsLine1">
 +
                                                    <div class="col-md-4">
 +
                                                        <div class="project">
 +
                                                            <img alt="..." src="https://static.igem.org/mediawiki/2015/c/c8/WmInter.jpg">
 +
                                                            <a class="over-area color-green" href="https://2016.igem.org/Team:Pretoria_UP/Interlab">
 +
                                                                <div class="content">
 +
                                                                    <h4>Interlab Study</h4>
 +
                                                                    <p>Click for details.</p>
 +
                                                                </div>
 +
                                                            </a>
 +
                                                        </div>
 +
                                                    </div>
 +
                                                    <div class="col-md-4">
 +
                                                        <div class="project">
 +
                                                            <img alt="..." src="https://static.igem.org/mediawiki/2015/6/6f/Wmpenpal.jpg">
 +
                                                            <a class="over-area color-black" href="https://2016.igem.org/Team:Pretoria_UP/Collaborations#penpals">
 +
                                                                <div class="content">
 +
                                                                    <h4>PenPal Program</h4>
 +
                                                                    <p>Click for details.</p>
 +
                                                                </div>
 +
                                                            </a>
 +
                                                        </div>
 +
                                                    </div>
 +
                                                    <div class="col-md-4">
 +
                                                        <div class="project">
 +
                                                            <img alt="..." src="https://static.igem.org/mediawiki/2015/a/af/WmCollCam.png">                                   
 +
                                                            <a class="over-area color-blue " href="https://2016.igem.org/Team:Pretoria_UP/Collaborations#otherteams">
 +
                                                                <div class="content">
 +
                                                                    <h4>With Other Teams</h4>
 +
                                                                    <p>Click for details.</p>
 +
                                                                </div>
 +
                                                            </a>
 +
                                                        </div>
 +
                                                    </div>
 +
                                                </div>
 +
                                            </div>
 +
                                            <!-- End Section "Our Projects" example 2: 3 Columns Full Width -->
 +
                   
 +
<!-- MEDAL CRITERIA HERE -->
 +
 +
<div class="section section-we-are-2">
 +
                            <div class="text-area">
 +
                                <div class="container">
 +
                                    <div class="row">
 +
                                        <div class="col-md-4">
 +
                                            <div class="title">
 +
                                                <p class="h2WM">Medal Criteria</p>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-7 col-md-offset-1">
 +
                                            <div class="content">
 +
                                                <p><a href="https://2016.igem.org/Team:Pretoria_UP/Medal_Criteria">We're very proud of all of our accomplishments! Click here to learn more about what we did to reach our goals.</a></p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
 +
<!--End Medal Criteria -->     
 +
                   
 +
                        <!-- Section "Team" example 1: Title & Full Image -->
 +
                        <div class="section section-team-1" id="team1">
 +
                            <div class="container">
 +
                                <div class="text-area">
 +
                                    <div class="title">
 +
                                        <p class="h2WM">Team</p>
 +
<!--                                        <div class="separator-container">
 +
                                            <div class="separator line-separator">?</div>
 +
                                        </div>-->
 +
<div class="content">
 +
                                        <a href="https://2016.igem.org/Team:Pretoria_UP/Team"><p>Click here to learn more about our team.</p></a>
 
</div>
 
</div>
−
</body>
+
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div><br><br><br><br><br><br><br><br><br>
 +
                                <img alt="..." src="https://static.igem.org/mediawiki/2016/9/9f/Pretoria_UP_Team_1.jpeg" width="100%">
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "Team" example 1: Description & Full Image -->
 +
 
 +
 
 +
                        <!-- Section "ref" example 2: Text & Icons -->
 +
                        <div class="section section-numbers-1" id="ref">
 +
                            <div class="container">
 +
                                <div class="text-area">
 +
                                    <div class="title">
 +
                                        <p class="h2WM">References</p>
 +
<!--                                      <div class="separator-container">
 +
                                            <div class="separator line-separator">?</div>
 +
                                        </div>-->
 +
                                    </div>
 +
                                </div>
 +
                                <div class="clearfix"></div>
 +
                                <div class="row">
 +
                                <div class="title add-animation animate">
 +
                                    <div class="col-md-4">
 +
                                        <div class="card">
 +
                                            <div class="icon">
 +
                                                <a href="https://2016.igem.org/Team:Pretoria_UP/Notebook"><img alt="..." src="https://static.igem.org/mediawiki/2015/a/a6/WMNotebookIconColor.png" height= "100" width= "90"/></a>
 +
                                            </div>
 +
                                            <h3>
 +
<a href="https://2016.igem.org/Team:Pretoria_UP/Notebook">
 +
                            Notebook</a></h3>
 +
<!--                                            <h5 class="text-gray">explain</h5>-->
 +
<!--                                          <div class="number" id="customersNo">
 +
                                                5.382
 +
                                            </div>-->
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4">
 +
                                        <div class="card">
 +
                                            <div class="icon">
 +
                                                <a href="https://2016.igem.org/Team:Pretoria_UP/Safety"><img alt="..." src="https://static.igem.org/mediawiki/2015/7/79/WMGogglesIconColor.png" height= "100" width= "100"/></a>
 +
                                            </div>
 +
                                            <h3>
 +
<a href="https://2016.igem.org/Team:Pretoria_UP/Safety">
 +
                            Safety</a></h3>
 +
<!--                                            <h5 class="text-gray">explain</h5>-->
 +
<!--                                            <div class="number" id="projectsNo">
 +
                                                26.832
 +
                                            </div>-->
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4">
 +
                                        <div class="card">
 +
                                            <div class="icon">
 +
                                                <a href="https://2016.igem.org/Team:Pretoria_UP/Attributions"> <img alt="..." src="https://static.igem.org/mediawiki/2015/a/aa/WMTUIconColor.png" height= "100" width= "100"/></a>
 +
                                            </div>
 +
                                            <h3>
 +
<a href="https://2016.igem.org/Team:Pretoria_UP/Attributions">
 +
                            Attributions</a></h3>
 +
<!--                                            <h5 class="text-gray">explain</h5>-->
 +
<!--                                            <div class="number" id="citiesNo">
 +
                                                278
 +
                                            </div>-->
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        </div>
 +
                        <!-- End Section "Numbers" example 2: Text & Image -->
 +
                   
 +
                   
 +
                      <footer class="footer footer-color-black" data-color="black">
 +
                            <div class="container">
 +
                                <nav class="pull-left navbar-burger">
 +
                                    <ul>
 +
                                        <li>
 +
                                            <a href="https://2016.igem.org/Team:Pretoria_UP">
 +
                                                Home
 +
                                            </a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="mailto:PretoriaUPiGEM@gmail.com">
 +
                                                Contact
 +
                                            </a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </nav>
 +
                                <div class="social-area pull-right">               
 +
                                    <a href="https://www.facebook.com/iGEMPretoriaUP" target="_blank">
 +
                                        <i class="fa fa-facebook-square"></i>
 +
                                    </a>
 +
                                    <a href="https://twitter.com/iGEMPretoria_UP" target="_blank">
 +
                                        <i class="fa fa-twitter"></i>
 +
                                    </a>
 +
                                </div>
 +
                                <div class="copyright">
 +
                                    2016 UP_Pretoria iGEM
 +
                                </div>
 +
                            </div>
 +
                        </footer>   
 +
        </div>
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
        <!--  Here are the examples of the content for each project that is viewed inside of the page. You can create how many projects you want if you set the specific #id     
 +
        -->
 +
       
 +
 
 +
       
 +
        <div class="body-layer"></div>
 +
    </body>
 +
   
 +
   
 +
   
 +
    <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/jquery1112minJS?
 +
action=raw&ctype=text/javascript"></script>
 +
   
 +
    <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/bootstrapJS?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
    <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/jquerywaypointsminJS?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
    <script type="text/javascript" src="http://presentation.paperplane.io/assets/js/modernizr.js"></script>
 +
 
 +
    <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/rubick2JS?
 +
action=raw&ctype=text/javascript"></script>
 
</html>
 
</html>

Revision as of 12:32, 16 August 2016

WATTS-APTAMER - UP_PRETORIA iGEM

...
Synthetic RNA aptamers for thylakoid tethering in photo-electrobiochemical cells

Parts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, enim id

First: Quisque feugiat imperdiet iaculis. Sed malesuada, felis quis egestas mollis, orci ex fermentum elit, sed varius nisl massa sit amet purus. Pellentesque habitant morbi tristique senectus et netus et male.
Second: Nullam urna est, aliquam quis gravida id, molestie in eros. Nulla sollicitudin neque vel volutpat sodales. Pellentesque in nibh sapien. Praesent vitae lectus sed ex aliquam aliquam varius at nisl. Sed imperdiet libero justo, eget tincidunt lectus efficitur vitae. Duis convallis, risus quis bibendum vulputate, massa sem aliquet eros, eu venenatis mag.
Third: Nullam urna est, aliquam quis gravida id, molestie in eros. Nulla sollicitudin neque vel volutpat sodales. Pellentesque in nibh sapien. Praesent vitae lectus sed ex aliquam aliquam varius at nisl. Sed imperdiet libero justo, eget tincidunt lectus efficitur vitae. Duis convallis, risus quis bibendum vulputate, massa sem aliquet eros, eu venenatis mag

Measurement & Modeling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, enim id pellentesque ullamcorper, quam nibh elementum lectus, in laoreet dolor diam pellentesque elit. Nullam at lorem urna. Vestibulum neque sem, viverra ut cursus volutpat, volutpat quis ex. Etiam posuere rutrum lacus, sed feugiat ex ornare pulvinar. .

Click to go to Measurement

Data & Analysis

Click to go to the Model.

Plasmid Fluctuation Model

Human practices

Our Human Practices effort Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, enim id pellentesque ullamcorper, quam nibh elementum lectus, in laoreet dolor diam pellentesque elit. Nullam at lorem urna. Vestibulum neque sem, viverra ut cursus volutpat, volutpat quis ex. Etiam posuere rutrum lacus, sed feugiat ex ornare pulvinar. .

...

Adult Communication

...

Youth Education

...

Long-Term Sustainability

Collaboration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt, enim id pellentesque ullamcorper, quam nibh elementum lectus, in laoreet dolor diam pellentesque elit. Nullam at lorem urna. Vestibulum neque sem, viverra ut cursus volutpat, volutpat quis ex. Etiam posuere rutrum lacus, sed feugiat ex ornare pulvinar. .

Medal Criteria

We're very proud of all of our accomplishments! Click here to learn more about what we did to reach our goals.