Difference between revisions of "Team:TU Dresden/Playground"

Line 62: Line 62:
  
 
     <figure>
 
     <figure>
 +
<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");
 +
    }
 +
 +
    function HideLinkinfo(evt)
 +
    {
 +
        linkinfo.setAttributeNS(null,"visibility","hidden");
 +
        linkinfo_bg.setAttributeNS(null,"visibility","hidden");
 +
    }
 +
 +
    ]]>
 +
  </script>
 +
              <defs>
 +
                <style>
 +
                  circle {
 +
                    opacity:0;
 +
                  }
 +
                  circle:hover {
 +
                      opacity:0;
 +
                  }
 +
 +
                .linkinfo{
 +
                      text-shadow: 0 0 3px var(--logo-dark-blue);
 +
                      font-family: Orbitron, sans-serif;
 +
                      font-size: 50px;
 +
                  }
 +
                  .linkinfo_bg{
 +
                      fill: white;
 +
                      opacity: 0.85;
 +
                  }
 +
                </style>
 +
              </defs>
 +
        <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"
 +
          x="1040"
 +
          y="200">EncaBcillus</text>
 +
    <text
 +
          style="font-weight:bold;font-stretch:normal;font-size:60px;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"
 +
          x="1305"
 +
          y="280">It´s a trap!</text>
 +
 +
              <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
 +
                <circle cx="976" cy="720" r="185"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
            <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
 +
                <circle cx="780" cy="854" r="40"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
            <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
 +
                <circle cx="755" cy="670" r="70"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
            <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
 +
                <circle cx="1195" cy="605" r="40"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
            </a>
 +
      <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description">
 +
                <circle cx="1230" cy="790" r="60"
 +
                      onmousemove="ShowLinkinfo(evt, 'Project')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
              <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Results">
 +
                <circle cx="140" cy="15" r="455"
 +
                      onmousemove="ShowLinkinfo(evt, 'Results')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
              <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Lab_Work">
 +
                <circle cx="1840" cy="210" r="100"
 +
                      onmousemove="ShowLinkinfo(evt, 'Lab Work')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
            <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Human_Practices">
 +
                <circle cx="345" cy="815" r="100"
 +
                      onmousemove="ShowLinkinfo(evt, 'Human Practices')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
              <a xlink:href="https://2017.igem.org/Team:TU_Dresden/iGEM-goes-green">
 +
                <circle cx="1565" cy="525" r="115"
 +
                      onmousemove="ShowLinkinfo(evt, 'iGEM goes green')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
          </a>
 +
            <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 +
                <circle cx="471" cy="906" r="21"
 +
                      onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
              <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 +
                <circle cx="490" cy="870" r="18"
 +
  onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
              <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 +
                <circle cx="505" cy="834" r="15"
 +
  onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
                </a>
 +
              <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 +
                <circle cx="513" cy="805" r="11"
 +
  onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
            <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Judging">
 +
                <circle cx="517" cy="783" r="9"
 +
  onmousemove="ShowLinkinfo(evt, 'Judging')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
            <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
 +
                <circle cx="1920" cy="700" r="90"
 +
  onmousemove="ShowLinkinfo(evt, 'About Us')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
  <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
 +
                <circle cx="1990" cy="610" r="80"
 +
  onmousemove="ShowLinkinfo(evt, 'About Us')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </a>
 +
  <a xlink:href="https://2017.igem.org/Team:TU_Dresden/About_Us">
 +
                <circle cx="1840" cy="750" r="90"
 +
                  onmousemove="ShowLinkinfo(evt, 'About Us')"
 +
                      onmouseout="HideLinkinfo(evt)"/>
 +
              </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>
 
       <img src="https://static.igem.org/mediawiki/2017/f/f4/TU_Dresden_Meetup_10.jpg"
 
       <img src="https://static.igem.org/mediawiki/2017/f/f4/TU_Dresden_Meetup_10.jpg"
 
           alt="An example picture to show how to include them."
 
           alt="An example picture to show how to include them."

Revision as of 22:03, 1 November 2017

Entering A Whole New Universe Of Applications!

Section title

Subsection title

This is an even smaller heading

