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

<svg width="100%" height="300" viewBox="0 0 400 400"><!--min-x, min-y, width, height-->

$('#'+id).addClass('boldStroke');

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

void(document.getElementById('profile').src = id+'.jpg');

void(document.getElementById('details').innerText = document.getElementById('desc_'+id).value);

<pattern id="Image" x="0%" y="0%" patternUnits="userSpaceOnUse" height="100%" width="100%">

  <image width='50%' height='40%' x="0" y="0" href="me.jpg"></image>

<pattern id="Image2" x="0%" y="0%" patternUnits="userSpaceOnUse" height="100%" width="100%">

<image width='50%' height='40%' x="160" y="-50" href="me2.jpg"></image>

<pattern id="Image3" x="0%" y="0%" patternUnits="userSpaceOnUse" height="100%" width="100%">

<image width='50%' height='40%' x="105" y="125" href="me2.jpg"></image>

<circle cx="50" cy="100" r="35" stroke="green" stroke-width="2" fill="url(#Image)" id='circle1' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)'/>

<line x1="85" y1="85" x2="172" y2="55" stroke-width="4" stroke="red" />

<line x1="87" y1="95" x2="175" y2="65" stroke-width="4" stroke="red" />

<circle cx="160" cy="220" r="35" stroke="green" stroke-width="2" fill="url(#Image2)" id='circle2' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' />

<line x1="74" y1="124" x2="137" y2="189" stroke-width="4" stroke="red" />

<line x1="67" y1="131" x2="128" y2="195" stroke-width="4" stroke="red" />

<circle cx="210" cy="51" r="35" stroke="green" stroke-width="2" fill="url(#Image3)" id='circle3' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' />

<line x1="193" y1="208" x2="260" y2="180" stroke-width="4" stroke="red" />

<circle cx="295" cy="170" r="35" stroke="green" stroke-width="2" fill="url(#Image3)" id='circle4' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' />

 

<circle cx="450" cy="250" r="35" stroke="green" stroke-width="2" fill="url(#Image3)" id='circle5' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' />

<line x1="320" y1="145" x2="400" y2="100" stroke-width="4" stroke="red" />

<circle cx="433" cy="83" r="35" stroke="green" stroke-width="2" fill="url(#Image3)" id='circle6' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' />

<line x1="125" y1="234" x2="48" y2="273" stroke-width="4" stroke="red" />

<line x1="130" y1="244" x2="57" y2="282" stroke-width="4" stroke="red" />

<line x1="140" y1="253" x2="63" y2="293" stroke-width="4" stroke="red" />

<circle cx="27" cy="305" r="35" stroke="green" stroke-width="2" fill="url(#Image3)" id='circle7' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' />

        <!-- Circle 1 -->

<input type='hidden' id='desc_circle1' value="Colorectal cancer (CRC), also known as bowel cancer and colon cancer, is the development of cancer from the colon or rectum (parts of the large intestine). A cancer is the abnormal growth of cells that have the ability to invade or spread to other parts of the body.[9] Signs and symptoms may include blood in the stool, a change in bowel movements, weight loss, and feeling tired all the time. Most colorectal cancers are due to old age and lifestyle factors with only a small number of cases due to underlying genetic disorders.[2][3] Some risk factors include diet, obesity, smoking, and lack of physical activity. Dietary factors that increase the risk include red and processed meat as well as alcohol.[2] Another risk factor is inflammatory bowel disease, which includes Crohn's disease and ulcerative colitis.[2] Some of the inherited genetic disorders that can cause colorectal cancer include familial adenomatous polyposis and hereditary non-polyposis colon cancer; however, these represent less than 5% of cases.[2][3] It typically starts as a benign tumor, often in the form of a polyp, which over time becomes cancerous.[2]" />

        <!-- Circle 2 -->

<input type='hidden' value='This is the SECOND description' id='desc_circle2' />

<!-- Circle 3 -->

        <input type='hidden' value='This is the THIRD description' id='desc_circle3' />

<!-- Circle 4 -->

        <input type='hidden' value='This is the FOURTH description' id='desc_circle4' />

<!-- Circle 5 -->

        <input type='hidden' value='This is the FIFTH description' id='desc_circle5' />

<!-- Circle 6 -->

        <input type='hidden' value='This is the SIXTH description' id='desc_circle6' />

<!-- Circle 7 -->

        <input type='hidden' value='This is the SEVENTH description' id='desc_circle7' />

        <!-- Circle 8 -->

        <input type='hidden' value='This is the EIGHTH description' id='desc_circle8' />

        <input type='hidden' value='This is the NINENTINTH description' id='desc_circle9' />

        <!-- Circle 10 -->

        <input type='hidden' value='This is the TENTH description' id='desc_circle10' />

        <!-- Circle 11 -->

        <input type='hidden' value='This is the ELEVENTH description' id='desc_circle11' />

        <!-- Circle 12 -->

        <input type='hidden' value='This is the TWELVETH description' id='desc_circle12' />

        <!-- Circle 13 -->

        <input type='hidden' value='This is the THIRTEENTH description' id='desc_circle13' />

        <!-- Circle 14 -->

        <input type='hidden' value='This is the FOURTEENTH description' id='desc_circle14' />

        <!-- Circle 15 -->

        <input type='hidden' value='This is the FIFTEENTH description' id='desc_circle15' />

.boldStroke{ stroke-width: 5 }