Team:Edinburgh/Team

From 2012.igem.org

(Difference between revisions)
m
Line 4: Line 4:
<html>
<html>
 +
<style type="text/css">
 +
/* Structure */
 +
 +
.edi-member-card{
 +
 +
width:350px;
 +
 +
height:150px;
 +
 +
padding:5px;
 +
 +
margin:0px;
 +
 +
border:1px solid #ccc;
 +
 +
}
 +
 +
.edi-member-card p{
 +
 +
margin:0px;
 +
 +
padding:5px;
 +
 +
}
 +
 +
.edi-member-content{
 +
 +
float:right;
 +
 +
width:220px;
 +
 +
}
 +
 +
.edi-member-name{
 +
 +
width:100%;
 +
 +
height:30px;
 +
 +
}
 +
 +
.edi-member-photo{
 +
margin-right:10px;
 +
float:right;
 +
 +
width:120px;
 +
 +
height:120px;
 +
 +
}
 +
 +
.edi-member-photo img{
 +
 +
height:100%;
 +
 +
}
 +
 +
/* Style*/
 +
 +
.edi-member-card{
 +
 +
background-color:rgba(255, 255, 255, 0.6);
 +
 +
border-radius:5px;
 +
 +
}
 +
 +
.edi-member-name p{
 +
 +
color: #25476c;
 +
 +
font: bold 16px/20px tahoma, calibri, sans-serif;
 +
 +
text-align: right;
 +
 +
}
 +
 +
.edi-member-content p{
 +
 +
text-align: justify;
 +
 +
font: normal 12px/20/*16*/px tahoma, calibri, sans-serif;
 +
 +
}
 +
 +
.edi-member-content .characteristic{
 +
 +
/*color: #a8bfd4;*/
 +
 +
color: #25476c;
 +
 +
font: normal 12px/20/*16*/px cursive, tahoma, calibri, sans-serif;
 +
 +
padding-bottom: 10px;
 +
 +
}
 +
 +
.edi-member-photo img{
 +
 +
border-radius:5px;
 +
 +
border:0px;
 +
 +
}
 +
 +
</style>
 +
 +
<!--[if IE]>
 +
 +
<style type="text/css">
 +
.edi-member-photo{
 +
margin-right:0px;
 +
}
 +
 +
.edi-member-photo img{
 +
 +
margin-right:0px;
 +
 +
margin-left:5px;
 +
 +
width:115px;
 +
 +
height:auto;
 +
 +
}
 +
 +
.edi-member-card{
 +
 +
background-color:#f2f2f2;
 +
 +
}
 +
 +
</style>
 +
 +
<![endif]-->
 +
<style type="text/css">
 +
#edi-all-members{
 +
position:relative;
 +
}
 +
.edi-member-card{
 +
position:absolute;
 +
left:0px;top:-9000px;
 +
}
 +
#razvan{
 +
left:110px;;
 +
}
 +
#kuba{
 +
left:300px;
 +
}
 +
#neli{
 +
left:100px;
 +
}
 +
#reka{
 +
left:131px;
 +
}
 +
#kirsty{
 +
left:600px;
 +
}
 +
#eli{
 +
left:345px;
 +
}
 +
#oscar{
 +
left:385px;
 +
}
 +
#jenny{
 +
left:425px;
 +
}
 +
#melanie{
 +
left:615px;
 +
}
 +
</style>
<div id="team-page-middle">
<div id="team-page-middle">
 +
<div id="edi-all-members">
 +
<div class="edi-member-card" id="razvan">
 +
<div class="edi-member-name">
 +
<p>Razvan Ranca</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">AKA</span>
 +
Mystery Man<br />
 +
<span class="characteristic">DEGREE</span>
 +
BSc Artificial Intelligence and Computer Science<br />
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
<div class="edi-member-card" id="kuba">
 +
<div class="edi-member-name">
 +
<p>Kuba Krakowiak</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">AKA</span>
 +
The Munchkin<br />
 +
<span class="characteristic">DEGREE</span>
 +
BSc Biotechnology<br />
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
<div class="edi-member-card" id="neli">
 +
