Difference between revisions of "Team:Manchester/Team"

 
(410 intermediate revisions by 8 users not shown)
Line 5: Line 5:
  
 
<head>
 
<head>
 +
<link type="text/css" rel="stylesheet" href="http://cdn.jsdelivr.net/qtip2/3.0.3/jquery.qtip.min.css">
 +
 +
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 +
 
<style>
 
<style>
 
html {
 
html {
Line 13: Line 17:
 
*, *:before, *:after {
 
*, *:before, *:after {
 
   box-sizing: inherit;
 
   box-sizing: inherit;
 +
}
 +
 +
.sectionfirst {
 +
  margin-top: 30px!important;
 +
  padding-top: 10vh;
 +
  height: 30vh;
 +
  background: transparent;
 +
  background-size: cover
 +
}
 +
 +
.border {
 +
  background-color: #c4c4c4;
 +
  color: #fff;
 +
  padding: 18px;
 +
  letter-spacing: 10px;
 +
  opacity: 1
 +
}
 +
 +
area, area:hover, area:active {
 +
  outline: none;
 +
}
 +
 +
.qtip-purr .qtip-content{
 +
    font-size: 16px!important;
 +
    color: white!important;
 +
    font-weight: bold!important;
 +
    font-family: 'Open Sans'!important;
 +
    text-align: center;
 +
}
 +
 +
.qtip-purr {
 +
    background-color: #9400D3!important;
 +
    border-color: white!important;
 +
    border-width: 1px!important;
 +
    padding: 5px 10px!important;
 
}
 
}
  
Line 19: Line 58:
 
   width: 20%;
 
   width: 20%;
 
   margin-bottom: 16px;
 
   margin-bottom: 16px;
   padding: 0 8px;
+
   padding: 0 6px;
   height: 400px
+
   padding-bottom: 5px;
 +
  min-height: 540px;
 +
  overflow: hidden;
 
}
 
}
  
@media (max-width: 650px) {
+
.floatright50 {
   .column {
+
   float: right!important;
    width: 50%;
+
  width: 50%!important;
    display: block;
+
    height: 440px;
+
 
   }
 
   }
  
  .card {
+
.column100 {
    height: 450px;
+
  float: left;
    display: block;
+
  width: 33%;
   }
+
   margin-bottom: 16px;
 +
  padding: 0 6px;
 +
  padding-bottom: 5px;
 +
  min-height: 300px;
 +
  overflow: hidden;
 
}
 
}
  
.row {
+
.floatleft50 {
 +
  float: left!important;
 +
  width: 50%!important;
 +
}
  
 +
h3{
 +
  font-family: Calibri!important;
 
}
 
}
  
h2 {
+
 
   font-size: 22px;
+
h2{
 +
   font-size: 22px!important;
 +
  font-family: Calibri!important;
 +
}
 +
 
 +
 
 +
p {
 +
  font-size: 18px !important;
 +
  font-family: Calibri!important;
 +
}
 +
 
 +
.profile {
 +
  width: 100%;
 +
  height: auto;
 +
}
 +
 
 +
.profilesm {
 +
  width: 100%;
 +
  height: auto;
 
}
 
}
  
 
.card {
 
.card {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+
   box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
 
   box-sizing: border-box;
 
   box-sizing: border-box;
 +
  min-height: 600px;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  padding-bottom: 5px;
 +
  display: inline-block;
 +
  perspective: 1110px;
 +
  position: relative;
 +
  transform-style: preserve-3d;
 +
}
 +
 +
.cardsm {
 +
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
 +
  box-sizing: border-box;
 +
  min-height: 350px;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  padding-bottom: 5px;
 +
  display: inline-block;
 
}
 
}
  
 
.container {
 
.container {
   padding: 0 16px;
+
   padding: 0 14px;
 +
  width: 100%;
 +
  display: inline-block;
 +
  min-height: 100px;
 +
  overflow: hidden;
 +
  z-index: 0;
 
}
 
}
  
Line 58: Line 147:
 
   display: table;
 
   display: table;
 
}
 
}
 +
 +
.container h, p {
 +
width:95%;
 +
}
 +
 +
      .front, .back {
 +
        backface-visibility: hidden;
 +
        transform-style: preserve-3d;
 +
        height: 100%; width: 100%;
 +
      -webkit-transition: all 0.5s ease-out;
 +
      -moz-transition: all 0.5s ease-out;
 +
      -ms-transition: all 0.5s ease-out;
 +
      -o-transition: all 0.5s ease-out;
 +
        transition: all 0.5s ease-out;
 +
      }
 +
 +
      .front h2, .front p, .back p{
 +
        width: 95%;
 +
      }
 +
 +
      .front {
 +
        position: absolute;
 +
        transform: rotateY(0deg);
 +
        z-index: 0;
 +
      }
 +
 +
      .back {
 +
        position: absolute;
 +
        transform: rotateY(-180deg);
 +
        z-index: 0;
 +
      }
  
 
.title {
 
.title {
 
   color: grey;
 
   color: grey;
 +
}
 +
 +
 +
#marcbio, #rossbio, #willbio, #nickbio, #jonbio, #adambio {
 +
    position: relative;
 +
    float: right;
 +
    display:none;
 +
    background: #efd4ff!important;
 +
    border-radius: 10px;
 +
    padding: 15px;
 +
    width: 100%;
 +
}
 +
 +
