Difference between revisions of "Team:TU Dresden"

 
(35 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<div id="pagebanner" style="background-image: url(https://static.igem.org/mediawiki/2017/6/6a/T--TU_Dresden--planet--galaxy.png);padding-top: 0;">
 
<div id="pagebanner" style="background-image: url(https://static.igem.org/mediawiki/2017/6/6a/T--TU_Dresden--planet--galaxy.png);padding-top: 0;">
−
<div id="bannerspace">
+
<div id="bannerspace" style="margin-bottom: 210px;">
−
<svg viewBox="0 0 2200 1000" width="100%">
+
<svg viewBox="0 0 2200 1000" width="100%" onload="init(evt)">
 +
    <script type="text/ecmascript">
 +
    <![CDATA[
 +
 
 +
    function init(evt)
 +
    {
 +
        if ( window.svgDocument == null )
 +
        {
 +
        svgDocument = evt.target.ownerDocument;
 +
        }
 +
 
 +
        linkinfo = svgDocument.getElementById('linkinfo');
 +
        linkinfo_bg = svgDocument.getElementById('linkinfo_bg');
 +
 
 +
    }
 +
 
 +
    // Find your root SVG element
 +
    var svg = document.querySelector('svg');
 +
 
 +
    // Create an SVGPoint for future math
 +
    var pt = svg.createSVGPoint();
 +
 
 +
    // Get point in global SVG space
 +
    function cursorPoint(evt){
 +
        pt.x = evt.clientX; pt.y = evt.clientY;
 +
        return pt.matrixTransform(svg.getScreenCTM().inverse());
 +
    }
 +
 
 +
    function ShowLinkinfo(evt, mouseovertext)
 +
    {
 +
        var loc = cursorPoint(evt);
 +
 
 +
        linkinfo.setAttributeNS(null,"x",loc.x+5);
 +
        linkinfo.setAttributeNS(null,"y",loc.y+65);
 +
        linkinfo.firstChild.data = mouseovertext;
 +
        linkinfo.setAttributeNS(null,"visibility","visible");
 +
 
 +
        length = linkinfo.getComputedTextLength();
 +
        linkinfo_bg.setAttributeNS(null,"width",length+6);
 +
        linkinfo_bg.setAttributeNS(null,"x",loc.x+2);
 +
        linkinfo_bg.setAttributeNS(null,"y",loc.y+8);
 +
        linkinfo_bg.setAttributeNS(null,"visibility","visibile");
 +
 
 +
        if(loc.x < 1000) {
 +
          linkinfo.setAttributeNS(null,"text-anchor","start");
 +
        } else {
 +
          linkinfo.setAttributeNS(null,"text-anchor","end");
 +
          linkinfo_bg.setAttributeNS(null,"x",loc.x-length);
 +
        }
 +
    }
 +
 
 +
    function HideLinkinfo(evt)
 +
    {
 +
        linkinfo.setAttributeNS(null,"visibility","hidden");
 +
        linkinfo_bg.setAttributeNS(null,"visibility","hidden");
 +
    }
 +
 
 +
    ]]>
 +
  </script>
 
               <defs>
 
               <defs>
 
                 <style>
 
                 <style>
 
                   circle {
 
                   circle {
−
                     RGB(110,225,225,0.4);
+
                     opacity:0;
 
                   }
 
                   }
 
                   circle:hover {
 
                   circle:hover {
−
                       fill: pink;
+
                      opacity:0;
 +
                  }
 +
 
 +
                .linkinfo{
 +
                      font-family: Orbitron, sans-serif;
 +
                      font-size: 50px;
 +
                  }
 +
                  .linkinfo_bg{
 +
                       fill: white;
 +
                      opacity: 0.85;
 
                   }
 
                   }
 
                 </style>
 
                 </style>
 
               </defs>  
 
               </defs>  
−
 
 
         <text
 
         <text
 
           style="font-weight:bold;font-stretch:normal;font-size:95px;line-height:1.25;font-family:'Orbitron';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.28015012"
 
           style="font-weight:bold;font-stretch:normal;font-size:95px;line-height:1.25;font-family:'Orbitron';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.28015012"
Line 25: Line 91:
  
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
−
                 <circle cx="976" cy="720" r="185"/>
+
                 <circle cx="976" cy="720" r="185"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
−
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Project/Biosensor">
+
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
−
                 <circle cx="780" cy="854" r="40"/>
+
                 <circle cx="780" cy="854" r="40"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
−
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Measurement">
+
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
−
                 <circle cx="755" cy="670" r="70"/>
+
                 <circle cx="755" cy="670" r="70"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
−
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Project/Secretion">
+
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
−
                 <circle cx="1195" cy="605" r="40"/>
+
                 <circle cx="1195" cy="605" r="40"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
             </a>
 
             </a>
−
       <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Project/Communication">
+
       <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
−
                 <circle cx="1230" cy="790" r="60"/>
+
                 <circle cx="1230" cy="790" r="60"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Results">
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Results">
−
                 <circle cx="140" cy="15" r="455"/>
+
                 <circle cx="140" cy="15" r="455"
 +
                      onmousemove="ShowLinkinfo(evt, 'Results')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Lab_Work">
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Lab_Work">
−
                 <circle cx="1840" cy="210" r="100"/>
+
                 <circle cx="1840" cy="210" r="100"
 +
                      onmousemove="ShowLinkinfo(evt, 'Lab Work')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Human_Practices">
 
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Human_Practices">
−
                 <circle cx="345" cy="815" r="100"/>
+
                 <circle cx="345" cy="815" r="100"
 +
                      onmousemove="ShowLinkinfo(evt, 'Human Practices')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/iGEM-goes-green">
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/iGEM-goes-green">
−
                 <circle cx="1565" cy="525" r="115"/>
+
                 <circle cx="1565" cy="525" r="115"
−
              </a>
+
                      onmousemove="ShowLinkinfo(evt, 'iGEM goes green')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
          </a>
 
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
−
                 <circle cx="471" cy="906" r="21"/>
+
                 <circle cx="471" cy="906" r="21"
 +
                      onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
−
                 <circle cx="490" cy="870" r="18"/>
+
                 <circle cx="490" cy="870" r="18"
 +
  onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
−
                 <circle cx="505" cy="834" r="15"/>  
+
                 <circle cx="505" cy="834" r="15"
 +
  onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
                 </a>
 
                 </a>
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 
               <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
−
                 <circle cx="513" cy="805" r="11"/>
+
                 <circle cx="513" cy="805" r="11"
 +
  onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
−
                 <circle cx="517" cy="783" r="9"/>
+
                 <circle cx="517" cy="783" r="9"
 +
  onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
 
             <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
−
                 <circle cx="1920" cy="700" r="90"/>
+
                 <circle cx="1920" cy="700" r="90"
 +
  onmousemove="ShowLinkinfo(evt, 'About Us')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
   <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
 
   <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
−
                 <circle cx="1990" cy="610" r="80"/>
+
                 <circle cx="1990" cy="610" r="80"
 +
  onmousemove="ShowLinkinfo(evt, 'About Us')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 
   <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
 
   <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
−
                 <circle cx="1840" cy="750" r="90"/>
+
                 <circle cx="1840" cy="750" r="90"
 +
                  onmousemove="ShowLinkinfo(evt, 'About Us')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 
               </a>
 
               </a>
 +
 +
 +
  <rect class="linkinfo_bg" id="linkinfo_bg"
 +
      x="0" y="0" rx="4" ry="4"
 +
      width="55" height="80" visibility="hidden"/>
 +
  <text class="linkinfo" id="linkinfo"
 +
      x="0" y="0" visibility="hidden">Tooltip</text>
 
</svg>     
 
</svg>     
 
</div>
 
</div>
 
<main>
 
<main>
 +
<div style="font-family: var(--headfont); line-height: 150%; color: white; font-size: 40px;margin-bottom: 40px;">Entering a Whole New Universe of Applications</div>
 
<div style="background-image: url(https://static.igem.org/mediawiki/2017/6/67/T--TU_Dresden--Project-Overview.png); background-size: contain;background-repeat: no-repeat; background-color: rgba(0,0,0,.6);">
 
<div style="background-image: url(https://static.igem.org/mediawiki/2017/6/67/T--TU_Dresden--Project-Overview.png); background-size: contain;background-repeat: no-repeat; background-color: rgba(0,0,0,.6);">
 
                 <svg
 
                 <svg
Line 135: Line 243:
 
   </g>
 
   </g>
 
</a>
 
</a>
−
<a xlink:href="https://2017.igem.org/Team:TU_Dresden/Project/Peptidosomes">
+
<a xlink:href="https://2017.igem.org/Team:TU_Dresden/Project/Peptidosomes#creation">
 
   <g
 
   <g
 
     id="g1359">
 
     id="g1359">
Line 178: Line 286:
 
   </g>
 
   </g>
 
</a>
 
</a>
−
<a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description#B-subtilis">
+
<a xlink:href="https://2017.igem.org/Team:TU_Dresden/Lab_Work#B-subtilis">
 
   <g
 
   <g
 
     id="g1334">
 
     id="g1334">
Line 249: Line 357:
 
           dy="0"
 
           dy="0"
 
           style="font-size:7.0079608px;font-family:'Open Sans';fill:#e01264;stroke-width:0.26076135"
 
           style="font-size:7.0079608px;font-family:'Open Sans';fill:#e01264;stroke-width:0.26076135"
−
           id="tspan8229">membrane </tspan><tspan
+
           id="tspan8229">cage </tspan><tspan
 
           dx="-0.44406328"
 
           dx="-0.44406328"
 
           dy="0"
 
           dy="0"
Line 563: Line 671:
 
   </g>
 
   </g>
 
</a>
 
</a>
−
<a xlink:href="https://2017.igem.org/Team:TU_Dresden/Project/Peptidosomes#grow">
+
<a xlink:href="https://2017.igem.org/Team:TU_Dresden/Project/Peptidosomes#growth">
 
   <g
 
   <g
 
     id="g1374">
 
     id="g1374">
Line 842: Line 950:
 
         id="tspan6586-1"><tspan
 
         id="tspan6586-1"><tspan
 
           style="font-size:10.29405499px;font-family:'Open Sans';fill:#e01264;stroke-width:0.26076132"
 
           style="font-size:10.29405499px;font-family:'Open Sans';fill:#e01264;stroke-width:0.26076132"
−
           id="tspan8419-8">breath life </tspan><tspan
+
           id="tspan8419-8">bring life </tspan><tspan
 
           style="font-size:5.50858307px;font-family:'Open Sans';fill:#ffffff;stroke-width:0.26076132"
 
           style="font-size:5.50858307px;font-family:'Open Sans';fill:#ffffff;stroke-width:0.26076132"
 
           id="tspan8421-1"><tspan
 
           id="tspan8421-1"><tspan

Latest revision as of 02:25, 2 November 2017

EncaBcillus It´s a trap! Tooltip
Entering a Whole New Universe of Applications
Fmoc-FF is a upon pH drop. molecule, that self-assembles You can build up small spheres with it! They are called Peptidosomes. Microbes have so many powerful properties! Can molecules pass the cage to reach our microbes? That way we could enable communication between separately trapped microbes! Maybe we can even attach a function to the surface? We could build biosensors! Let's bring chemistry and biology together! out, let's build a toolbox that protein secretion easier for everybody! To find makes optimizing Do microbes survive, grow and stay insidePeptidosomes? TU Dresden iGEM team proudly presents EncaBcillus: encapsulating microbes. A novel platform for The And what about the secretion other way around? factories! Encapsulated Using Bacillus subtilis we Peptidosomes. Mission accomplished! bring life into We'll need a special vector for evaluation.