CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 63: | Line 63: | ||
<defs> | <defs> | ||
<!-- CAUTION: The coordination must be set in the <pattern> NOT in the <image> !!! --> | <!-- CAUTION: The coordination must be set in the <pattern> NOT in the <image> !!! --> | ||
− | <pattern id="thomas_pic" x='- | + | <pattern id="thomas_pic" x='-169' y='19' patternUnits="userSpaceOnUse" height="100%" width="100%"> |
<image width='120px' height='120px' x='0' y='0' xlink:href='https://cldup.com/TarcXrZo0U.png'></image> | <image width='120px' height='120px' x='0' y='0' xlink:href='https://cldup.com/TarcXrZo0U.png'></image> | ||
</pattern> | </pattern> | ||
Line 95: | Line 95: | ||
</pattern> | </pattern> | ||
− | <pattern id="my_pic" x='- | + | <pattern id="my_pic" x='-419' y='408' patternUnits="userSpaceOnUse" height="100%" width="100%"> |
<image width='120px' height='120px' x='0' y='0' xlink:href='https://cldup.com/NztGO_MVUI.png' ></image> | <image width='120px' height='120px' x='0' y='0' xlink:href='https://cldup.com/NztGO_MVUI.png' ></image> | ||
</pattern> | </pattern> | ||
Line 114: | Line 114: | ||
<line x1="-330" y1="150" x2="-186" y2="105" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="-330" y1="150" x2="-186" y2="105" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='thomas' cx="- | + | <circle id='thomas' cx="-108" cy="80" r="60" stroke='#ffffff' stroke-width="0" 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='- | + | <text class='animate_text' id='thomas_t' x='-110' y='165' font-size='23px' text-anchor='middle' fill='#ffffff'>Thomas</text> |
− | <line x1="- | + | <line x1="-50" y1="115" x2="72" 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="0" 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='#ffffff' stroke-width="0" fill="url(#asteris_pic)" id='asteris_circle' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' /> | ||
Line 149: | Line 149: | ||
<circle id='aggeliki' cx="-102" cy="370" r="60" stroke='#ffffff' stroke-width="0" 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="-102" cy="370" r="60" stroke='#ffffff' stroke-width="0" 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='-100' y=' | + | <text class='animate_text' id='aggeliki_t' x='-100' y='453' font-size='23px' text-anchor='middle' fill='#ffffff'>Aggeliki</text> |
<line x1="-155" y1="415" x2="-294" y2="450" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="-155" y1="415" x2="-294" y2="450" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
<line x1="-162" y1="400" x2="-301" y2="434" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | <line x1="-162" y1="400" x2="-301" y2="434" stroke-width="4" stroke="rgba(148, 159, 199, 1)" stroke-linecap="round" /> | ||
− | <circle id='my' cx="- | + | <circle id='my' cx="-358" cy="470" r="60" stroke='#ffffff' stroke-width="0" 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='-390' y='555' font-size='23px' text-anchor='middle' fill='#ffffff'>Me</text> | <text class='animate_text' id='my_t' x='-390' y='555' font-size='23px' text-anchor='middle' fill='#ffffff'>Me</text> | ||
Revision as of 15:59, 11 August 2017