Difference between revisions of "Team:UCL/Team"

 
(172 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
−
<!--
 
−
<script>
 
−
                $(document).ready(function(){
 
  
−
          $('div#members').each(function(){
+
<style>
  
−
                // get current div
+
#header2 {
−
                var $div_parent = $(this);
+
width: 100%;
−
 
+
background-color: #000;
−
                // get array of childs in parent div
+
min-height: 100%;
−
                var $divsArr = $div_parent.children('div.memberwrapper');
+
height: auto;
 +
position: relative;
 +
margin: 0 auto;
 +
padding: 0;
 +
top: 0;
 +
vertical-align: middle;
 +
font-family: Raleway;
 +
letter-spacing: 1.1px; font-size: 13px;
 +
padding-bottom: 100px;
 +
}
  
−
                // sort array of childs in parent div (#members) randomly
 
−
                $divsArr.sort(function(a,b){
 
  
−
                      // Get a random number between 0 and 10
 
−
                      var temp = parseInt( Math.random()*10 );
 
−
 
−
                      // Get 1 or 0, whether temp is odd or even
 
−
                      var isOddOrEven = temp%2;
 
−
 
−
                      // Get +1 or -1, whether temp greater or smaller than 5
 
−
                      var isPosOrNeg = temp>5 ? 1 : -1;
 
−
 
−
                      // Return -1, 0, or +1
 
−
                      return( isOddOrEven*isPosOrNeg );
 
−
                })
 
−
 
−
                // append child items to parent
 
−
                .appendTo($div_parent);           
 
−
          });
 
−
    });
 
−
 
−
</script>
 
−
-->
 
−
 
−
<script src="https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js"></script>
 
−
<script>
 
−
smoothScroll.init({
 
−
speed: 1000,
 
−
easing: 'easeInOutCubic',
 
−
offset: 0,
 
−
updateURL: true,
 
−
callbackBefore: function ( toggle, anchor ) {},
 
−
callbackAfter: function ( toggle, anchor ) {}
 
−
});
 
−
</script>
 
−
<style>
 
  
 
#header2:before
 
#header2:before
Line 56: Line 27:
 
content: "";
 
content: "";
 
  background-image: url('https://static.igem.org/mediawiki/2015/9/94/UCL_MG_0797.jpg');
 
  background-image: url('https://static.igem.org/mediawiki/2015/9/94/UCL_MG_0797.jpg');
−
background-size: cover;
+
  background-repeat: no-repeat;
−
background-repeat: no-repeat;
+
background-position: 0 0 0 0;
−
background-attachment: fixed !important;
+
  background-attachment: fixed !important;
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 
-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 2000, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.4)));
 
-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 2000, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.4)));
−
 
 
     position: absolute;
 
     position: absolute;
 
     top: 0px;
 
     top: 0px;
Line 67: Line 44:
 
padding: 0;
 
padding: 0;
 
     width: 100%;
 
     width: 100%;
−
     height: 100%;}
+
     height: 100%;
 +
border: none;
 +
}
  
  
−
#header2 {
+
#mobilebackground {
 +
  background-image: url('https://static.igem.org/mediawiki/2015/9/94/UCL_MG_0797.jpg');
 +
    top: 0;
 +
    right: 0;
 +
    left: 0;
 +
    background-position: 0 0 0 0;
 +
position: fixed;
 +
    background-repeat: no-repeat;
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
display: none;
 
width: 100%;
 
width: 100%;
−
background-color: /*#6E4C46*/ #000;
+
height: 100%;
−
position: relative;
+
−
display: block !important;
+
−
margin: 0;
+
 
padding: 0;
 
padding: 0;
−
top: 0;
+
margin: 0;
−
bottom: 0;
+
 
−
vertical-align: middle;
+
  }
−
font-family: Raleway;
+
 
−
letter-spacing: 1.1px; font-size: 13px;
+
 
−
}
+
  
−
#wrapper {width: 80%; height: 80%; background: none; margin: 0 auto; position: relative; padding-top: 80px;}  
+
#wrapper {width: 80%; height: 100%; background: none; margin: 0 auto; position: relative; padding: 0; padding-top: 80px; margin-bottom: 200px; overflow: auto;}  
  
  
Line 131: Line 121:
 
