Line 164: | Line 164: | ||
With this unique setup, we provide a whole new universe of applications to the iGEM community.</p> | With this unique setup, we provide a whole new universe of applications to the iGEM community.</p> | ||
</div> | </div> | ||
+ | <div style="background-image: url(https://static.igem.org/mediawiki/2017/0/04/Tu-dresden-teamphotoforaboutus.jpeg);"> | ||
+ | <div style="margin-bottom: 210px;"> | ||
+ | <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> | ||
+ | </div> | ||
+ | https://static.igem.org/mediawiki/2017/0/04/Tu-dresden-teamphotoforaboutus.jpeg | ||
<!-- INCLUDE LINKS--> | <!-- INCLUDE LINKS--> | ||
<div class="contentbox"> | <div class="contentbox"> |
Revision as of 22:25, 1 November 2017