<div class="edi-member-name">
 +
<p>Parthenopi Vasileiadou</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">AKA</span>
 +
The Greek<br />
 +
<span class="characteristic">DEGREE</span>
 +
BEng Chemical Engineering<br />
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
<div class="edi-member-card" id="reka">
 +
<div class="edi-member-name">
 +
<p>R&eacute;ka Nagy</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">AKA</span>
 +
The Dirty Mind<br />
 +
<span class="characteristic">DEGREE</span>
 +
BSc Molecular Genetics<br />
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
<div class="edi-member-card" id="kirsty">
 +
<div class="edi-member-name">
 +
<p>Kirsty McCarlie</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">AKA</span>
 +
Master of Disguise<br />
 +
<span class="characteristic">DEGREE</span>
 +
MEng Chemical Engineering<br />
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
<div class="edi-member-card" id="eli">
 +
<div class="edi-member-name">
 +
<p>Elitsa Peeva</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">who</span>
 +
likes Ukranian music<br />
 +
<span class="characteristic">DEGREE</span>
 +
BSc Pharmacology<br />
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
<div class="edi-member-card" id="oscar">
 +
<div class="edi-member-name">
 +
<p>Oscar Koch</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">AKA</span>
 +
Fountain of Knowledge<br/>
 +
<span class="characteristic">DEGREE</span>
 +
BSc Biochemistry<br/>
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
<div class="edi-member-card" id="jenny">
 +
<div class="edi-member-name">
 +
<p>Evgeniya Sotirova</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">AKA</span>
 +
Jenny the Jelly<br />
 +
<span class="characteristic">DEGREE</span>
 +
BSc Computer Science and Mathematics<br />
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
<div class="edi-member-card" id="melanie">
 +
<div class="edi-member-name">
 +
<p>Melanie Dutton</p>
 +
</div><!-- /edi-member-name -->
 +
<div class="edi-member-content">
 +
<p>
 +
<span class="characteristic">AKA</span>
 +
Yells at the Computer<br />
 +
<span class="characteristic">DEGREE</span>
 +
BA(Hons) Intermedia Art<br />
 +
</p>
 +
</div><!-- /edi-member-content -->
 +
<div class="edi-member-photo">
 +
<img src='imgs/Edi-Oscar-small.JPG' />
 +
</div><!-- /edi-member-photo -->
 +
</div><!-- /edi-member -->
 +
</div><!-- /edi-all-members -->
<div class="team-intro">
<div class="team-intro">
<div id="edi-team-photo">
<div id="edi-team-photo">
-
<img src="https://static.igem.org/mediawiki/2012/5/50/Edi-teamphoto2.JPG"/>
+
<img src="https://static.igem.org/mediawiki/2012/5/50/Edi-teamphoto2.JPG" usemap="#edi-team" id="edi-team-group-photo"/>
-
</div>
+
<map name="edi-team">
 +
  <area shape="rect" coords="110,158,175,250" href="#"
 +
onmouseover="document.getElementById('razvan').style.top='250px';"
 +
onmouseout="document.getElementById('razvan').style.top='-9000px';"
 +
alt="Razvan" />
 +
  <area shape="rect" coords="300,170,343,305" href="#"
 +
onmouseover="document.getElementById('kuba').style.top='10px';"
 +
onmouseout="document.getElementById('kuba').style.top='-9000px';"
 +
alt="Kuba" />
 +
  <area shape="rect" coords="455,218,495,300" href="#"
 +
onmouseover="document.getElementById('neli').style.top='250px';"
 +
onmouseout="document.getElementById('neli').style.top='-9000px';"
 +
alt="Parthenopi" />
 +
  <area shape="rect" coords="489,150,510,210" href="#"
 +
onmouseover="document.getElementById('reka').style.top='200px';"
 +
onmouseout="document.getElementById('reka').style.top='-9000px';"
 +
alt="Reka" />
 +
  <area shape="rect" coords="600,205,673,240" href="#"
 +
onmouseover="document.getElementById('kirsty').style.top='45px';"
 +
onmouseout="document.getElementById('kirsty').style.top='-9000px';"
 +
