CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 8: | Line 8: | ||
window.onload = function (){ | window.onload = function (){ | ||
void(document.getElementById('svg_graphics_box').style.display = 'block'); | void(document.getElementById('svg_graphics_box').style.display = 'block'); | ||
+ | void(document | ||
} | } | ||
</script> | </script> | ||
Line 108: | Line 109: | ||
</defs> | </defs> | ||
− | <circle id='eugene' cx="-392" cy="168" r="60" stroke='#ffffff' stroke-width="2" fill="url(#eugene_pic)" id='eugene_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='eugene' cx="-392" cy="168" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#eugene_pic)" id='eugene_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='eugene_t' x='-392' y='250' font-size='23px' text-anchor='middle' fill='#ffffff' >Eugene</text> | <text class='animate_text' id='eugene_t' x='-392' y='250' font-size='23px' text-anchor='middle' fill='#ffffff' >Eugene</text> | ||
Line 114: | Line 115: | ||
<line x1="-330" y1="150" x2="-190" y2="105" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="-330" y1="150" x2="-190" y2="105" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='thomas' cx="-130" cy="80" r="60" stroke='#ffffff' stroke-width="2" fill="url(#thomas_pic)" id='thomas_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='thomas' cx="-130" cy="80" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#thomas_pic)" id='thomas_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='thomas_t' x='-130' y='165' font-size='23px' text-anchor='middle' fill='#ffffff'>Thomas</text> | <text class='animate_text' id='thomas_t' x='-130' y='165' font-size='23px' text-anchor='middle' fill='#ffffff'>Thomas</text> | ||
<line x1="-75" y1="115" x2="73" y2="190" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="-75" y1="115" x2="73" y2="190" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='asteris' cx="130" cy="220" r="60" stroke='#ffffff' stroke-width="2" fill="url(#asteris_pic)" id='asteris_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='asteris' cx="130" cy="220" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#asteris_pic)" id='asteris_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='asteris_t' x='130' y='150' font-size='23px' text-anchor='middle' fill='#ffffff'>Asteris</text> | <text class='animate_text' id='asteris_t' x='130' y='150' font-size='23px' text-anchor='middle' fill='#ffffff'>Asteris</text> | ||
Line 126: | Line 127: | ||
<line x1="193" y1="230" x2="337" y2="230" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="193" y1="230" x2="337" y2="230" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='charis' cx="400" cy="220" r="60" stroke='#ffffff' stroke-width="2" fill="url(#charis_pic)" id='charis_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='charis' cx="400" cy="220" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#charis_pic)" id='charis_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='charis_t' x='400' y='150' font-size='23px' text-anchor='middle' fill='#ffffff'>Charis</text> | <text class='animate_text' id='charis_t' x='400' y='150' font-size='23px' text-anchor='middle' fill='#ffffff'>Charis</text> | ||
Line 132: | Line 133: | ||
<line x1="455" y1="186" x2="594" y2="110" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="455" y1="186" x2="594" y2="110" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='constantine' cx="650" cy="80" r="60" stroke='#ffffff' stroke-width="2" fill="url(#constantine_pic)" id='constantine_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='constantine' cx="650" cy="80" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#constantine_pic)" id='constantine_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='constantine_t' x='650' y='165' font-size='23px' text-anchor='middle' fill='#ffffff'>Constantine</text> | <text class='animate_text' id='constantine_t' x='650' y='165' font-size='23px' text-anchor='middle' fill='#ffffff'>Constantine</text> | ||
<line x1="715" y1="75" x2="890" y2="75" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="715" y1="75" x2="890" y2="75" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='ksamtsak' cx="955" cy="80" r="60" stroke='#ffffff' stroke-width="2" fill="url(#ksamtsak_pic)" id='ksamtsak_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='ksamtsak' cx="955" cy="80" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#ksamtsak_pic)" id='ksamtsak_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='ksamtsak_t' x='955' y='165' font-size='23px' text-anchor='middle' fill='#ffffff'>Konstantinos</text> | <text class='animate_text' id='ksamtsak_t' x='955' y='165' font-size='23px' text-anchor='middle' fill='#ffffff'>Konstantinos</text> | ||
Line 143: | Line 144: | ||
<line x1="458" y1="247" x2="614" y2="318" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="458" y1="247" x2="614" y2="318" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='elisavet' cx="675" cy="340" r="60" stroke='#ffffff' stroke-width="2" fill="url(#elisavet_pic)" id='elisavet_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='elisavet' cx="675" cy="340" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#elisavet_pic)" id='elisavet_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='elisavet_t' x='675' y='425' font-size='23px' text-anchor='middle' fill='#ffffff'>Elisavet</text> | <text class='animate_text' id='elisavet_t' x='675' y='425' font-size='23px' text-anchor='middle' fill='#ffffff'>Elisavet</text> | ||
<line x1="75" y1="253" x2="-68" y2="340" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="75" y1="253" x2="-68" y2="340" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='aggeliki' cx="-130" cy="360" r="60" stroke='#ffffff' stroke-width="2" fill="url(#aggeliki_pic)" id='aggeliki_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)'/> | + | <circle id='aggeliki' cx="-130" cy="360" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#aggeliki_pic)" id='aggeliki_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)'/> |
<text class='animate_text' id='aggeliki_t' x='-130' y='440' font-size='23px' text-anchor='middle' fill='#ffffff'>Aggeliki</text> | <text class='animate_text' id='aggeliki_t' x='-130' y='440' font-size='23px' text-anchor='middle' fill='#ffffff'>Aggeliki</text> | ||
Line 154: | Line 155: | ||
<line x1="-190" y1="385" x2="-353" y2="432" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="-190" y1="385" x2="-353" y2="432" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='my' cx="-415" cy="450" r="60" stroke='#ffffff' stroke-width="2" fill="url(#my_pic)" id='my_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='my' cx="-415" cy="450" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#my_pic)" id='my_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='my_t' x='-415' y='535' font-size='23px' text-anchor='middle' fill='#ffffff'>Me</text> | <text class='animate_text' id='my_t' x='-415' y='535' font-size='23px' text-anchor='middle' fill='#ffffff'>Me</text> | ||
Line 160: | Line 161: | ||
<line x1="155" y1="280" x2="200" y2="436" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="155" y1="280" x2="200" y2="436" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='thanasis' cx="220" cy="497" r="60" stroke='#ffffff' stroke-width="2" fill="url(#thanasis_pic)" id='thanasis_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='thanasis' cx="220" cy="497" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#thanasis_pic)" id='thanasis_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='thanasis_t' x='220' y='580' font-size='23px' text-anchor='middle' fill='#ffffff'>Thanasis</text> | <text class='animate_text' id='thanasis_t' x='220' y='580' font-size='23px' text-anchor='middle' fill='#ffffff'>Thanasis</text> | ||
<line x1="285" y1="500" x2="500" y2="530" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="285" y1="500" x2="500" y2="530" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='nausica' cx="565" cy="535" r="60" stroke='#ffffff' stroke-width="2" fill="url(#nausica_pic)" id='nausica_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | + | <circle id='nausica' cx="565" cy="535" r="60" stroke-opacity='0' stroke='#ffffff' stroke-width="2" fill="url(#nausica_pic)" id='nausica_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> |
<text class='animate_text' id='nausica_t' x='565' y='625' font-size='23px' text-anchor='middle' fill='#ffffff'>Nausica</text> | <text class='animate_text' id='nausica_t' x='565' y='625' font-size='23px' text-anchor='middle' fill='#ffffff'>Nausica</text> | ||
Revision as of 14:40, 9 August 2017