@media (max-width: 768px) {
 +
  .column {
 +
    width: 50%;
 +
    display: block;
 +
  }
 +
 +
  .column100 {
 +
    width: 33%!important;
 +
  }
 +
 +
  .card {
 +
    display: inline-block;
 +
  }
 +
 +
  .profile {
 +
    width: 100%;
 +
    height: auto;
 +
  }
 +
 +
  .profilesm {
 +
    width: 100%!important;
 +
    height: auto;
 +
    display: block;
 +
    margin: auto;
 +
  }
 +
 +
  .container p {
 +
    width: 95%!important;
 +
  }
 +
 +
  .floatleft50 {
 +
    float: left!important;
 +
    clear: both!important;
 +
    width: 100%!important;
 +
  }
 +
 +
  .floatright50 {
 +
    clear: both!important;
 +
    width: 100%!important;
 +
  }
 +
 +
  .clearfix {
 +
    overflow: auto!important;
 +
  }
 +
 +
#marcbio, #rossbio, #willbio, #nickbio, #jonbio, #adambio {
 +
    position: relative;
 +
    float: right;
 +
    display:none;
 +
    background: #efd4ff!important;
 +
    border-radius: 10px;
 +
    padding: 15px;
 +
    width: 100%;
 +
}
 +
 
}
 
}
  
Line 67: Line 255:
 
<body>
 
<body>
  
<h2>Meet The Team</h2>
+
<div class="clear"></div>
<p>Unda COnstruCTioN.</p>
+
<br>
+
  
 +
<div class="col-md-12 sectionfirst" style="background-color: #fbf4ff!important">
 +
<h2 class="border" style="margin-top: 5vh; text-align: center; font-size: 40px!important">Team Members</h2>
 +
<br/>
 +
</div>
  
<h1>Team Members</h1>
+
 
 +
<div style="background-color: #fbf4ff!important">
 +
<div style="background-color: #fbf4ff!important">
 +
 
 +
<div class="clear"><br/></div>
 +
 
 +
<div class="clear" style="padding: 0px 6vw; background-color: "#fbf4ff">
 +
<div class="clear">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/b/b7/T--Manchester--team-2.png" width="100%" usemap="#TeamMap" />
 +
 
 +
<map name="TeamMap" id="TeamMap">
 +
    <area alt="Owen" title="This is Owen!" href="#owen" shape="poly" coords="166,26,130,36,115,71,118,106,130,121,151,135,176,138,193,118,206,65,193,35" />
 +
    <area alt="Theo" title="This is Theo!" href="#theo" shape="poly" coords="228,70,210,82,200,93,192,127,192,153,211,174,230,174,247,166,261,152,268,134,274,110,264,89,244,75" />
 +
    <area alt="James" title="This is James!" href="#james" shape="poly" coords="279,24,261,30,252,50,247,70,249,78,266,88,275,110,278,116,300,121,308,108,312,85,310,62,313,41,297,29" />
 +
    <area alt="Amber" title="This is Amber!" href="#amber" shape="poly" coords="364,61,337,70,326,106,339,130,355,145,383,143,393,109,383,74" />
 +
    <area alt="Alice" title="This is Alice!" href="#alice" shape="poly" coords="469,76,446,82,439,113,440,143,458,158,478,154,502,134,498,90" />
 +
    <area alt="Maciej" title="This is Maciej!" href="#maciej" shape="poly" coords="562,28,538,40,532,69,540,95,551,112,570,118,587,106,596,68,588,34" />
 +
    <area alt="Adam" title="This is Adam!" href="#adamh" shape="poly" coords="658,5,630,21,630,56,639,80,662,89,688,83,696,38,682,8" />
 +
    <area alt="Jess" title="This is Jess!" href="#jess" shape="poly" coords="727,75,707,82,698,114,704,141,728,154,751,143,772,115,754,77" />
 +
    <area alt="Jun" title="This is Jun!" href="#jun" shape="poly" coords="808,23,775,43,771,77,784,109,806,123,838,118,861,68,840,32" />
 +
</map>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<div class="clear"><br/></div>
 +
<div class="clear" style="padding: 0px 2vw; background-color: "#fff6f6">
 
<div class="row">
 
<div class="row">
   <div class="column">
+
   <div class="column" id="james">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/1609790_1027046553983395_5053823064411142629_n.jpg?oh=4c6ad0647314178e4da6d2c27500a27b&oe=59CAE8CC" alt="James Engleback" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/6/61/T--Manchester--JamesTeam.jpg" alt="James Engleback">
 
       <div class="container">
 
       <div class="container">
         <h2>James Engleback</h2>
+
         <div class="front">
        <p class="title">Lab</p>
+
        <h2>James Engleback</h2>
        <p>1st Year PhD Biotechnology</p>
+
        <p class="title">Wet Lab Coordinator, Lab Member, Stores Frequenter</p>
        <p>University of Manchester</p>
+
        <p>PhD student </p>
          
+
        <p>University of Manchester</p>
 +
         </div>
 +
        <div class="back">
 +
        <p> Skills: </p>
 +
        <p> Watering plants </p>
 +
        <p> Killing plants </p>
 +
        </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
   <div class="column">