alt="Kirsty" />
 +
  <area shape="rect" coords="700,130,725,182" href="#"
 +
onmouseover="document.getElementById('eli').style.top='0px';"
 +
onmouseout="document.getElementById('eli').style.top='-9000px';"
 +
alt="Elitsa" />
 +
  <area shape="rect" coords="747,122,780,198" href="#"
 +
onmouseover="document.getElementById('oscar').style.top='20px';"
 +
onmouseout="document.getElementById('oscar').style.top='-9000px';"
 +
alt="Oscar" />
 +
  <area shape="rect" coords="785,137,821,212" href="#"
 +
onmouseover="document.getElementById('jenny').style.top='80px';"
 +
onmouseout="document.getElementById('jenny').style.top='-9000px';"
 +
alt="Evgeniya" />
 +
  <area shape="rect" coords="975,163,1012,284" href="#"
 +
onmouseover="document.getElementById('melanie').style.top='100px';"
 +
onmouseout="document.getElementById('melanie').style.top='-9000px';"
 +
alt="Melanie" />
 +
</map>
 +
</div><!-- /edi-team-photo -->
<div id="edi-team-description">
<div id="edi-team-description">
<p>Hello! We are Team Edinburgh. Our humble group is surprisingly a quite diverse one. We have students from all over Europe who come from a wide range of academic backgrounds. To learn more about each one of us simply scroll down the page.</p>
<p>Hello! We are Team Edinburgh. Our humble group is surprisingly a quite diverse one. We have students from all over Europe who come from a wide range of academic backgrounds. To learn more about each one of us simply scroll down the page.</p>
</div>
</div>
-
</div><!-- /team-photo -->
+
<div id="hint">
 +
<p>Hover over the different members to learn more about them.</p>
 +
</div>
 +
</div><!-- /team-intro -->
<div class="instructors-photos">
<div class="instructors-photos">
Line 71: Line 429:
</div><!-- /instuctors-row2 -->
</div><!-- /instuctors-row2 -->
</div><!-- /instuctors-photos -->
</div><!-- /instuctors-photos -->
-
 
-
<div class="team-members-photos">
 
-
<div class="list-name">
 
-
<p>Student Members</p>
 
-
</div>
 
-
<div id="edi-team-row1">
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.oscar.src='https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG'; return false;"
 
-
onmouseout="document.oscar.src='https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-oscar-photo">
 
-
<img src='https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png' name="oscar"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-oscar-text">
 
-
<p><b>Oscar Koch</b><br/>BSc Biochemistry<br/><i>Fountain of Knowledge</i></p>
 
-
</div>
 
-
</a></div>
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.kuba.src='https://static.igem.org/mediawiki/2012/2/2e/Kuba.jpg'; return false;"
 
-
onmouseout="document.kuba.src='https://static.igem.org/mediawiki/2012/5/5e/Kuba-2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-kuba-photo">
 
-
<img src="https://static.igem.org/mediawiki/2012/5/5e/Kuba-2.png" name="kuba"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-kuba-text">
 
-
<p><b>Kuba Krakowiak</b><br/>BSc Biotechnology<br/><i>The Munchkin</i></p>
 
-
</div>
 
-
</a></div>
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.reka.src='https://static.igem.org/mediawiki/2012/2/26/Edinburgh_Team_member_3.jpg'; return false;"
 
-
onmouseout="document.reka.src='https://static.igem.org/mediawiki/2012/7/7d/Edi-Reka-2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-reka-photo">
 
-
<img src="https://static.igem.org/mediawiki/2012/7/7d/Edi-Reka-2.png" name="reka"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-reka-text">
 
-
<p><b>R&eacute;ka Nagy</b><br/>BSc Molecular Genetics<br/><i>The Dirty Mind</i></p>
 
-
</div>
 
-
</a></div>
 
-
</div><!-- /edi-team-row1 -->
 
-
<div id="edi-team-row2">
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.elitsa.src='https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG'; return false;"
 
-
onmouseout="document.elitsa.src='https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-elitsa-photo">
 
-
<img src="https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png" name="elitsa"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-elitsa-text">
 
