Difference between revisions of "Team:Freiburg/Basic Part"

 
(21 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
 
{{Freiburg/Navbar}}
 
{{Freiburg/Navbar}}
  
 
<html>
 
<html>
 
<head>
 
<head>
   
 
 
<style>
 
<style>
    .table, th, td {
+
font-family: 'Josefin Sans', serif;
    border: 1px solid black;
+
    border-collapse: collapse;
+
    }
+
  
    table{
+
/* =============== LIghtbox =========================*/
        width:98%
+
 
        }
+
/* from https://www.w3schools.com/howto/howto_js_lightbox.asp */
    .table{
+
 
        font-family: 'Roboto', sans serif;
+
* {
    }
+
  box-sizing: border-box;
    .th, td {
+
  padding: 20px;
    padding: 5px;
+
}
    }
+
 
 +
.row > .column {
 +
  padding: 0 8px;
 +
}
 +
 
 +
.row:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
 
 +
.column {
 +
  float: left;
 +
  width: 100%;
 +
}
 +
 
 +
 
 +
 
 +
/* The Modal (background) */
 +
.modal {
 +
  display: none;
 +
  position: fixed;
 +
  z-index: 1;
 +
  padding-top: 200px;
 +
  left: 0;
 +
  top: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  overflow: auto;
 +
  background-color: transparent;
 +
}
 +
 
 +
/* Modal Content */
 +
.modal-content {
 +
  position: relative;
 +
  background-color: #fefefe;
 +
  margin: auto;
 +
  padding: 20px;
 +
  width: 90%;
 +
  max-width: 1200px;
 +
}
 +
 
 +
/* The Close Button */
 +
.close {
 +
  color: red;
 +
  position: absolute;
 +
  top: 100px;
 +
  right: 60px;
 +
  font-size: 100px;
 +
  font-weight: bold;
 +
}
 +
 
 +
.close:hover,
 +
.close:focus {
 +
  color: #999;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
.mySlides {
 +
  display: none;
 +
}
 +
 
 +
.cursor {
 +
  cursor: pointer
 +
}
 +
 
 +
 
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 
 +
img {
 +
  margin-bottom: -4px;
 +
}
 +
 
 +
.caption-container {
 +
  text-align: center;
 +
  background-color: black;
 +
  padding: 2px 16px;
 +
  color: white;
 +
}
 +
 
 +
.demo {
 +
  opacity: 0.6;
 +
}
 +
 
 +
.active,
 +
.demo:hover {
 +
  opacity: 1;
 +
}
 +
 
 +
img.hover-shadow {
 +
  transition: 0.3s
 +
}
 +
 
 +
.hover-shadow:hover {
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
 +
}
 +
 
 +
/* =============== END: Lightbox =========================*/
 +
 
 +
   
 +
 
 +
   
 
</style>
 
</style>
 +
   
  
  
Line 32: Line 137:
 
         <div class="flex-container">
 
         <div class="flex-container">
  
<h1 align="center">Basic Part</h1>
+
           
 +
            <div class="item">
 +
<h1>BioBrick Basic Part</h1>
  
        <div class="item">
+
<p>Our project involved the characterization of different promoters as well as their signaling inputs. We want to share the sequences encoding the main parts of our CARTEL<sup>TM</sup> AND gate. Future iGEM teams will have the opportunity to take advantage of our research if they are planning to work with pH, hypoxia as well as VEGF. Most of the sequences were obtained by literature research and have been synthesized by <a href="https://eu.idtdna.com/site" target="_blank">Integrated DNA technologies</a>, engaging their special offer for iGEM teams. Some of the sequences were also purchased from <a href="https://www.addgene.org/" target="blank">addgene</a> and have been amplified via PCR. Forbidden recognition sites for restriction enzymes used for BioBrick RFC[10] standard cloning have been removed without causing amino acid changes. Cloning our inserts into pSB1C3, was done using <a href="https://2017.igem.org/Team:Freiburg/Cloning">extension PCR, T4 ligation and Gibson Assembly</a>.</p>
<p>Our project involved the characterization of different promoters as well as their signaling inputs. Their unique properties make them not only applicable to many medical purposes but they can also be used for any other field necessitating input dependent expression. Hence we want to share the sequences encoding the main parts of our CARTEL<sup>TM</sup> AND gate. Future iGEM teams will have the opportunity to take advantage of our research if they are planning to work with pH, hypoxia as well as VEGF. Most of the sequences were obtained by literature research and have been synthesized by <a href="https://eu.idtdna.com/site" target="_blank">Integrated DNA technologies</a>, engaging their special offer for iGEM teams. Also sequences have been purchased on <a href="https://www.addgene.org/" target="blank">Add gene</a> and have been produced via amplification of cDNA. Recognition sites for restriction enzymes used for standard cloning have been removed without causing amino acid changes. Cloning our inserts into pSB1C3, was done using <a href="https://2017.igem.org/Team:Freiburg/Methods">extension PCR and Gibson Assembly</a>.</p>
+
 
       </div>
 
       </div>
  
<div class="image_box middle">
+
<div class="column">
            <div class="figure">
+
<div class="item">
              <div class="figureinner">
+
 
                 <img src="https://static.igem.org/mediawiki/2017/2/26/T-FREIBURG-our-project.png" alt="CAR_T_cells-therapy_scheme" height="100%" width="100%">
+
    <div class="image_box middle">
                <div class="figurecaption">  
+
      <div class="figure">
                    <p><strong>Figure 1: Text</strong><br>
+
          <div class="figureinner">
                      Text</p>
+
                 <img src="https://static.igem.org/mediawiki/2017/4/49/T-FREIBURG-BioBrick_Cloning.png" onclick="openModal();currentSlide(1)" class="hover-shadow cursor" style="width:150%;height:120%">
                </div>
+
              <div class="figurecaption">
              </div>
+
<p><strong>Figure. 1: Cloning strategies of BioBricks. </strong></p>
            </div>
+
              </div>
 
           </div>
 
           </div>
  
          <div class="item">
+
<div id="myModal" class="modal">
<p>All our BioBricks are summarized in the table below (<b>Tab. 1</b>). Additionally, the table guides you to more detailed info pages as well as to the corresponding registry pages.</p>
+
  <span class="close cursor" onclick="closeModal()">&times;</span>
 +
  <div class="modal-content">
 +
           
  
<p>We used not only the enhancer elements as single regulatory units, but created multiple enhancer elements. Increasing the amount of enhancer elements results in an upregulation transcription downstream of the minimal promoter. This allows highly specific tuning to target cell types. We thereby create the chance for other iGEM teams to use our BioBricks and adjust them to their individual needs. This can be easily done by using <a href="https://2017.igem.org/Team:Freiburg/Methods">compatible end assembly</a>, which is possible due to a BglII restriction site contained in <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295003" target="_blank">BBa_K2295003</a>.</p>
+
    <div class="mySlides">    
 +
            <div class="numbertext">cloning biobrick </div>
 +
      <img src="https://static.igem.org/mediawiki/2017/4/49/T-FREIBURG-BioBrick_Cloning.png" style="width:150%">
 +
    </div>
  
<p>Our favourite part is the <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295001" target="_blank"><i>CRE promoter</i></a>, a cAMP dependent promoter. Being one of the main downstream signaling pathways of Gs coupled GPCRs (G protein coupled receptors), this BioBrick supports the combination with a wide range of other parts. The iGEM BioBrick library already contains several Gs coupled GPCRs. Depending on the GPCR, different inputs can be used for ligand dependent gene expression. <br>
+
</div>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
    </div>
 +
            </div>
 +
 
 +
 
 +
 
 +
          <div class="item">
 +
<p>All our BioBricks are summarized in the table below (<b>Tab. 1</b>). The table guides you to more detailed info pages as well as to the corresponding registry pages. <br>
 +
We used not only the enhancer elements as single regulatory units, but created multiple enhancer elements. Increasing the amount of enhancer elements results in an upregulation of transcription downstream of the minimal promoter. This allows highly specific tuning in target cell types.<br>
 +
We thereby create the chance for other iGEM teams to use our BioBricks and adjust them to their individual needs. This can be easily done by using <a href="https://2017.igem.org/Team:Freiburg/Cloning">compatible end assembly</a>, which is possible due to a BglII restriction site contained in <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295003" target="_blank">BBa_K2295003</a>.</p>
 +
 
 +
<p>Our favourite part is the <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295001" target="_blank"><i>CRE promoter</i></a>, a cAMP dependent promoter. Being one of the main downstream signaling pathways of G<sub>s</sub> coupled G protein coupled receptors (GPCRs), this BioBrick supports the combination with a wide range of other parts. The iGEM BioBrick library already contains several G<sub>s</sub> coupled GPCRs. Depending on the GPCR, different inputs can be used for ligand dependent gene expression. <br>
  
 
One example for the usage of <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295001" target="_blank">BBa_K2295001</a> has been shown in our project with the TDAG8 Receptor (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295000" target="_blank">BBa_K2295000</a>), allowing pH dependent gene expression.</p>
 
One example for the usage of <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295001" target="_blank">BBa_K2295001</a> has been shown in our project with the TDAG8 Receptor (<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295000" target="_blank">BBa_K2295000</a>), allowing pH dependent gene expression.</p>
 
           </div>
 
           </div>
 +
           
 
