Name | Description | Length |
BBa_K2364000 | pCMV | 589 bp |
BBa_K2364001 | pTRE | 315 bp |
BBa_K2364002 | rtTA (pANDORRA compatible) | 779 bp |
BBa_K2364003 | DsRed (pANDORRA compatible) | 710 bp |
BBa_K2364004 | Apoptin (pANDORRA compatible) | 398 bp |
BBa_K2364005 | Lacl (pANDORRA compatible) | 1151 bp |
BBa_K2364006 | SV40 polyA (pANDORRA compatible) | 244 bp |
BBa_K2364007 | FF4 - rbGlob polyA (pANDORRA compatible) | 976 bp |
BBa_K2364042 | miRNA-21-5p Target Tandem Repeats (x4) (T21) | 88 bp |
BBa_K2364043 | miRNA-372-3p Target Tandem Repeats (x4) (T372) | 92 bp |
BBa_K2364044 | miRNA-373-3p Target Tandem Repeats (x4) (T373) | 92 bp |
BBa_K2364045 | miRNA-143-3p Target Tandem Repeats (x4) (T143) | 84 bp |
BBa_K2364046 | FF4 Target Tandem Repeats (x3) (TFF4) | 66 bp |
CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 132: | Line 132: | ||
<circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' onclick="displayMe(this.id)" /> | <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' onclick="displayMe(this.id)" /> | ||
<text class='animate_text' id='t1' x='0' y='295' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t1' x='0' y='295' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="-227" dy="2.5em" onclick="displayMe('c_t1')">MEDAL</tspan> | + | <tspan x="-227" dy="2.5em" onclick="displayMe('c_t1')" id='f_circle_textA'>MEDAL</tspan> |
− | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">CRITERIA</tspan> | + | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')" id='f_circle_textB'>CRITERIA</tspan> |
</text></a> | </text></a> | ||
Line 139: | Line 139: | ||
<circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' onclick="displayMe(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' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="195" dy="1.5em" onclick="displayMe('c_t2')">COLLABORATIONS</tspan> | + | <tspan x="195" dy="1.5em" onclick="displayMe('c_t2')" id='s_circle_textA'>COLLABORATIONS</tspan> |
</text></a> | </text></a> | ||
Line 145: | Line 145: | ||
<circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' onclick="$('.particles').attr({'style':'visibility:visible;opacity:1;'})" onmouseover="onHoverChanges(this.id)" /> | <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' onclick="$('.particles').attr({'style':'visibility:visible;opacity:1;'})" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="610" dy="1.5em" onclick="displayMe('c_t3')">PARTS</tspan> | + | <tspan x="610" dy="1.5em" onclick="displayMe('c_t3')" id='t_circle_textA'>PARTS</tspan> |
</text></a> | </text></a> | ||
Line 151: | Line 151: | ||
<circle class='circlez' cx="400" cy="550" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_basic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | <circle class='circlez' cx="400" cy="550" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_basic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t3_basic' x='0' y='520' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | <text class='animate_text' id='t3_basic' x='0' y='520' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | ||
− | <tspan x="400" dy="2em" onclick="displayMe('c_t3_basic')">BASIC</tspan> | + | <tspan x="400" dy="2em" onclick="displayMe('c_t3_basic')" id='t_circle_textB'>BASIC</tspan> |
</text></a> | </text></a> | ||
Line 157: | Line 157: | ||
<circle class='circlez' cx="610" cy="610" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_composite' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | <circle class='circlez' cx="610" cy="610" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_composite' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t3_composite' x='0' y='580' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | <text class='animate_text' id='t3_composite' x='0' y='580' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | ||
− | <tspan x="610" dy="2em" onclick="displayMe('c_t3_composite')">COMPOSITE</tspan> | + | <tspan x="610" dy="2em" onclick="displayMe('c_t3_composite')" id='t_circle_textC'>COMPOSITE</tspan> |
</text></a> | </text></a> | ||
Line 163: | Line 163: | ||
<circle class='circlez' cx="820" cy="550" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_collections' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | <circle class='circlez' cx="820" cy="550" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_collections' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t3_collections' x='0' y='520' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | <text class='animate_text' id='t3_collections' x='0' y='520' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | ||
− | <tspan x="820" dy="2em" onclick="displayMe('c_t3_collections')">COLLECTIONS</tspan> | + | <tspan x="820" dy="2em" onclick="displayMe('c_t3_collections')" id='t_circle_textD'>COLLECTIONS</tspan> |
</text></a> | </text></a> | ||
Line 169: | Line 169: | ||
<circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' onclick="displayMe(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' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="1020" dy="1.5em" onclick="displayMe('c_t4')">INTERLAB</tspan> | + | <tspan x="1020" dy="1.5em" onclick="displayMe('c_t4')" id='fo_circle_textA'>INTERLAB</tspan> |
</text></a> | </text></a> | ||
</svg> | </svg> | ||
Line 259: | Line 259: | ||
/* Media Queries in JavaScript using nested if statements */ | /* Media Queries in JavaScript using nested if statements */ | ||
function onWindowResize(){ | function onWindowResize(){ | ||
+ | |||
if(window.innerWidth > 1025){ | if(window.innerWidth > 1025){ | ||
if(window.innerWidth < 1367){ | if(window.innerWidth < 1367){ | ||
− | + | $('#f_circle_textA').attr({ 'x': '-208' }); | |
+ | $('#f_circle_textB').attr({ 'x': '-212' }); | ||
− | + | $('#s_circle_textA').attr({ 'x': '200' }); | |
− | + | $('#t_circle_textA').attr({ 'x': '613' }); | |
} | } | ||
} | } | ||
+ | if(window.innerWidth >= 1367){ | ||
+ | $('#f_circle_textA').attr({ 'x': '-227' }); | ||
+ | $('#f_circle_textB').attr({ 'x': '-230' }); | ||
+ | |||
+ | $('#s_circle_textA').attr({ 'x': '195' }); | ||
+ | |||
+ | $('#t_circle_textA').attr({ 'x': '610' }); | ||
+ | $('#t_circle_textB').attr({ 'x': '400' }); | ||
+ | $('#t_circle_textC').attr({ 'x': '610' }); | ||
+ | $('#t_circle_textD').attr({ 'x': '820' }); | ||
+ | } | ||
+ | |||
} | } | ||
− | window. | + | $(window).resize(function () { |
onWindowResize(); | onWindowResize(); | ||
}); | }); |
Revision as of 18:15, 22 October 2017