-
<p><b>Elitsa Peeva</b><br/>BSc Pharmacology<br/><i>likes Ukranian music</i></p>
 
-
</div>
 
-
</a></div>
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.neli.src='https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG'; return false;"
 
-
onmouseout="document.neli.src='https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-neli-photo">
 
-
<img src="https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png" name="neli"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-neli-text">
 
-
<p><b>Parthenopi Vasileiadou</b><br/>BEng Chemical Engineering<br/><i>The Greek</i></p>
 
-
</div>
 
-
</a></div>
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.kirsty.src='https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG'; return false;"
 
-
onmouseout="document.kirsty.src='https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-kirsty-photo">
 
-
<img src="https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png" name="kirsty"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-elitsa-text">
 
-
<p><b>Kirsty McCarlie</b><br/>MEng Chemical Engineering<br/><i>Master of Disguise</i></p>
 
-
</div>
 
-
</a></div>
 
-
</div><!-- /edi-team-row2 -->
 
-
 
-
<div id="edi-team-row3">
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.melanie.src='https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG'; return false;"
 
-
onmouseout="document.melanie.src='https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-melanie-photo">
 
-
<img src="https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png" name="melanie"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-melanie-text">
 
-
<p><b>Melanie Dutton</b><br/>BA(Hons) Intermedia Art<br/><i>Yells at the Computer</i></p>
 
-
</div>
 
-
</a></div>
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.evgeniya.src='https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG'; return false;"
 
-
onmouseout="document.evgeniya.src='https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-evgeniya-photo">
 
-
<img src="https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png" name="evgeniya"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-evgeniya-text">
 
-
<p><b>Evgeniya Sotirova</b><br/>BSc Computer Science and Mathematics<br/><i>Jenny the Jelly</i></p>
 
-
</div>
 
-
</a></div>
 
-
<div class="edi-member">
 
-
<a  class="image-swap" href="#"
 
-
onmouseover="document.razvan.src='https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG'; return false;"
 
-
onmouseout="document.razvan.src='https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png'; return false;">
 
-
<div class="edi-member-photo" id="edi-razvan-photo">
 
-
<img src="https://static.igem.org/mediawiki/2012/f/f7/Edi-temp-logo2.png" name="razvan"/>
 
-
</div>
 
-
<div class="edi-member-text" id="edi-razvan-text">
 
-
<p><b>Razvan Ranca</b><br/>BSc Artificial Intelligence and Computer Science<br/><i>Mystery Man</i></p>
 
-
</div>
 
-
</a></div>
 
-
</div><!-- /edi-team-row3 -->
 
-
</div><!-- /team-members-photos -->
 
<div class="advisors-photos">
<div class="advisors-photos">
<div class="list-name">
<div class="list-name">

Revision as of 17:47, 12 August 2012

Razvan Ranca

AKA Mystery Man
DEGREE BSc Artificial Intelligence and Computer Science

Kuba Krakowiak

AKA The Munchkin
DEGREE BSc Biotechnology

Parthenopi Vasileiadou

AKA The Greek
DEGREE BEng Chemical Engineering

Réka Nagy

AKA The Dirty Mind
DEGREE BSc Molecular Genetics

Kirsty McCarlie

AKA Master of Disguise
DEGREE MEng Chemical Engineering

Elitsa Peeva

who likes Ukranian music
DEGREE BSc Pharmacology

Oscar Koch

AKA Fountain of Knowledge
DEGREE BSc Biochemistry

Evgeniya Sotirova

AKA Jenny the Jelly
DEGREE BSc Computer Science and Mathematics

Melanie Dutton

AKA Yells at the Computer
DEGREE BA(Hons) Intermedia Art

Razvan Kuba Parthenopi Reka Kirsty Elitsa Oscar Evgeniya Melanie

Hello! We are Team Edinburgh. Our humble group is surprisingly a quite diverse one. We have students from all over Europe who come from a wide range of academic backgrounds. To learn more about each one of us simply scroll down the page.

Hover over the different members to learn more about them.

Instructors

Advisors

Retrieved from "http://2012.igem.org/Team:Edinburgh/Team"