<div class="item">
 
<div class="item">
  
 
   <div class="figurecaption">   
 
   <div class="figurecaption">   
<p><b>Tabel 1: BioBricks</b></p>
+
<p><b>Table 1: BioBricks</b></p>
 
</div>
 
</div>
 +
   
 
<table>
 
<table>
 
<tr>
 
<tr>
<td>Biobrick</td>
+
<th>Biobrick</th>
<td>Short description</td>  
+
<th>Short description</th>  
<td>Detailed description</td>  
+
<th>Detailed description</th>  
  
 
</tr>
 
</tr>
Line 85: Line 213:
 
<tr>
 
<tr>
 
<td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295002" target="_blank">BBa_K2295002</a></td>
 
<td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295002" target="_blank">BBa_K2295002</a></td>
<td>Hif1a</td>
+
<td>HIF1A</td>
 
<td>Hypoxia-inducible factor 1-alpha</td>
 
<td>Hypoxia-inducible factor 1-alpha</td>
  
Line 100: Line 228:
 
<td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295005" target="_blank">BBa_K2295005</a></td>
 
<td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2295005" target="_blank">BBa_K2295005</a></td>
 
<td>CTLA4 promoter</td>
 
<td>CTLA4 promoter</td>
<td>cytotoxic T-lymphocyte-associated protein 4</td>
+
<td>Cytotoxic T-lymphocyte-associated protein 4</td>
  
 
</tr>
 