+
   <div class="column" id="jess">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/19059710_10209582211574973_8635632186106411392_n.jpg?oh=c608269ab8656fb9b9540f3329c821d7&oe=59CD853C" alt="Jessica Burns" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/b/b1/Manchesterigem17teamimage--jess2.jpeg" alt="Jessica Burns">
 
       <div class="container">
 
       <div class="container">
 +
      <div class="front">
 
         <h2>Jessica Burns</h2>
 
         <h2>Jessica Burns</h2>
         <p class="title">Lab</p>
+
         <p class="title">Microscopy Queen, Lab Member, Lab Visionary</p>
         <p>4th Year MSci. Cell Biology</p>
+
         <p>4th Year MSci. (Hons) Cell Biology</p>
 
         <p>University of Manchester</p>
 
         <p>University of Manchester</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p>21 year old female looking for that special lab partner...</p>
 +
        <p>Enjoys long walks from the bench to the fume hood</p>
 +
        <p>Guilty pleasure: the smell of virkon</p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
   <div class="column">
+
 
 +
   <div class="column" id="adamh">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/18814213_10209145926628899_2574478434530057698_n.jpg?oh=872a1670dfacb4a3ef4ebf886784be97&oe=59E3957A" alt="Adam Hannaford" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/6/63/T--Manchester--AdamHTeam.jpeg" alt="Adam Hannaford">
 
       <div class="container">
 
       <div class="container">
 +
      <div class="front">
 
         <h2>Adam Hannaford</h2>
 
         <h2>Adam Hannaford</h2>
         <p class="title">Lab</p>
+
         <p class="title">Tag Team Leader, MultiChannel Master, D.O.ExperiMan</p>
         <p>2nd Year Bsc. Biotechnology</p>
+
         <p>2nd Year Bsc. (Hons) Biotechnology with Industrial Placement</p>
 
         <p>University of Manchester</p>
 
         <p>University of Manchester</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p>So aceptic... he once did a 24h growth curve,</p>
 +
        <p>in a 96 well plate, without antibiotics,</p>
 +
        <p>...and still got no contamination.</p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
   <div class="column">
+
   <div class="column" id="maciej">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/18194045_456363621375432_1754978397656034785_n.jpg?oh=3d60e5450740d59c58ba49ff28aef3df&oe=59CCCEC4" alt="Maciej Slowinski" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/e/e5/T--Manchester--MaciejTeam.jpg" alt="Maciej Slowinski">
 
       <div class="container">
 
       <div class="container">
         <h2>Maciej Slowinski</h2>
+
      <div class="front">
         <p class="title">Lab</p>
+
         <h2>Maciej Słowiński</h2>
         <p>3rd Year BA. Business and Japanese</p>
+
         <p class="title">Financial Head Honcho, Multinational Collaboration Leader</p>
 +
         <p>3rd Year BA (Hons) Modern Language and Business & Management (Japanese)</p>
 
         <p>University of Manchester</p>
 
         <p>University of Manchester</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p>Strolling around Kinosaki Town in a flowerful kimono with cheap jammy bread in your hand must be called happiness.</p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
   <div class="column">
+
   <div class="column" id="jun">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/15727000_10206473386994043_6210324142943811442_n.jpg?oh=e7652c8861aa7cfbeef146d1860215ce&oe=59CF2FF2" alt="Ong Jun Yang" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/b/b9/T--Manchester--Jun2Team.jpg" alt="Ong Jun Yang">
 
       <div class="container">
 
       <div class="container">
 +
      <div class="front">
 
         <h2>Ong Jun Yang</h2>
 
         <h2>Ong Jun Yang</h2>
         <p class="title">Lab</p>
+
         <p class="title">Wiki Mastermind, Lab Member, Modelling Wizard</p>
         <p>3rd Year MSci. Chemistry</p>
+
         <p>3rd Year MChem (Hons) Chemistry</p>
 
         <p>University of Manchester</p>
 
         <p>University of Manchester</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p>Iodine would totally give away rubidium to be with uranium.</p>
 +
        <p>If you have no reaction to these jokes, you are probably a noble gas.</p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
   <div class="column">
+
   <div class="column" id="owen">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/13900329_10206729506945431_3173602459664575114_n.jpg?oh=a99c42dc50500276242eed8588dc972e&oe=59C77C1F" alt="Owen Julianto Jonathan" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/a/a6/T--Manchester--OwenTeam.jpg" alt="Owen Julianto Jonathan" style="width:100%">
 
       <div class="container">
 
       <div class="container">
 +
      <div class="front">
 
         <h2>Owen Julianto Jonathan</h2>
 
         <h2>Owen Julianto Jonathan</h2>
         <p class="title">Lab</p>
+
         <p class="title">Boss of Human Practices, Lab Member</p>
         <p>2nd Year Bsc. Biotechnology</p>
+
         <p>2nd Year Bsc. (Hons) Biotechnology with Industrial Placement</p>
 
         <p>University of Manchester</p>
 
         <p>University of Manchester</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p>I wanna be the very best</p>
 +
        <p>that no one ever was...</p>
 +
        <p>*cue music*</p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
   <div class="column">
+
   <div class="column" id="amber">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/18222397_10209223362517212_7287160109309442696_n.jpg?oh=bab48510eac8993e9c1910869d4ea170&oe=59C55933" alt="Amber Hall" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/f/f7/T--Manchester--AmberTeam.jpg" alt="Amber Hall">
 
       <div class="container">
 
       <div class="container">
 +
      <div class="front">
 
         <h2>Amber Hall</h2>
 
         <h2>Amber Hall</h2>
         <p class="title">Lab</p>
