Difference between revisions of "Team:Greece/our team"

Revision as of 08:54, 7 August 2017 (view source)

CharisKomos (Talk | contribs)

← Older edit

Revision as of 12:58, 7 August 2017 (view source)

CharisKomos (Talk | contribs)

Newer edit →

Line 5:

</head>

<body>

+

+

window.onload = function (){

+

void(document.getElementById('svg_graphics_box').style.display = 'block');

+

}

+

</script>

+

Line 27:

Line 33:

−

+

Line 37:

Line 44:

//Make cursor as a pointer

$('#'+id).css( 'cursor', 'pointer' );

+

void(document.getElementById(id+'_t').setAttribute('fill', '#000000'));

}

−

//function removeStroke(id){ $('#'+id).removeClass('boldStroke'); }

+

function removeStroke(id){ $('#'+id).removeClass('boldStroke'); void(document.getElementById(id+'_t').setAttribute('fill', '#ffffff'));}

function displayProfile(id){

Line 95:

Line 103:

</defs>

−

+

+

<text class='animate_text' id='eugene_t' x='-392' y='250' font-size='23px' text-anchor='middle' fill='#ffffff'>Eugene</text>

Line 101:

Line 110:

+

<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='asteris_t' x='130' y='150' font-size='23px' text-anchor='middle' fill='#ffffff'>Asteris</text>

+

Line 111:

Line 122:

−

+

<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='constantine_t' x='650' y='165' font-size='23px' text-anchor='middle' fill='#ffffff'>Constantine</text>

−

+

<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='elisavet_t' x='675' y='270' font-size='23px' text-anchor='middle' fill='#ffffff'>Elisavet</text>

+

−

+

<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='thanasis_t' x='220' y='580' font-size='23px' text-anchor='middle' fill='#ffffff'>Thanasis</text>

+

<text class='animate_text' id='nausica_t' x='565' y='465' font-size='23px' text-anchor='middle' fill='#ffffff'>Nausica</text>

</svg>

@@ Line 5: / Line 5: @@
 </head>
 <body>
+	<script>
+		window.onload = function (){
+			void(document.getElementById('svg_graphics_box').style.display = 'block');
+		}
+	</script>
 <!-- Navigation Bar -->
              <div id='main-wraper'>
@@ Line 27: / Line 33: @@
-<svg class='responsive_box' height="500" viewBox="0 0 500 750">
+<svg style='display:none' id='svg_graphics_box' class='responsive_box' height="500" viewBox="0 0 500 750">
                                 <!--min-x, min-y, width, height-->
 	<script role='Interactivity'>
@@ Line 37: / Line 44: @@
 			//Make cursor as a pointer
 			$('#'+id).css( 'cursor', 'pointer' );
+                        void(document.getElementById(id+'_t').setAttribute('fill', '#000000'));
 		}
-		//function removeStroke(id){ $('#'+id).removeClass('boldStroke'); }
+		function removeStroke(id){ $('#'+id).removeClass('boldStroke'); void(document.getElementById(id+'_t').setAttribute('fill', '#ffffff'));}
 		function displayProfile(id){
@@ Line 95: / Line 103: @@
 	</defs>
-	<circle id='eugene' cx="-392" cy="168" r="60" stroke="green" 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 class='animate_text' id='eugene' cx="-392" cy="168" r="60" stroke="green" 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>
 		<line x1="-335" y1="135" x2="-195" y2="90" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
@@ Line 101: / Line 110: @@
 	<circle id='thomas' cx="-130" cy="80" r="60" stroke="green" 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>
 		<line x1="-75" y1="115" x2="73" y2="190" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 	<circle id='asteris' cx="130" cy="220" r="60" stroke="green" 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>
 		<line x1="193" y1="200" x2="338" y2="200" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 		<line x1="193" y1="215" x2="335" y2="215" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
@@ Line 111: / Line 122: @@
 	<circle id='charis' cx="400" cy="220" r="60" stroke="green" 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>
 		<line x1="460" y1="200" x2="602" y2="123" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 		<line x1="455" y1="186" x2="594" y2="110" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 	<circle id='constantine' cx="650" cy="80" r="60" stroke="green" 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>
 		<line x1="715" y1="75" x2="890" y2="75" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 	<circle id='ksamtsak' cx="955" cy="80" r="60" stroke="green" 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>
 		<line x1="462" y1="234" x2="620" y2="306" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 		<line x1="458" y1="247" x2="614" y2="318" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 	<circle id='elisavet' cx="675" cy="340" r="60" stroke="green" 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='270' 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)" />
 	<circle id='aggeliki' cx="-130" cy="360" r="60" stroke="green" 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>
 		<line x1="-180" y1="400" x2="-350" y2="450" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 		<line x1="-190" y1="385" x2="-353" y2="432" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 	<circle id='my' cx="-415" cy="450" r="60" stroke="green" 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>
 		<line x1="140" y1="283" x2="185" y2="443" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 		<line x1="155" y1="280" x2="200" y2="436" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 	<circle id='thanasis' cx="220" cy="497" r="60" stroke="green" 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>
 		<line x1="285" y1="500" x2="500" y2="530" stroke-width="4" stroke="rgba(148, 159, 199, 1)" />
 	<circle id='nausica' cx="565" cy="535" r="60" stroke="green" 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='465' font-size='23px' text-anchor='middle' fill='#ffffff'>Nausica</text>
 </svg>