</tr>
Line 111: Line 239:
 
</div>
 
</div>
  
 +
<script>
 +
function openModal() {
 +
  document.getElementById('myModal').style.display = "block";
 +
}
  
 +
function closeModal() {
 +
  document.getElementById('myModal').style.display = "none";
 +
}
 +
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("demo");
 +
  var captionText = document.getElementById("caption");
 +
  if (n > slides.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none";
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
      dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block";
 +
  dots[slideIndex-1].className += " active";
 +
  captionText.innerHTML = dots[slideIndex-1].alt;
 +
}
 +
</script>
 +
 +
<script>
 +
        var acc = document.getElementsByClassName("accordion");
 +
        var i;
 +
 +
        for (i = 0; i < acc.length; i++) {
 +
          acc[i].onclick = function() {
 +
            this.classList.toggle("active");
 +
            var panel = this.nextElementSibling;
 +
            if (panel.style.maxHeight){
 +
              panel.style.maxHeight = null;
 +
            } else {
 +
              panel.style.maxHeight = panel.scrollHeight + "px";
 +
            }
 +
          }
 +
        }
 +
</script>
  
 
</body>
 
</body>

Latest revision as of 22:23, 1 November 2017

BioBrick Basic Part

Our project involved the characterization of different promoters as well as their signaling inputs. We want to share the sequences encoding the main parts of our CARTELTM AND gate. Future iGEM teams will have the opportunity to take advantage of our research if they are planning to work with pH, hypoxia as well as VEGF. Most of the sequences were obtained by literature research and have been synthesized by Integrated DNA technologies, engaging their special offer for iGEM teams. Some of the sequences were also purchased from addgene and have been amplified via PCR. Forbidden recognition sites for restriction enzymes used for BioBrick RFC[10] standard cloning have been removed without causing amino acid changes. Cloning our inserts into pSB1C3, was done using extension PCR, T4 ligation and Gibson Assembly.

Figure. 1: Cloning strategies of BioBricks.

All our BioBricks are summarized in the table below (Tab. 1). The table guides you to more detailed info pages as well as to the corresponding registry pages.
We used not only the enhancer elements as single regulatory units, but created multiple enhancer elements. Increasing the amount of enhancer elements results in an upregulation of transcription downstream of the minimal promoter. This allows highly specific tuning in target cell types.
We thereby create the chance for other iGEM teams to use our BioBricks and adjust them to their individual needs. This can be easily done by using compatible end assembly, which is possible due to a BglII restriction site contained in BBa_K2295003.

Our favourite part is the CRE promoter, a cAMP dependent promoter. Being one of the main downstream signaling pathways of Gs coupled G protein coupled receptors (GPCRs), this BioBrick supports the combination with a wide range of other parts. The iGEM BioBrick library already contains several Gs coupled GPCRs. Depending on the GPCR, different inputs can be used for ligand dependent gene expression.
One example for the usage of BBa_K2295001 has been shown in our project with the TDAG8 Receptor (BBa_K2295000), allowing pH dependent gene expression.

Table 1: BioBricks

Biobrick Short description Detailed description
BBa_K2295000 TDAG8 Proton sensing GPCR
BBa_K2295001 CRE promoter cAMP response element
BBa_K2295002 HIF1A Hypoxia-inducible factor 1-alpha
BBa_K2295003 HRE pTal Hypoxia response element
BBa_K2295005 CTLA4 promoter Cytotoxic T-lymphocyte-associated protein 4