+
         <p class="title">Image Analytics Officer, Graphics Design Overlord, Lab Member</p>
         <p>Msc Biotechnology</p>
+
         <p>Msc. Biotechnology</p>
         <p>Manchester Metropolitan University</p>
+
         <p>University of Salford</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p>"Dear Sir/Madam,</p>
 +
        <p>MICROCOMPARTMENTS! MICROCOMPARTMENTS! HELP ME!</p>
 +
        <p>Looking forward to hearing from you.</p>
 +
        <p>All the best,</p>
 +
        <p>Amber Hall."</p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
   <div class="column">
+
 
 +
   <div class="column" id="theo">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/14368682_148430678944609_1039872936268690269_n.jpg?oh=a61921f711caff1122e6c56bb0857a45&oe=59CDBC70" alt="Theodore Glenaldo" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/1/11/T--Manchester--TheoTeam.jpg" alt="Theodore Glenaldo">
 
       <div class="container">
 
       <div class="container">
 +
      <div class="front">
 
         <h2>Theodore Glenaldo</h2>
 
         <h2>Theodore Glenaldo</h2>
         <p class="title">Lab</p>
+
         <p class="title">Snapgene Professor, Lab Member, Interlab Agent</p>
         <p>2nd Year Bsc. Biotechnology</p>
+
         <p>2nd Year Bsc. (Hons) Biotechnology with Industrial Placement</p>
 
         <p>University of Manchester</p>
 
         <p>University of Manchester</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p> We are the champions my friends  </p>
 +
        <p> And we'll keep on fighting to the end</p>
 +
        <p>  </p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
   <div class="column">
+
   <div class="column" id="alice">
 
     <div class="card">
 
     <div class="card">
       <img src="https://scontent-lht6-1.xx.fbcdn.net/v/t1.0-9/14202490_10153897094445980_6467042251970528813_n.jpg?oh=796be07d53f2dac49b656bbbfe912292&oe=5A0DD9EF" alt="Alice Fraser" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/e/ea/T--Manchester--AliceTeam.jpg" alt="Alice Fraser">
 
       <div class="container">
 
       <div class="container">
 +
      <div class="front">
 
         <h2>Alice Fraser</h2>
 
         <h2>Alice Fraser</h2>
         <p class="title">Lab</p>
+
         <p class="title">Public Outreach Executive, Lab Member, Interlab Agent</p>
         <p>2nd Year Bsc. Biology</p>
+
         <p>3rd Year Bsc. (Hons) Biology</p>
 
         <p>University of Manchester</p>
 
         <p>University of Manchester</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p> Transformation Queen </p>
 +
        <p> A couple of biologists had twins. They named one Jessica and the other Control</p>
 +
        <p> </p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 194: Line 467:
 
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
       <img src="https://static.igem.org/mediawiki/2017/1/12/T--Manchester--ErikoAdvisor.jpeg" alt="Prof. E.Takano" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/1/12/T--Manchester--ErikoAdvisor.jpeg" alt="Prof. E.Takano" >
 
       <div class="container">
 
       <div class="container">
         <h2>Prof. E.Takano</h2>
+
      <div class="front">
 +
         <h2>Prof. E. Takano</h2>
 
         <p class="title">Advisor</p>
 
         <p class="title">Advisor</p>
 
         <p>SYNBIOCHEM, Director</p>
 
         <p>SYNBIOCHEM, Director</p>
 
         <p>Manchester Institute of Biotechnology</p>
 
         <p>Manchester Institute of Biotechnology</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p><a href="https://www.research.manchester.ac.uk/portal/en/researchers/eriko-takano(7efa3684-5891-4edd-8e56-bdaa9cc036c6).html" target="_blank">University of Manchester Researcher Overview</a></p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 207: Line 484:
 
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
       <img src="https://static.igem.org/mediawiki/2017/9/91/T--Manchester--RainerAdvisor.jpeg" alt="Prof. R.Breitling" style="width:100%">
+
       <img class="profile" src="https://static.igem.org/mediawiki/2017/9/91/T--Manchester--RainerAdvisor.jpeg" alt="Prof. R.Breitling">
 
       <div class="container">
 
       <div class="container">
         <h2>Prof. R.Breitling</h2>
+
      <div class="front">
 +
         <h2>Prof. R. Breitling</h2>
 
         <p class="title">Advisor</p>
 
         <p class="title">Advisor</p>
 
         <p>Professor of Systems Biology</p>
 
         <p>Professor of Systems Biology</p>
 
         <p>Manchester Institute of Biotechnology</p>
 
         <p>Manchester Institute of Biotechnology</p>
       
+
      </div>
 +
      <div class="back">
 +
        <p><a href="https://www.research.manchester.ac.uk/portal/rainer.breitling.html" target="_blank">University of Manchester Researcher Overview</a></p>
 +
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 220: Line 501:
  
 
<h1>Our Supervisors</h1>
 
<h1>Our Supervisors</h1>
<div class="row">
+
<div class="row floatleft50">
   <div class="column">
+
   <div class="column column100">
     <div class="card">