This is example text. I copied the abstract here to fill some space: Synthetic biology wants to go beyond the pure biological by integrating concepts from chemistry or physics into the living world. At this interphase, our project wants to introduce Peptidosomes as a new fundamental approach for generating and applying encapsulated bacteria.

These spheres possess advantageous properties like stability in different media and a mesh-like structure that allows for the selective exchange of compounds via diffusion. Therefore, we are able to benefit from the entrapped cells' abilities, while ensuring that they are not released into their surroundings.

Using the powerful genetics of Bacillus subtilis and its secretory capabilities we demonstrate communication and cooperation between separately encapsulated bacterial populations as well as the environment. Peptidosomes can be further enhanced by incorporating magnetic or biological beads - which can be functionalized with proteins - into their peptide-based shell.

With this unique setup, we provide a whole new universe of applications to the iGEM community.

  • First Item
  • Secont Item
  • Third Item
  • First Item
  • Secont Item
  • Third Item
Primerlist Primerlist

EncaBcillus - It's a trap!

EncaBcillus It´s a trap! Tooltip An example picture to show how to include them.
Figure 1: Example. This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture End of the figures caption is here.
An example picture to show how to include them.
Figure 1: Example. This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture End of the figures caption is here.
Synthetic biology wants to go beyond the pure biological by integrating concepts from chemistry or physics into the living world. At this interphase, our project wants to introduce Peptidosomes as a new fundamental approach for generating and applying encapsulated bacteria. These spheres possess advantageous properties like stability in different media and a mesh-like structure that allows for the selective exchange of compounds via diffusion. Therefore, we are able to benefit from the entrapped cells' abilities, while ensuring that they are not released into their surroundings. Using the powerful genetics of Bacillus subtilis and its secretory capabilities we demonstrate communication and cooperation between separately encapsulated bacterial populations as well as the environment. Peptidosomes can be further enhanced by incorporating magnetic or biological beads - which can be functionalized with proteins - into their peptide-based shell. With this unique setup, we provide a whole new universe of applications to the iGEM community.
An example picture to show how to include them.
Figure 1: Example. This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture This is an example picture End of the figures caption is here.
Synthetic biology wants to go beyond the pure biological by integrating concepts from chemistry or physics into the living world. At this interphase, our project wants to introduce Peptidosomes as a new fundamental approach for generating and applying encapsulated bacteria. These spheres possess advantageous properties like stability in different media and a mesh-like structure that allows for the selective exchange of compounds via diffusion. Therefore, we are able to benefit from the entrapped cells' abilities, while ensuring that they are not released into their surroundings. Using the powerful genetics of Bacillus subtilis and its secretory capabilities we demonstrate communication and cooperation between separately encapsulated bacterial populations as well as the environment. Peptidosomes can be further enhanced by incorporating magnetic or biological beads - which can be functionalized with proteins - into their peptide-based shell. With this unique setup, we provide a whole new universe of applications to the iGEM community.

You can make text bold, tiefgestellt, italic and so on. Ask google or me for the right tags if you want to do something more fancy. :)

An example picture to show how to include them. An example picture to show how to include them. An example picture to show how to include them.
This is an example picture
An example picture to show how to include them.
This is example picture 1
An example picture to show how to include them.
This is example picture 2
An example picture to show how to include them.
This is example picture 3
Caption for all three figures
An example picture to show how to include them.

EncaBcillus - It's a trap!

Synthetic biology wants to go beyond the pure biological by integrating concepts from chemistry or physics into the living world. At this interphase, our project wants to introduce Peptidosomes as a new fundamental approach for generating and applying encapsulated bacteria. These spheres possess advantageous properties like stability in different media and a mesh-like structure that allows for the selective exchange of compounds via diffusion. Therefore, we are able to benefit from the entrapped cells' abilities, while ensuring that they are not released into their surroundings. Using the powerful genetics of Bacillus subtilis and its secretory capabilities we demonstrate communication and cooperation between separately encapsulated bacterial populations as well as the environment. Peptidosomes can be further enhanced by incorporating magnetic or biological beads - which can be functionalized with proteins - into their peptide-based shell. With this unique setup, we provide a whole new universe of applications to the iGEM community.

LINKS

Linktext