width: 65%;
 
width: 65%;
 
display: inline-block;
 
display: inline-block;
−
padding-right: 5px;
+
padding: 0px;
 
}
 
}
  
Line 152: Line 142:
 
width: 65%;
 
width: 65%;
 
display: inline-block;
 
display: inline-block;
−
padding-left: 5px;
+
padding: 0px;
 
}
 
}
  
−
p {
+
.bigtitle p {font-size: 15px;
 +
line-height: 1.6; letter-spacing: 1.2px;}
 +
 
 +
.memberwrapper p {
 
text-align:justify;
 
text-align:justify;
−
padding: 0;
+
padding: 0 8px !important;
 
font-size: 15px;
 
font-size: 15px;
 
line-height: 1.6;
 
line-height: 1.6;
 
letter-spacing: 1.2px;
 
letter-spacing: 1.2px;
 
color: #0a0111;
 
color: #0a0111;
 +
margin: 0 !important;
  
 
}
 
}
  
 
.titlecircle {width: 85%; margin: 0 auto; padding-top: 8%;}
 
.titlecircle {width: 85%; margin: 0 auto; padding-top: 8%;}
−
.title2 {font-family: League Script; font-size: 380%;}
+
.title2 {font-size: 380%;}
  
  
Line 184: Line 178:
 
.bigtitle {width: 52%;}
 
.bigtitle {width: 52%;}
 
.titlecircle {width: 80%;}
 
.titlecircle {width: 80%;}
−
 
+
.portraitR, .portraitL {width: 43%;}
 +
.memberdescriptionL, .memberdescriptionR {width: 55%;}
 +
.memberdescriptionL p, .memberdescriptionR p {line-height: 1.5;}
  
 
}
 
}
Line 192: Line 188:
 
.bigtitle {width: 58%;}
 
.bigtitle {width: 58%;}
 
.titlecircle {padding-top: 10%; width: 75%;}
 
.titlecircle {padding-top: 10%; width: 75%;}
 +
.memberwrapper {padding: 18px;}
 +
#header2:before {background-image: none; }
 +
#header2 {background: none;}
 +
#mobilebackground {display: block;}
  
 
  }
 
  }
Line 198: Line 198:
 
.bigtitle {font-size: 13px; width: 65%;}
 
.bigtitle {font-size: 13px; width: 65%;}
 
.arrow {font-size: 40px;}
 
.arrow {font-size: 40px;}
 +
.memberdescriptionL, .memberdescriptionR  {width: 90%; display: inline; float: none;}
 +
.portraitR {margin-left: 20px; margin-bottom: -6px; width: 42%;}
 +
.portraitL {margin-right: 20px;  margin-bottom: -6px; width: 42%;}
 +
.memberdescriptionL p, .memberdescriptionR p {line-height: 1.6;}
 +
 
}
 
}
  
Line 215: Line 220:
 
@media(max-width: 768px){
 
@media(max-width: 768px){
  
−
.bigtitle {width: 90%; font-size: 13px; padding: 14%; margin-left: -7%;}
+
.bigtitle {width: 80%; font-size: 13px; padding: 14%; margin-left: -4%;}
 
.bigtitle p { font-size: 14px; margin-top: -20px !important;}
 
.bigtitle p { font-size: 14px; margin-top: -20px !important;}
 
.titlecircle {width: 70%; padding-top: 8%;}
 
.titlecircle {width: 70%; padding-top: 8%;}
−
 
+
.memberwrapper {width: 100%; margin-left: -3%;}
−
 
+
−
 
+
−
.portraitR img, .portraitL img {
+
−
width:70%;
+
−
height:70%;
+
−
margin-bottom:15px;
+
−
}
+
−
.memberdescriptionR, .memberdescriptionL {
+
−
width:100%;
+
−
height:100%;
+
−
float:none;
+
−
margin-left:0px;
+
−
}
+
  
  
Line 240: Line 232:
  
 
@media(max-width:670px){
 
@media(max-width:670px){
−
.bigtitle {margin-left: -9%;}
+
.bigtitle {margin-left: -4%;}
 
#wrapper {width: 100%;}
 
#wrapper {width: 100%;}
 +
 +
.memberwrapper {width: 80%; margin: 0 auto; margin-bottom: 30px;}
 +
.memberwrapper p {font-size: 14px;}
 
.bigtitle p { font-size: 14px; }
 
.bigtitle p { font-size: 14px; }
−
.titlecircle {width: 70%;}
+
.titlecircle {width: 65%;}
 +
 
  
  
Line 250: Line 246:
 
@media(max-width:640px){  
 
@media(max-width:640px){  
 
.arrow {font-size: 30px;}
 
.arrow {font-size: 30px;}
−
.titlecircle {width: 70%;}
+
.titlecircle {width: 65%;}
 +
.portraitR, .portraitL {width: 50%;}
 
}
 
}
  
Line 257: Line 254:
 
@media(max-width:530px){
 
@media(max-width:530px){
 
.titlecircle {width: 75%;}
 
.titlecircle {width: 75%;}
−
.bigtitle {padding: 10%; margin-left: -7%;}
+
.bigtitle {padding: 14%;}
−
 
+
.memberdescriptionL p, .memberdescriptionR p {font-size: 13px; line-height: 1.5;}
−
.portraitR img, .portraitL img {
+
−
width:100%;
+
−
height:100%;}
+
−
 
+
  
 
}
 
}
Line 269: Line 262:
  
  
 +
 +
.bigtitle {padding: 13%;}
 
.bigtitle p { font-size: 13px; text-align: center;}
 
.bigtitle p { font-size: 13px; text-align: center;}
−
.titlecircle {width: 68%; padding-top: 4%; }
+
.titlecircle {width: 70%; padding-top: 0; }
 +
.portraitR, .portraitL {width: 97%; float: none; margin: 0 auto; padding-bottom: 10px; display: block;}
 +
.portraitR img, .portraitL img {float: none; padding: 0;}
 +
.memberdescriptionL, .memberdescriptionR {width: 98%; display: block; margin: 0 auto !important; padding: 0 !important;}
 +
.memberdescriptionL p, .memberdescriptionR p {font-size: 14px; line-height: 1.5;}
  
 
}
 
}
Line 276: Line 275:
 
@media(max-width: 460px) {
 
@media(max-width: 460px) {
  
−
.titlecircle {width: 70%;}
+
.titlecircle {width: 75%;  padding-top: 0; margin-top: -4%;}
−
.title2 {font-size: 300%;}
+
.memberdescriptionL p, .memberdescriptionR p {font-size: 13px; line-height: 1.5; letter-spacing: 1;}
 +
}
 +
 
 +
@media(max-width: 420px) {
 +
 
 +
.titlecircle {width: 80%;  padding-top: 0; margin-top: -6%;}
 +
.title2 {font-size: 320%;}
 
.bigtitle p {line-height: 1.5 !important;}
 
.bigtitle p {line-height: 1.5 !important;}
−
 
  
 
}
 
}
Line 285: Line 289:
 
@media(max-width: 380px) {
 
@media(max-width: 380px) {
  
−
.titlecircle {width: 75%; padding-top: 10%;}
+
.titlecircle {width: 80%;}
−
.bigtitle p {font-size: 12px; line-height: 1.2 !important; letter-spacing: 1px;}
+
.bigtitle p {font-size: 12px; }
−
.title2 {font-size: 260%;}
+
  
  
Line 296: Line 299:
  
 
.titlecircle {width: 80%;}
 
.titlecircle {width: 80%;}
−
.title2 {font-size: 240%;}
+
.bigtitle p {line-height: 1.3 !important;}
 +
.title2 {font-size: 280%;}
 
}
 
}
  
Line 303: Line 307:
 
</style>
 
</style>
 
</head>
 
</head>
 +
 +
 +
<div id="mobilebackground"></div>
  
 
<div id="header2">
 
<div id="header2">
Line 323: Line 330:
  
  
 +
 
 +
  <div class="memberwrapper">
 +
    <img src="https://static.igem.org/mediawiki/2015/3/38/UCL_groupphoto.jpeg" style="width: 100%;"></div>
 +
 
 
<div class="memberwrapper">
 
<div class="memberwrapper">
 
<h2>Marta Napiorkowska</h2>
 
<h2>Marta Napiorkowska</h2>
Line 402: Line 413:
 
My hobbies include yoga, Sci-Fi and Fantasy Novels, and video games.</p></div>
 
My hobbies include yoga, Sci-Fi and Fantasy Novels, and video games.</p></div>
 
</div>
 
</div>
−
 
−
 
−
 
−
<div style="height: 100px"></div>
 
−
 
  
 
</div>
 
</div>
−
 
+
</div>
  
 
</div>
 
</div>

Latest revision as of 20:16, 17 September 2015

'


Our team

consists of a lively mix of UCL students (and a high school student!). We come from variety of backgrounds but share the passion for synthetic biology. Get to know the people who stand behind the success of this iGEM project.
▼

Marta Napiorkowska

Marta Napiorkowska

I am a recent UCL graduate with degree in Biotechnology who loves engineering life and is looking forward to be the part of the future shaped by synthetic biology. I am not quite sure how I happened to come up with the initial idea that then developed into our amazing project. My role in the team is to be a portable robotic platform for cloning and to help in creating an (almost) seamless wiki. In the future I want to continue tinkering with DNA in the lab and hopefully make some real world impact with it.

Jack Ho

Jack Ho

I just finished my BSc in Molecular Biology and I love synthetic biology, EDM and burritos. Hence I joined the UCL iGEM team. I became interested in synthetic biology for its potential to solve real world problems and its diverse applications. I spend most of my time in the lab doing lots of lab things like cloning or something (I once used 42 falcon tubes!). When not in the lab (like never), I like to work on the wiki and modelling. Also, I drew the logo on the T-shirts we're wearing! :)

Lucas Von Chamier

Lucas Von Chamier

I am a second year Natural Scientist, doing Physics and molecular Biology. I am interested in the fundamentals of the world, especially the origin of life and the make-up of atoms. This is essentially what interests me about synthetic biology and what made me take part in iGEM. Apart from science I am into 80s punk rock, birds and Kebab. I contribute to the team primarily with the world famous German sense of humour and secondly with my computational and lab skills.

Paloma Portela Torres

Paloma Portela Torres

BSc Molecular Biology (2nd Year) I only found out about iGEM when the UCL 2014 team had already been formed, and ever since, I have held on to the idea of it as my little joy to look forward to. I enjoy learning how to make things, talking to people and taking pictures of the two. In iGEM I hang out in the lab, trying to do things quick and not make it too untidy. Once the lab closes I try to get in touch with people or play around with illustrations and videos.

Francisco Guimaraes

Francisco Guimaraes

Second year biochemical engineering student. Interested in startups, innovation, programming, evolutionary biology, economics and understanding why things are the way they are. Former-future MD. Mostly involved in the entrepreneurship, human practices and software aspects of the project.

Mariola Sebastián

Mariola Sebastián

I’m a 1st year Biotechnologist, who loves biohacking, computers, and business. I have been working in the lab to get bring some cute synthetic bacteria to life. I have also been working on the commercialization of our project, and creating a startup that will knock your socks off. In my free time I like watching funny movies, reading sci-fi, and designing machines.
If you see me in the Jamboree, come talk to me about entrepreneurship, astrobiology, and robot uprisings, or if you just want to change the world.

Marta de Lebrusant Fernández

Marta de Lebrusant Fernández

I am a 1st year Biotechnologist and I decided to join iGEM in the first place because I love playing around with E.coli and the smell of agar plates. Besides being with my beloved colonies in the lab I enjoy working on Policies and Practice and organising events for our project. Once I get home I love chilling eating M&M’s, watching movies with Minions or reading comics. If you are interested in immunology, evolutionary genetics, saving the planet or you just love synthetic biology, I am the right person to talk to.

Yash Mishra

Yash Mishra

Yash Mishra of the House Parashar, the First of His Name, the Legend, Lord of Ligations, Polymath of the Old Smoke, Patron of Policies and Practice, Destroyer of Colonies, Grandmeister of Microfluidics, Father of Bactomen, and all-round humble guy.

P.S. I love cats!

Tika Malla

Tika Malla

First year biochemist with budding enthusiasm in Synthetic Biology and hence a member of UCL iGEM 2015. Greatly inspired by Richard P. Feynman’s quote “ What I cannot create, I cannot understand” and iGEM is helping me do the same in the lab this summer ; create and understand and vice versa. In my spare time I binge watch series and if I decide to make my spare time productive, I go hiking or pick a book to read. Also I love exploring new places and learning new languages or at least attempting to.

Safwân Anjum-James

Safwân Anjum-James

01001001 00100000 01100001 01101101 00100000 01100001 00100000 01101000 01101001 01100111 01101000 01110011 01100011 01101000 01101111 01101111 01101100 00100000 01110011 01110100 01110101 01100100 01100101 01101110 01110100 00100000 01100110 01110010 01101111 01101101 00100000 01000100 01110101 01101100 01110111 01101001 01100011 01101000 00100000 01000011 01101111 01101100 01101100 01100101 01100111 01100101 00100000 01110111 01101001 01110100 01101000 00100000 01100001 00100000 01100111 01110010 01100101 01100001 01110100 00100000 01101001 01101110 01110100 01100101 01110010 01100101 01110011 01110100 00100000 01101001 01101110 00100000 01110011 01100011 01101001 01100101 01101110 01100011 01100101 00100000 01100001 01101110 01100100 00100000 01110100 01100101 01100011 01101000 01101110 01101111 01101100 01101111 01100111 01111001 00101110 00100000 01001001 00100000 01100101 01101110 01101010 01101111 01111001 00100000 01101100 01101111 01101110 01100111 00100000 01110111 01100001 01101100 01101011 01110011 00100000 01101111 01101110 00100000 01110100 01101000 01100101 00100000 01100010 01100101 01100001 01100011 01101000 00100000 01100001 01101110 01100100 00100000 01110011 01110100 01100001 01110010 01101001 01101110 01100111 00100000 01110101 01110000 00100000 01101001 01101110 01110100 01101111 00100000 01110100 01101000 01100101 00100000 01110011 01110100 01100001 01110010 01110010 01111001 00100000 01110011 01101011 01111001 00100000 01110100 01110010 01111001 01101001 01101110 01100111 00100000 01110100 01101111 00100000 01101100 01101111 01101111 01101011 00100000 01110100 01101000 01101111 01110101 01100111 01101000 01110100 01100110 01110101 01101100 00101110 00100000 01001101 01111001 00100000 01100110 01110101 01110100 01110101 01110010 01100101 00100000 01110000 01101100 01100001 01101110 01110011 00100000 01101001 01101110 01100011 01101100 01110101 01100100 01100101 00100000 01100010 01100101 01101001 01101110 01100111 00100000 01110100 01101000 01100101 00100000 01100110 01101001 01110010 01110011 01110100 00100000 01101101 01100001 01101110 00100000 01110100 01101111 00100000 01101101 01100001 01110010 01110010 01111001 00100000 01100001 01101110 00100000 01100001 01101100 01101001 01100101 01101110 00100000 01100001 01101110 01100100 00100000 01100111 01101111 01101001 01101110 01100111 00100000 01100010 01100001 01100011 01101011 00100000 01101001 01101110 00100000 01110100 01101001 01101101 01100101 00100000 01110011 01101111 00100000 01110100 01101000 01100001 01110100 00100000 01001001 00100000 01100011 01100001 01101110 00100000 01100101 01100001 01110100 00100000 01100001 00100000 01100100 01101001 01101110 01101111 01110011 01100001 01110101 01110010 00101110 00100000 =)

Lewis Moffat

Lewis Moffat

I’m a second year Biochemical Engineer with an amazing lack of creativity (BS).
I make damn good jelly Petrie dishes.
I’m also a programmer and modeller (and model) working in .NET
I like partial differential equations and walks on the beach.
My hobbies include yoga, Sci-Fi and Fantasy Novels, and video games.