+
  <a href="#will">
       <img src="https://lh4.googleusercontent.com/-1tI8qMHB-y8/Tgp5YuEHAKI/AAAAAAAAB9M/Q9SRHYUqUrw/w1014-h1008/facebook-no-image1.gif" alt="aaa" style="width:100%">
+
     <div class="cardsm will">
 +
       <img class="profilesm" src="https://static.igem.org/mediawiki/2017/8/86/T--Manchester--WillSupervisor.jpg" alt="William Finnigan">
 
       <div class="container">
 
       <div class="container">
         <h2>aaa</h2>
+
         <h2>William Finnigan</h2>
 
         <p class="title">Supervisor</p>
 
         <p class="title">Supervisor</p>
        <p>text</p>
 
        <p>Manchester Institute of Biotechnology</p>
 
       
 
 
       </div>
 
       </div>
    </div>
+
    </div>
 +
    </a>
 
   </div>
 
   </div>
  
   <div class="column">
+
 
     <div class="card">
+
 
       <img src="https://lh4.googleusercontent.com/-1tI8qMHB-y8/Tgp5YuEHAKI/AAAAAAAAB9M/Q9SRHYUqUrw/w1014-h1008/facebook-no-image1.gif" alt="bbb" style="width:100%">
+
   <div class="column column100">
 +
     <a href="#nick">
 +
    <div class="cardsm nick">
 +
       <img class="profilesm" src="https://static.igem.org/mediawiki/2017/c/c1/T--Manchester--NickSupervisor.jpg" alt="Nicholas Weise">
 
       <div class="container">
 
       <div class="container">
         <h2>bbb</h2>
+
         <h2>Nicholas Weise</h2>
 
         <p class="title">Supervisor</p>
 
         <p class="title">Supervisor</p>
        <p>text</p>
 
        <p>Manchester Institute of Biotechnology</p>
 
       
 
 
       </div>
 
       </div>
    </div>
+
    </div>
 +
    </a>
 
   </div>
 
   </div>
   <div class="column">
+
 
     <div class="card">
+
 
       <img src="https://lh4.googleusercontent.com/-1tI8qMHB-y8/Tgp5YuEHAKI/AAAAAAAAB9M/Q9SRHYUqUrw/w1014-h1008/facebook-no-image1.gif" alt="ccc" style="width:100%">
+
 
 +
   <div class="column column100">
 +
  <a href="#ross">
 +
     <div class="cardsm ross">
 +
       <img class="profilesm" src="https://static.igem.org/mediawiki/2017/b/b5/T--Manchester--RossSupervisor.jpg" alt="Ross Kent">
 
       <div class="container">
 
       <div class="container">
         <h2>ccc</h2>
+
         <h2>Ross Kent</h2>
 
         <p class="title">Supervisor</p>
 
         <p class="title">Supervisor</p>
        <p>Some text</p>
 
        <p>example@example.com</p>
 
       
 
 
       </div>
 
       </div>
    </div>
+
    </div>
 +
    </a>
 
   </div>
 
   </div>
   <div class="column">
+
 
     <div class="card">
+
 
       <img src="https://lh4.googleusercontent.com/-1tI8qMHB-y8/Tgp5YuEHAKI/AAAAAAAAB9M/Q9SRHYUqUrw/w1014-h1008/facebook-no-image1.gif" alt="ddd" style="width:100%">
+
 
 +
   <div class="column column100">
 +
  <a href="#jon">
 +
     <div class="cardsm jon">
 +
       <img class="profilesm" src="https://static.igem.org/mediawiki/2017/7/75/T--Manchester--JonSupervisor.jpg" alt="Jonathan Wilkes">
 
       <div class="container">
 
       <div class="container">
         <h2>ddd</h2>
+
         <h2>Jonathan Wilkes</h2>
 
         <p class="title">Supervisor</p>
 
         <p class="title">Supervisor</p>
        <p>ddd</p>
 
        <p>Manchester Institute of Biotechnology</p>
 
       
 
 
       </div>
 
       </div>
    </div>
+
    </div>
 +
    </a>
 
   </div>
 
   </div>
   <div class="column">
+
 
     <div class="card">
+
 
       <img src="https://lh4.googleusercontent.com/-1tI8qMHB-y8/Tgp5YuEHAKI/AAAAAAAAB9M/Q9SRHYUqUrw/w1014-h1008/facebook-no-image1.gif" alt="eee" style="width:100%">
+
 
 +
   <div class="column column100">
 +
  <a href="#marc">
 +
     <div class="cardsm marc">
 +
       <img class="profilesm" src="https://static.igem.org/mediawiki/2017/1/14/T--Manchester--MarcSupervisor.jpg" alt="Marc Biarnes">
 
       <div class="container">
 
       <div class="container">
         <h2>eee</h2>
+
         <h2>Marc Biarnes-Carrera</h2>
 
         <p class="title">Supervisor</p>
 
         <p class="title">Supervisor</p>
        <p>Some text</p>
 
        <p>example@example.com</p>
 
       
 
 
       </div>
 
       </div>
    </div>
+
    </div>
 +
    </a>
 
   </div>
 
   </div>
</div>
 
  
<div class="clear"></div>
 
  
<!--
 
<div class="column full_size" >
 
  
<h1>Team</h1>
+
  <div class="column column100">
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  <a href="#adam">
 +
    <div class="cardsm adam">
 +
      <img class="profilesm" src="https://static.igem.org/mediawiki/2017/c/c1/T--Manchester--AdamSupervisor.jpg" alt="Adam Amara">
 +
      <div class="container">
 +
        <h2>Adam Amara</h2>
 +
        <p class="title">Supervisor</p>
 +
      </div>
 +
    </div>
 +
    </a>
 +
  </div>
 
</div>
 
</div>
  
<div class="clear"></div>
 
  
<div class="column half_size" >
+
<div class="floatright50">
<h5>Inspiration</h5>
+
<div class="container clearfix">
<p>You can look at what other teams did to get some inspiration! <br />
+
Here are a few examples:</p>
+
<ul>
+
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
</ul>
+
  
</div>
+
<p id="willbio">
 +
<span style="font-size:150%"><b>Post-Doctoral Research Associate</b></span>
 +
<br/>
 +
Following a BSc in Biochemistry and Microbiology at the University of Sheffield, Will worked for two years at a small start-up, manufacturing and creating monoclonal antibodies.  It was here that the concept of using cells as factories captured his imagination, and he pursued a PhD in Synthetic Biology and Biocatalysis at the University of Exeter.  He worked on developing the thermophile Thermus thermophilus as a host organism for whole-cell biocatalysis, characterising enzymes as parts for the construction of novel enzyme cascades, and using these characterised parts to develop and utilise mathematical process models of these reactions.  His current research as a post-doctoral research associate at the University of Manchester focuses on designing and testing synthetic spider silk proteins, with an aim to improving the production and processing of these proteins into fibres, and seeking to understand and improve the mechanical properties of these fibres.
 +
</p>
  
<div class="column half_size" >
+
<p id="nickbio">
<h5>What should this page contain?</h5>
+
<span style="font-size:150%"><b>Research Associate</b></span>
<ul>
+
<br/>
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
Nick studied Molecular Biology between 2009 and 2012 at the University of Manchester before moving onto postgraduate research at the Centre of Excellence in Biocatalysis. (CoEBio3). He gained a PhD in Chemistry & Biochemistry in 2015 for his work on the engineering of ammonia lyase enzymes for biotechnological applications. Recently he was made a Senior Fellow of the Higher Education Academy (SFHEA) in recognition of his contribution to teaching and learning. Nick's current research centres on the discovery and demonstration of enzymes as biological catalysts for greener, more sustainable synthesis of industrial chemicals. He also coordinates the public engagement programme at the Manchester Institute of Biotechnology, aiming to encourage and support researchers in their engagement with a wide variety of external audiences.
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
</p>
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
 
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
<p id="rossbio">
</ul>
+
<span style="font-size:150%"><b>PhD candidate</b></span>
 +
<br/>
 +
In 2015 Ross began a PhD at the University of Manchester in the Manchester Institute of Biotechnology, where he works on post-transcriptional control of gene expression in bacteria. He is also interested in biosensing and multivariate Design of Experiments for the optimisation of synthetic metabolic pathways.
 +
Ross graduated from the University of Exeter with a B.Sc. Hons in Biology in 2012, during which he gained work experience at Rothamsted Research. Following this he worked in the Exeter Microbial Biofuels Group, before beginning a M.Sc. by Research at the Shell Technology Centre in Houston, Texas in collaboration with Royal Dutch Shell. Here he worked on consolidated bioprocessing of waste material for biofuel production. Ross is an avid rock climber with a passion for the outdoors and travel.
 +
</p>
 +
 
 +
<p id="jonbio">
 +
<span style="font-size:150%"><b>PhD candidate</b></span>
 +
<br/>
 +
Jonathan is a PhD student at the Manchester Institute of Biotechnology under the supervision of Prof. Nigel Scrutton and Prof. Eriko Takano. His project, which aims to investigate the synthetic biology applications of catalytic antibodies, is part of an industrial collaboration with UCB Celltech. Prior to his studies in Manchester, Jonathan obtained his BSc (Natural Sciences) and MSc (Industrial and Commercial Spplications of Biotechnology) at Newcastle University.
 +
</p>
 +
 
 +
<p id="marcbio">
 +
<span style="font-size:150%"><b>PhD candidate</b></span>
 +
<br/>
 +
