CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
(39 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <style> | ||
+ | @media (-webkit-min-device-pixel-ratio: 2), | ||
+ | (min-resolution: 192dpi) { | ||
+ | #svg_info_box{ display: none; } | ||
+ | } | ||
+ | </style> | ||
+ | |||
<style> | <style> | ||
− | #HQ_page table, #HQ_page tr, #HQ_page td{ border: none; } | + | #HQ_page table, #HQ_page tr, #HQ_page td{ border: none; } |
+ | #HQ_page table{ margin-top: 0px; } | ||
+ | #HQ_page td{ padding: 7px;} | ||
#test_svg{ width: 100%; margin: 16px 0px 0px 0px; } | #test_svg{ width: 100%; margin: 16px 0px 0px 0px; } | ||
Line 15: | Line 24: | ||
position: absolute; | position: absolute; | ||
left: 50%; | left: 50%; | ||
− | top: | + | top: 40%; |
margin-right: -50%; | margin-right: -50%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
Line 29: | Line 38: | ||
font-size: 20px; | font-size: 20px; | ||
} | } | ||
− | #svg_info_box_dry_lab{ position: absolute; top: | + | #svg_info_box_dry_lab{ position: absolute; top: 18%; left: 18%; width: 300px; height: 250px; color: #80aac7; font-size: 15px;} |
− | #svg_info_box_wet_lab{ position: absolute; top: | + | #svg_info_box_wet_lab{ position: absolute; top: 18%; left: 62%; width: 300px; height: 250px; color: #80aac7; font-size: 15px;} |
− | + | .tableSelfDesc tr td{ padding: 0px; } | |
+ | |||
+ | .showTable{ display: block; } | ||
+ | .hideme{ display: none; } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 43: | Line 55: | ||
</div> | </div> | ||
− | < | + | <div id='svg_info_box_dry_lab'> |
− | <table class=' | + | <!-- Constantine--> |
+ | <table id='constantine_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Scaring people with math</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Unify the Standard Model with Gravity</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Life isn't about finding yourself. Life is about creating yourself.</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>What’s the weather like out there?</td></tr> | ||
+ | </table> | ||
− | <tr><td><b>Special Ability</b></td></tr> | + | <!-- Me --> |
− | <tr><td> | + | <table id='komos_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> |
− | <tr><td><b>Ultimate Life Goal</b></td></tr> | + | <tr><td><b>Special Ability</b></td></tr> |
− | <tr><td> | + | <tr><td style='padding: 0px'>Executing bugs ;)</td></tr> |
− | <tr><td><b>Words To Live By</b></td></tr> | + | <tr><td><b>Ultimate Life Goal</b></td></tr> |
− | <tr><td> | + | <tr><td style='padding: 0px'>Patience!</td></tr> |
− | <tr><td><b>iGEM | + | <tr><td><b>Words To Live By</b></td></tr> |
− | <tr><td> | + | <tr><td style='padding: 0px'>Never give up!</td></tr> |
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>5500+ lines of wiki code written </td></tr> | ||
+ | </table> | ||
+ | <!-- Aggeliki --> | ||
+ | <table id='agg_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Life Planning</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Understand the nature of Intelligence</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Intentions, good or bad, are not enough</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>271 Hours spent on Photoshop</td></tr> | ||
</table> | </table> | ||
− | </ | + | <!-- Nafsika --> |
+ | <table id='nafsika_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>I always find a way to think positively</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>I do not have a simple answer on that. After all, it is personal.</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>No man is an island.</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>2.300 hours of work created 7.133 GB of knowledge and memories</td></tr> | ||
+ | </table> | ||
− | < | + | <!-- Ksamtsak --> |
− | < | + | <table id='kst_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> |
− | </ | + | |
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Explaining stuff for dummies - biological stuff to non-biologists especially ☺</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Friendship</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>"What can change the nature of a man?"</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>3210 times ran a simulation</td></tr> | ||
+ | |||
+ | </table> | ||
+ | |||
+ | <!-- Thanasis --> | ||
+ | <table id='thanasis_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Alias</b></td></tr> | ||
+ | <tr><td style='padding:0px'>King Punny</td></tr> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>There's no room for this here, but don't trust me, my spatial abilities aren't any good</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>I meaaan, space is pretty cool</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>It is possible for ordinary humans, to choose to be extraordinary</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>167 legal documents filled to get past greek bureaucracy</td></tr> | ||
+ | </table> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id='svg_info_box_wet_lab'> | ||
+ | |||
+ | <!-- Asteris --> | ||
+ | <table id='asteris_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Sleepless Regeneration</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Beat Eugene to immortality</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>"Not all those who wander are lost"</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Daily repeat, for more than a year: "Everyone chill, we got this"</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Eugene --> | ||
+ | <table id='eugene_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Forgetting what I ate 10 minutes ago, but never forgetting any experiment or protocol</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Beat Asteris to immortality</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>An ultimate goal without a plan is just a wish</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>More than 1.000 km driven between labs (and they are less than 15km far from one another)</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Charis --> | ||
+ | <table id='charis_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Binge-reading papers</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Unraveling the mysteries of neural information processing</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>"I would rather have questions that can't be answered than answers than can't be questioned"</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>An average of 5.1 coffees per day</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Thomas --> | ||
+ | <table id='thomas_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Never accepting failure</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Be a memorable scientist</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Only a life lived for others is a life worthwhile</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>28 sunrises witnessed from the lab</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Elissavet --> | ||
+ | <table id='elissavet_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Alias</b></td></tr> | ||
+ | <tr><td style='padding:0px'>Stitch</td></tr> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Seeing with eyes shut</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Understanding &&|| Utilizing the Human Brain</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Those who say it cannot be done, should not interrupt those who are doing it</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>More than 181 times assuming the role of team's alarm clock</td></tr> | ||
+ | </table> | ||
+ | |||
+ | </div> | ||
</body> | </body> | ||
Line 160: | Line 297: | ||
svgDoc.getElementById(item.image_id).setAttribute('display', 'block'); | svgDoc.getElementById(item.image_id).setAttribute('display', 'block'); | ||
svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'block'); | svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'block'); | ||
− | + | $('.tableSelfDesc').addClass('hideme'); | |
− | + | $('#'+ item.id + '_wet').removeClass('hideme'); | |
} | } | ||
}); | }); | ||
Line 171: | Line 308: | ||
svgDoc.getElementById(item.image_id).setAttribute('display', 'block'); | svgDoc.getElementById(item.image_id).setAttribute('display', 'block'); | ||
svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'block'); | svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'block'); | ||
− | + | $('.tableSelfDesc').addClass('hideme'); | |
− | + | $('#'+ item.id + '_dry').removeClass('hideme'); | |
+ | console.log( $('#'+ item.id+'_dry').html() ) | ||
} | } | ||
}); | }); | ||
Line 211: | Line 349: | ||
mySVG.addEventListener("load",function() { | mySVG.addEventListener("load",function() { | ||
svgDoc = mySVG.contentDocument; | svgDoc = mySVG.contentDocument; | ||
− | |||
leftElements.forEach(function(item, index, array){ | leftElements.forEach(function(item, index, array){ |
Latest revision as of 04:50, 16 December 2017
Click on the miRNAs to get to know us!