CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 39: | Line 39: | ||
window.history.replaceState(null, null, stateMsg); | window.history.replaceState(null, null, stateMsg); | ||
} | } | ||
+ | |||
function whenAllOver(){ $('.circlez').removeClass('opace'); } | function whenAllOver(){ $('.circlez').removeClass('opace'); } | ||
+ | |||
+ | function displayMe(idz){ | ||
+ | $('#display_box').css('display', 'block'); | ||
+ | } | ||
</script> | </script> | ||
</head> | </head> | ||
Line 67: | Line 72: | ||
<!--min-x, min-y, width, height--> | <!--min-x, min-y, width, height--> | ||
− | <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick=" | + | <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> |
<text class='animate_text' id='t1' x='0' y='280' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t1' x='0' y='280' text-anchor='middle' fill='#000000'> | ||
<tspan x="-230" dy="2.5em">O.S.I.R.I.S.</tspan> | <tspan x="-230" dy="2.5em">O.S.I.R.I.S.</tspan> | ||
<tspan x="-230" dy="1.5em">OVERVIEW</tspan> | <tspan x="-230" dy="1.5em">OVERVIEW</tspan> | ||
</text> | </text> | ||
− | <circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick=" | + | <circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> |
<text class='animate_text' id='t2' x='0' y='280' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t2' x='0' y='280' text-anchor='middle' fill='#000000'> | ||
<tspan x="190" dy="1.5em">RISK</tspan> | <tspan x="190" dy="1.5em">RISK</tspan> | ||
Line 78: | Line 83: | ||
<tspan x="190" dy="1.5em">& ANALYSIS</tspan> | <tspan x="190" dy="1.5em">& ANALYSIS</tspan> | ||
</text> | </text> | ||
− | <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick=" | + | <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> |
<text class='animate_text' id='t3' x='0' y='280' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t3' x='0' y='280' text-anchor='middle' fill='#000000'> | ||
<tspan x="615" dy="1.6em">INTEGRATED</tspan> | <tspan x="615" dy="1.6em">INTEGRATED</tspan> | ||
Line 84: | Line 89: | ||
<tspan x="610" dy="1.5em">PRACTICES</tspan> | <tspan x="610" dy="1.5em">PRACTICES</tspan> | ||
</text> | </text> | ||
− | <circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick=" | + | <circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> |
<text class='animate_text' id='t4' x='0' y='280' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t4' x='0' y='280' text-anchor='middle' fill='#000000'> | ||
<tspan x="1020" dy="2.3em">PUBLIC</tspan> | <tspan x="1020" dy="2.3em">PUBLIC</tspan> | ||
Line 95: | Line 100: | ||
<img src='https://static.igem.org/mediawiki/2017/6/6f/GreeKom_desert_hd.jpeg' style='width:100%; height:100%;' /> | <img src='https://static.igem.org/mediawiki/2017/6/6f/GreeKom_desert_hd.jpeg' style='width:100%; height:100%;' /> | ||
</div> | </div> | ||
+ | <div id='display_box' style='display:none; position:absolute; background-color:#ffffff; margin: 1500px 0px 0px -8px; z-index:1000; width:100%; height: 600px;></div> | ||
<!-- The Navigation Menu --> | <!-- The Navigation Menu --> |
Revision as of 01:53, 18 August 2017