Marc Biarnes Carrera studied at Universitat Ramon Llull (Institut Quimic de Sarria). He aquired his Degree in chemistry (speciality in organic synthesis). Marc worked at G.E.M. (Grup d'Enginyerina Molecular). He attained his Masters at the university of York (MRes in Post Genomic Biology). His Masters projects include work with Prof. Christof Baumann in the characterisation of HiGam proteins, and an industrial placement in GBL which involved improving bio fuel production through strain engineering. Marc is working towards his PhD, under the supervision of Prof. Eriko Takano, in the regulation of antibiotic production in Streptomyces. His project involves work with gamma butyrolactone, regulators of secondary metabolite production. He is currently in his 3rd year of research. In the future he is considering research into synthetic biology as he finds the subject very appealing
 +
</p>
 +
 
 +
<p id="adambio">
 +
<span style="font-size:150%"><b>PhD Candidate in Synthetic and Systems Biology</b></span>
 +
<br/>
 +
Adam is a PhD student in the groups of Prof. Takano and Prof. Breitling in the Manchester Institute of Biotechnology. He has discovered synthetic biology by participating to the iGEM with the INSA-Lyon team in 2014. This has followed on a BSc Research Project in the Takano group about in-silico and in-vivo study of BMCs. His project focuses on the production of antibiotics and secondary metabolites in Streptomyces species by Systems and Synthetic Biology approaches, with an emphasis on data-driven in-silico design of engineered strains.
 +
</p>
 +
 
 +
<p id="info"><span style="font-size:150%">Click on an image for more info on our awesome supervisors and what they do!</span></p>
 +
 
 +
</div>
 +
</div>
 
</div>
 
</div>
  
//-->
+
<script type="text/javascript">
  
 +
 +
      $(function(){
 +
 +
        $(".card").flip({
 +
          trigger: 'hover',
 +
          axis: 'y'
 +
        });
 +
 +
      });
 +
</script>
 +
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 000){
 +
        $(".nick").click(function(){
 +
            $("#nickbio").fadeIn("fast");$("#rossbio").fadeOut("fast");$("#marcbio").fadeOut("fast");$("#info").fadeOut("fast");$("#adambio").fadeOut("fast");$("#jonbio").fadeOut("fast");$("#willbio").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 000){
 +
        $(".ross").click(function(){
 +
            $("#rossbio").fadeIn("fast");$("#nickbio").fadeOut("fast");$("#marcbio").fadeOut("fast");$("#info").fadeOut("fast");$("#adambio").fadeOut("fast");$("#jonbio").fadeOut("fast");$("#willbio").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 000){
 +
        $(".marc").click(function(){
 +
            $("#marcbio").fadeIn("fast");$("#rossbio").fadeOut("fast");$("#nickbio").fadeOut("fast");$("#info").fadeOut("fast");$("#adambio").fadeOut("fast");$("#jonbio").fadeOut("fast");$("#willbio").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 000){
 +
        $(".will").click(function(){
 +
            $("#willbio").fadeIn("fast");$("#rossbio").fadeOut("fast");$("#marcbio").fadeOut("fast");$("#info").fadeOut("fast");$("#adambio").fadeOut("fast");$("#jonbio").fadeOut("fast");$("#nickbio").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 000){
 +
        $(".jon").click(function(){
 +
            $("#jonbio").fadeIn("fast");$("#rossbio").fadeOut("fast");$("#marcbio").fadeOut("fast");$("#info").fadeOut("fast");$("#adambio").fadeOut("fast");$("#nickbio").fadeOut("fast");$("#willbio").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 000){
 +
        $(".adam").click(function(){
 +
            $("#adambio").fadeIn("fast");$("#rossbio").fadeOut("fast");$("#marcbio").fadeOut("fast");$("#info").fadeOut("fast");$("#nickbio").fadeOut("fast");$("#jonbio").fadeOut("fast");$("#willbio").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/image-map-resizer/1.0.3/js/imageMapResizer.min.js"></script>
 +
 +
<script>
 +
$(document).ready(function() {
 +
    $('map').imageMapResize();
 +
});
 +
</script>
 +
 +
<script src="https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.min.js"></script>
 +
 +
<script type="text/javascript" src="http://cdn.jsdelivr.net/qtip2/3.0.3/jquery.qtip.min.js"></script>
 +
 +
<script>
 +
$('[title!=""]').qtip({
 +
    style: {
 +
      classes: 'qtip-purr qtip-shadow'
 +
        },
 +
    position: {
 +
      my:'top center',
 +
      at:'bottom center',
 +
        }
 +
});
 +
</script>
 +
 +
</div>
 +
</div>
 +
<div class="clear"></div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Manchester/Templates/Footer}}
 
{{:Team:Manchester/Templates/Footer}}

Latest revision as of 19:24, 1 November 2017

Team Members



Owen Theo James Amber Alice Maciej Adam Jess Jun

James Engleback

James Engleback

Wet Lab Coordinator, Lab Member, Stores Frequenter

PhD student

University of Manchester

Skills:

Watering plants

Killing plants

Jessica Burns

Jessica Burns

Microscopy Queen, Lab Member, Lab Visionary

4th Year MSci. (Hons) Cell Biology

University of Manchester

21 year old female looking for that special lab partner...

Enjoys long walks from the bench to the fume hood

Guilty pleasure: the smell of virkon

Adam Hannaford

Adam Hannaford

Tag Team Leader, MultiChannel Master, D.O.ExperiMan

2nd Year Bsc. (Hons) Biotechnology with Industrial Placement

University of Manchester

So aceptic... he once did a 24h growth curve,

in a 96 well plate, without antibiotics,

...and still got no contamination.

Maciej Slowinski

Maciej Słowiński

Financial Head Honcho, Multinational Collaboration Leader

3rd Year BA (Hons) Modern Language and Business & Management (Japanese)

University of Manchester

Strolling around Kinosaki Town in a flowerful kimono with cheap jammy bread in your hand must be called happiness.

Ong Jun Yang

Ong Jun Yang

Wiki Mastermind, Lab Member, Modelling Wizard

3rd Year MChem (Hons) Chemistry

University of Manchester

Iodine would totally give away rubidium to be with uranium.

If you have no reaction to these jokes, you are probably a noble gas.

Owen Julianto Jonathan

Owen Julianto Jonathan

Boss of Human Practices, Lab Member

2nd Year Bsc. (Hons) Biotechnology with Industrial Placement

University of Manchester

I wanna be the very best

that no one ever was...

*cue music*

Amber Hall

Amber Hall

Image Analytics Officer, Graphics Design Overlord, Lab Member

Msc. Biotechnology

University of Salford

"Dear Sir/Madam,

MICROCOMPARTMENTS! MICROCOMPARTMENTS! HELP ME!

Looking forward to hearing from you.

All the best,

Amber Hall."

Theodore Glenaldo

Theodore Glenaldo

Snapgene Professor, Lab Member, Interlab Agent

2nd Year Bsc. (Hons) Biotechnology with Industrial Placement

University of Manchester

We are the champions my friends

And we'll keep on fighting to the end

Alice Fraser

Alice Fraser

Public Outreach Executive, Lab Member, Interlab Agent

3rd Year Bsc. (Hons) Biology

University of Manchester

Transformation Queen

A couple of biologists had twins. They named one Jessica and the other Control

Our Advisors

Prof. E.Takano

Prof. E. Takano

Advisor

SYNBIOCHEM, Director

Manchester Institute of Biotechnology

Prof. R.Breitling

Prof. R. Breitling

Advisor

Professor of Systems Biology

Manchester Institute of Biotechnology

Our Supervisors

Post-Doctoral Research Associate
Following a BSc in Biochemistry and Microbiology at the University of Sheffield, Will worked for two years at a small start-up, manufacturing and creating monoclonal antibodies. It was here that the concept of using cells as factories captured his imagination, and he pursued a PhD in Synthetic Biology and Biocatalysis at the University of Exeter. He worked on developing the thermophile Thermus thermophilus as a host organism for whole-cell biocatalysis, characterising enzymes as parts for the construction of novel enzyme cascades, and using these characterised parts to develop and utilise mathematical process models of these reactions. His current research as a post-doctoral research associate at the University of Manchester focuses on designing and testing synthetic spider silk proteins, with an aim to improving the production and processing of these proteins into fibres, and seeking to understand and improve the mechanical properties of these fibres.

Research Associate
Nick studied Molecular Biology between 2009 and 2012 at the University of Manchester before moving onto postgraduate research at the Centre of Excellence in Biocatalysis. (CoEBio3). He gained a PhD in Chemistry & Biochemistry in 2015 for his work on the engineering of ammonia lyase enzymes for biotechnological applications. Recently he was made a Senior Fellow of the Higher Education Academy (SFHEA) in recognition of his contribution to teaching and learning. Nick's current research centres on the discovery and demonstration of enzymes as biological catalysts for greener, more sustainable synthesis of industrial chemicals. He also coordinates the public engagement programme at the Manchester Institute of Biotechnology, aiming to encourage and support researchers in their engagement with a wide variety of external audiences.

PhD candidate
In 2015 Ross began a PhD at the University of Manchester in the Manchester Institute of Biotechnology, where he works on post-transcriptional control of gene expression in bacteria. He is also interested in biosensing and multivariate Design of Experiments for the optimisation of synthetic metabolic pathways. Ross graduated from the University of Exeter with a B.Sc. Hons in Biology in 2012, during which he gained work experience at Rothamsted Research. Following this he worked in the Exeter Microbial Biofuels Group, before beginning a M.Sc. by Research at the Shell Technology Centre in Houston, Texas in collaboration with Royal Dutch Shell. Here he worked on consolidated bioprocessing of waste material for biofuel production. Ross is an avid rock climber with a passion for the outdoors and travel.

PhD candidate
Jonathan is a PhD student at the Manchester Institute of Biotechnology under the supervision of Prof. Nigel Scrutton and Prof. Eriko Takano. His project, which aims to investigate the synthetic biology applications of catalytic antibodies, is part of an industrial collaboration with UCB Celltech. Prior to his studies in Manchester, Jonathan obtained his BSc (Natural Sciences) and MSc (Industrial and Commercial Spplications of Biotechnology) at Newcastle University.

PhD candidate
Marc Biarnes Carrera studied at Universitat Ramon Llull (Institut Quimic de Sarria). He aquired his Degree in chemistry (speciality in organic synthesis). Marc worked at G.E.M. (Grup d'Enginyerina Molecular). He attained his Masters at the university of York (MRes in Post Genomic Biology). His Masters projects include work with Prof. Christof Baumann in the characterisation of HiGam proteins, and an industrial placement in GBL which involved improving bio fuel production through strain engineering. Marc is working towards his PhD, under the supervision of Prof. Eriko Takano, in the regulation of antibiotic production in Streptomyces. His project involves work with gamma butyrolactone, regulators of secondary metabolite production. He is currently in his 3rd year of research. In the future he is considering research into synthetic biology as he finds the subject very appealing

PhD Candidate in Synthetic and Systems Biology
Adam is a PhD student in the groups of Prof. Takano and Prof. Breitling in the Manchester Institute of Biotechnology. He has discovered synthetic biology by participating to the iGEM with the INSA-Lyon team in 2014. This has followed on a BSc Research Project in the Takano group about in-silico and in-vivo study of BMCs. His project focuses on the production of antibiotics and secondary metabolites in Streptomyces species by Systems and Synthetic Biology approaches, with an emphasis on data-driven in-silico design of engineered strains.

Click on an image for more info on our awesome supervisors and what they do!