|
|
| (9 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| − | {{CSS_UCL5}}
| |
| | | | |
| − | <html>
| |
| − | <head>
| |
| − |
| |
| − | <script>
| |
| − | $(document).ready(function(){
| |
| − |
| |
| − | $('div#members').each(function(){
| |
| − |
| |
| − | // get current div
| |
| − | var $div_parent = $(this);
| |
| − |
| |
| − | // get array of childs in parent div
| |
| − | var $divsArr = $div_parent.children('div.memberwrapper');
| |
| − |
| |
| − | // 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 {background-image: url('https://static.igem.org/mediawiki/2015/9/94/UCL_MG_0797.jpg');
| |
| − | width: 100%;
| |
| − | position: relative;
| |
| − | display: block !important;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | top: 0;
| |
| − | bottom: 0;
| |
| − | background-repeat: no-repeat;
| |
| − | background-attachment: fixed;
| |
| − | -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;
| |
| − |
| |
| − | 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; top: 60px; }
| |
| − |
| |
| − | #submenu {width: 100%; margin-top: 20px; text-align: center; position: relative;}
| |
| − |
| |
| − |
| |
| − | .bigtitle {width: 42%; top: 0; margin: 0 auto; font-size: 16px; background-image: url('https://static.igem.org/mediawiki/2015/e/e3/UCL_headercircle3.png'); text-align: center; line-height: 2;
| |
| − | background-position: top center; background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 100px; color: #0a0111;}
| |
| − |
| |
| − | .bigtitle a {color: #493C54; text-decoration: none;}
| |
| − |
| |
| − |
| |
| − | #members { width: 100%; height: auto; position: relative;}
| |
| − |
| |
| − | .memberwrapper {
| |
| − | margin: 0 auto;
| |
| − | margin-bottom: 20px;
| |
| − | width: 90%;
| |
| − | position: relative;
| |
| − | background: #fff;
| |
| − | border-radius: 4px;
| |
| − | padding: 15px;
| |
| − | min-height: 300px;
| |
| − | overflow: auto;
| |
| − | opacity: 0.95;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .memberwrapper h2 {font-size: 20px; text-decoration: none; border-bottom: 0px; display: block; background-color: #493C54; color: #fff; font-weight: bold; border-radius: 4px; padding: 10px; opacity: 0.8;}
| |
| − |
| |
| − |
| |
| − | .portraitL {
| |
| − | float: left;
| |
| − | display: inline-block;
| |
| − | width: 30%;
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .portraitL img{
| |
| − | padding: 10px;
| |
| − | float: left;
| |
| − | width: 100%;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .memberdescriptionL {
| |
| − | float: right;
| |
| − | width: 65%;
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .portraitR {
| |
| − | float: right;
| |
| − | display: inline-block;
| |
| − | width: 30%;
| |
| − | }
| |
| − |
| |
| − | .portraitR img{
| |
| − | padding: 10px;
| |
| − | float: right;
| |
| − | width: 100%;}
| |
| − |
| |
| − | .memberdescriptionR {
| |
| − | float: left;
| |
| − | width: 65%;
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | text-align:justify;
| |
| − | padding: 0;
| |
| − | font-size: 16px;
| |
| − | line-height: 1.5;
| |
| − | letter-spacing: 1.2px;
| |
| − | color: #0a0111;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | @media (max-width:740px) {
| |
| − | .portraitR img, .portraitL img {
| |
| − | width:70%;
| |
| − | height:70%;
| |
| − | margin-bottom:15px;
| |
| − | }
| |
| − | .memberdescriptionR, .memberdescriptionL {
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | float:none;
| |
| − | margin-left:0px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media (max-width:520px) {
| |
| − | .portraitR img, .portraitL img {
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − | <div id="header2">
| |
| − |
| |
| − | <div id="wrapper">
| |
| − |
| |
| − | <div class="bigtitle">
| |
| − | <div style="width: 85%; margin: 0 auto; padding-top: 15%;">
| |
| − |
| |
| − |
| |
| − | <br>
| |
| − | Our team consists of a lively mix of UCL students (+ an extra 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.
| |
| − |
| |
| − |
| |
| − | <br><span style="font-size: 50px;"> <a data-scroll data-options='{ "easing": "linear" }' href="#members" >▼ </a></span></div> </div>
| |
| − |
| |
| − | <div id="members">
| |
| − |
| |
| − | <div style="height: 100px"></div>
| |
| − |
| |
| − |
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Marta Napiorkowska</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/8/80/MG_0417.jpg" alt="Marta Napiorkowska"></div>
| |
| − | <div class="memberdescriptionL"><p>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.</p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Jack Ho</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/f/f6/Jack.jpg" alt="Jack Ho"></div>
| |
| − | <div class="memberdescriptionR"><p><!--I'm a 3<sup>rd</sup> year Molecular Biology student--></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Lucas Von Chamier</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/1/14/Team_UCL_Lucas.jpg" alt="Lucas Von Chamier">
| |
| − | </div>
| |
| − | <div class="memberdescriptionL"><p>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. <!--superfrisbee skills are missinnggg--></p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Paloma Portela Torres</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/6/68/Paloma.jpg" alt="Paloma Portela Torres"></div>
| |
| − | <div class="memberdescriptionR"><p>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.</p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Francisco Guimaraes</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/5/58/Francisco.jpg" alt="Francisco Guimaraes"></div>
| |
| − | <div class="memberdescriptionL"><p>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. I am usually the brain but when it comes to microbiome sequencing I’m the heart, I can’t help it.</p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Mariola Sebastián</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/4/4e/Mariola.jpg" alt="Mariola Sebastián"></div>
| |
| − | <div class="memberdescriptionR"><p>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.<br>
| |
| − | 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 (I’ve long realised this can be done without actually having to like people and/or interact with them(especially old people, Aldous Huxley was right, Aldous Huxley is genius, Aldous Huxley is God, all praise Aldous Huxley #renewablephosphorus #Alphaplusplus #makesomaareality #legaliseSoma)).
| |
| − | </p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Marta de Lebrusant Fernández</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/9/9c/MG_0410.jpg" alt="Marta de Lebrusant Fernández"></div>
| |
| − | <div class="memberdescriptionL"><p>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.</p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Yash Mishra</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/5/5a/Yash.jpg" alt="Yash Mishra"></div>
| |
| − | <div class="memberdescriptionR"><p>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.<br><br>
| |
| − |
| |
| − | P.S. I love cats!
| |
| − | </p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Tika Malla</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/b/b9/Tika.jpg" alt="Tika Malla"></div>
| |
| − | <div class="memberdescriptionL"><p>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.</p></div>
| |
| − | </div>
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Safwân Anjum-James</h2>
| |
| − | <div class="portraitR">
| |
| − | <img src="----" alt="Safwân Anjum-James"></div>
| |
| − | <div class="memberdescriptionR"><p style="font-size: 10px; font-family: Courier; line-height: 1;">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 =)</p></div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="memberwrapper">
| |
| − | <h2>Lewis Moffat</h2>
| |
| − | <div class="portraitL">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/c/ce/UCL_Lewis.jpg" alt="Lewis Moffat"></div>
| |
| − | <div class="memberdescriptionL"><p>I’m a second year Biochemical Engineer with an amazing lack of creativity (BS). <br>
| |
| − | I make damn good jelly Petrie dishes.<br>
| |
| − | I’m also a programmer and modeller (and model) working in .NET <br>
| |
| − | I like partial differential equations and walks on the beach.<br>
| |
| − | My hobbies include yoga, Sci-Fi and Fantasy Novels, and video games.</p></div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div style="height: 100px"></div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </div> </div>
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |