Difference between revisions of "Team:Greece/Model"

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="displayProfile(this.id)" onmouseover="onHoverChanges(this.id)" />
+
<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="displayProfile(this.id)" onmouseover="onHoverChanges(this.id)" />
+
<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="displayProfile(this.id)" onmouseover="onHoverChanges(this.id)" />
+
<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="displayProfile(this.id)" onmouseover="onHoverChanges(this.id)" />
+
<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

O.S.I.R.I.S. OVERVIEW RISK ASSESSEMENT & ANALYSIS INTEGRATED HUMAN PRACTICES PUBLIC ENGAGEMENT