(48 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 { | ||
− | + | opacity:0; | |
} | } | ||
circle:hover { | circle:hover { | ||
− | fill: | + | 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/ | + | <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/ | + | <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Description"> |
− | <circle cx="755" cy="670" r="60"/> | + | <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> | ||
<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" |
− | + | 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 129: | 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 172: | Line 286: | ||
</g> | </g> | ||
</a> | </a> | ||
− | <a xlink:href="https://2017.igem.org/Team:TU_Dresden/ | + | <a xlink:href="https://2017.igem.org/Team:TU_Dresden/Lab_Work#B-subtilis"> |
<g | <g | ||
id="g1334"> | id="g1334"> | ||
Line 243: | 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"> | + | id="tspan8229">cage </tspan><tspan |
dx="-0.44406328" | dx="-0.44406328" | ||
dy="0" | dy="0" | ||
Line 557: | Line 671: | ||
</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#growth"> |
<g | <g | ||
id="g1374"> | id="g1374"> | ||
Line 836: | 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"> | + | 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