Difference between revisions of "Team:UCL/Attributions"

Line 1: Line 1:
−
{{CSS_UCL5}}
+
{{CSS_UCL6}}
 +
 
 
<html>
 
<html>
 
<head>
 
<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>
 
<style>
−
#main {
+
 
−
padding-left: 10%;
+
#header2 {
−
padding-right: 10%;
+
width: 100%;
 +
background-color: #000;
 +
min-height: 100%;
 +
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;
 +
}
 +
 
 +
 
 +
 
 +
#header2:before
 +
{
 +
content: "";
 +
background-image: url('https://static.igem.org/mediawiki/2015/9/94/UCL_MG_0797.jpg');
 +
background-repeat: no-repeat;
 +
background-position: 0 0 0 0;
 +
  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)));
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
margin: 0;
 +
padding: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
border: none;
 
}
 
}
  
−
/*
+
 
−
#globalWrapper, #content, #bodyContent, #main {
+
#mobilebackground {
−
background-color:#00232B;
+
  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%;
 +
height: 100%;
 +
padding: 0;
 +
margin: 0;
 +
 
 +
  }
 +
 
 +
 
 +
 
 +
#wrapper {width: 80%; height: 100%; background: none; margin: 0 auto; position: relative; padding: 0; padding-top: 80px; margin-bottom: 200px; overflow: auto;}
 +
 
 +
 
 +
 
 +
.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: 50px;
 +
width: 90%;
 +
position: relative;
 +
background: #fff;
 +
border-radius: 8px;
 +
padding: 14px;
 +
height: auto;
 +
overflow: auto;
 +
opacity: 0.9;
 
}
 
}
  
−
h2, h5, li {
+
 
−
color:#EDE2AF;
+
.memberwrapper h2 {font-size: 13px; text-decoration: none; border-bottom: 0px; display: block; background-color: #493C54; color: #fff; font-weight: bold; padding: 14px; letter-spacing: 4px; text-transform: uppercase; margin: 5px;}
 +
 
 +
 
 +
.portraitL {
 +
float: left;
 +
display: inline-block;
 +
width: 30%;
 +
opacity:1;
 +
 
 
}
 
}
  
−
.mainmenu {
+
.portraitL img{
−
background-color:#EDE2AF;
+
padding: 5px;
 +
float: left;
 +
width: 100%;
 +
}
 +
 
 +
.memberdescriptionL {
 +
float: right;
 +
width: 65%;
 +
display: inline-block;
 +
padding: 0px;
 +
}
 +
 
 +
 
 +
.portraitR {
 +
float: right;
 +
display: inline-block;
 +
width: 30%;
 
opacity:1;
 
opacity:1;
 
}
 
}
−
*/
 
−
</style>
 
  
 +
.portraitR img{
 +
padding: 5px;
 +
float: right;
 +
width: 100%;
 +
}
 +
 +
.memberdescriptionR {
 +
float: left;
 +
width: 65%;
 +
display: inline-block;
 +
padding: 0px;
 +
}
 +
 +
.bigtitle p {font-size: 15px;
 +
line-height: 1.6; letter-spacing: 1.2px;}
 +
 +
.memberwrapper p {
 +
text-align:justify;
 +
padding: 0 8px !important;
 +
font-size: 15px;
 +
line-height: 1.6;
 +
letter-spacing: 1.2px;
 +
color: #0a0111;
 +
margin: 0 !important;
 +
 +
}
 +
 +
.titlecircle {width: 85%; margin: 0 auto; padding-top: 8%;}
 +
.title2 {font-family: League Script; font-size: 380%;}
 +
 +
 +
 +
.arrow {font-size: 50px;}
 +
 +
@media(max-width:1280px){
 +
.bigtitle {font-size: 15px;}
 +
.bigtitle {width: 50%;}
 +
 +
}
 +
 +
 +
@media(max-width:1152px){
 +
 +
.bigtitle {font-size: 14px;}
 +
.bigtitle {width: 52%;}
 +
.titlecircle {width: 80%;}
 +
.portraitR, .portraitL {width: 43%;}
 +
.memberdescriptionL, .memberdescriptionR {width: 55%;}
 +
.memberdescriptionL p, .memberdescriptionR p {line-height: 1.5;}
 +
 +
}
 +
 +
 +
@media(max-width:1024px){
 +
.bigtitle {width: 58%;}
 +
.titlecircle {padding-top: 10%; width: 75%;}
 +
.memberwrapper {padding: 18px;}
 +
#header2:before {background-image: none; }
 +
#header2 {background: none;}
 +
#mobilebackground {display: block;}
 +
 +
}
 +
 +
@media(max-width:960px){
 +
.bigtitle {font-size: 13px; width: 65%;}
 +
.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;}
 +
 +
}
 +
 +
 +
 +
 +
@media(max-width:850px){
 +
 +
.bigtitle p {line-height: 1.7 !important; margin-top: -25px !important;}
 +
}
 +
 +
@media(max-width:820px){
 +
.titlecircle {padding-top: 4%;}
 +
}
 +
 +
 +
@media(max-width: 768px){
 +
 +
.bigtitle {width: 80%; font-size: 13px; padding: 14%; margin-left: -4%;}
 +
.bigtitle p { font-size: 14px; margin-top: -20px !important;}
 +
.titlecircle {width: 70%; padding-top: 8%;}
 +
.memberwrapper {width: 100%; margin-left: -3%;}
 +
 +
 +
}
 +
 +
 +
 +
 +
@media(max-width:670px){
 +
.bigtitle {margin-left: -4%;}
 +
#wrapper {width: 100%;}
 +
 +
.memberwrapper {width: 80%; margin: 0 auto; margin-bottom: 30px;}
 +
.memberwrapper p {font-size: 14px;}
 +
.bigtitle p { font-size: 14px; }
 +
.titlecircle {width: 65%;}
 +
 +
 +
 +
}
 +
 +
@media(max-width:640px){
 +
.arrow {font-size: 30px;}
 +
.titlecircle {width: 65%;}
 +
.portraitR, .portraitL {width: 50%;}
 +
}
 +
 +
 +
 +
@media(max-width:530px){
 +
.titlecircle {width: 75%;}
 +
.bigtitle {padding: 14%;}
 +
.memberdescriptionL p, .memberdescriptionR p {font-size: 13px; line-height: 1.5;}
 +
 +
}
 +
 +
@media(max-width: 480px) {
 +
 +
 +
 +
.bigtitle {padding: 13%;}
 +
.bigtitle p { font-size: 13px; text-align: center;}
 +
.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;}
 +
 +
}
 +
 +
@media(max-width: 460px) {
 +
 +
.titlecircle {width: 75%;  padding-top: 0; margin-top: -4%;}
 +
.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;}
 +
 +
}
 +
 +
@media(max-width: 380px) {
 +
 +
.titlecircle {width: 80%;}
 +
.bigtitle p {font-size: 12px; }
 +
 +
 +
}
 +
 +
 +
@media(max-width: 360px) {
 +
 +
.titlecircle {width: 80%;}
 +
.bigtitle p {line-height: 1.3 !important;}
 +
.title2 {font-size: 280%;}
 +
}
 +
 +
 +
 +
</style>
 
</head>
 
</head>
  
−
<body>
+
 
−
<div id=main>
+
<div id="mobilebackground"></div>
−
<h5>Attributions</h5>
+
 
−
<div style="height:50px"></div>
+
<div id="header2">
 +
 
 +
<div id="wrapper">
 +
 
 +
<div class="bigtitle">
 +
<div class="titlecircle">
 +
 
 +
 
 +
<br>
 +
<span class="title2">Our team</span> <p style="margin-top: -30px; line-height: 2; text-align: center;"> 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.
 +
 
 +
 
 +
<br> <span class="arrow"> <a data-scroll data-options='{ "easing": "linear" }' href="#members" >&#x25BC; </a> </span>  </p> </div> </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div id="members">
 +
 
 +
<div style="height: 100px"></div>
 +
 
 +
 
 +
<div class="memberwrapper">
 +
 
 +
 
  
 
<h2>Wiki</h2>
 
<h2>Wiki</h2>
Line 38: Line 391:
 
<li>Lucas Von Chamier</li>
 
<li>Lucas Von Chamier</li>
 
<li>Lewis Moffat</li>
 
<li>Lewis Moffat</li>
 +
 
</ul>
 
</ul>
−
<div style="height:50px"></div>
+
</div>
 +
 
  
 +
 +
<div class="memberwrapper">
 
<h2>Human Practices</h2>
 
<h2>Human Practices</h2>
 
<ul>
 
<ul>
Line 51: Line 408:
 
<br>
 
<br>
 
<h3>Human Practices Support</h3>
 
<h3>Human Practices Support</h3>
−
<ul>
 
 
<li>Georgia Bondy</li>
 
<li>Georgia Bondy</li>
 
</ul>
 
</ul>
−
</ul>
+
 
−
<div style="height:50px"></div>
+
 
 +
</div>
 +
 
 +
 
 +
 +
<div class="memberwrapper">
 +
 
  
 
<h2>Lab</h2>
 
<h2>Lab</h2>
Line 69: Line 431:
 
<br>
 
<br>
 
<h3>Lab Support</h3>
 
<h3>Lab Support</h3>
−
<ul>
+
 
 
<li>Stephanie Braun Galleani</li>
 
<li>Stephanie Braun Galleani</li>
 
<li>Roberto Chiocchio</li>
 
<li>Roberto Chiocchio</li>
Line 76: Line 438:
 
<li>Yan-Kay Ho</li>
 
<li>Yan-Kay Ho</li>
 
</ul>
 
</ul>
−
</ul>
+
 
−
<div style="height:50px"></div>
+
 
 +
</div>
 +
 
 +
 +
<div class="memberwrapper">
 +
 
  
 
<h2>InterLab Study</h2>
 
<h2>InterLab Study</h2>
Line 86: Line 453:
 
<li>Stephanie Braun Galleani</li>
 
<li>Stephanie Braun Galleani</li>
 
</ul>
 
</ul>
−
<div style="height:50px"></div>
+
 
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
 +
<div class="memberwrapper">
 +
 
 +
 
  
 
<h2>Modelling</h2>
 
<h2>Modelling</h2>
Line 94: Line 470:
 
<li>Safwân Anjum-James</li>
 
<li>Safwân Anjum-James</li>
 
</ul>
 
</ul>
−
<div style="height:50px;"></div>
+
 
 +
 
 +
</div>
 +
 
 +
 
 +
<div class="memberwrapper">
  
 
<h2>Entrepreneurship</h2>
 
<h2>Entrepreneurship</h2>
Line 101: Line 482:
 
<li>Francisco Guimaraes</li>
 
<li>Francisco Guimaraes</li>
 
</ul>
 
</ul>
−
<div style="height:50px;"></div>
+
</div>
  
 +
 +
 +
<div class="memberwrapper">
 
<h2>Software</h2>
 
<h2>Software</h2>
 
<ul>
 
<ul>
 
<li>Safwân Anjum-James</li>
 
<li>Safwân Anjum-James</li>
 
</ul>
 
</ul>
−
<div style="height:50px;"></div>
+
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div class="memberwrapper">
  
 
<h2>Sponsorship</h2>
 
<h2>Sponsorship</h2>
Line 115: Line 505:
 
<li>Mariola Sebastian</li>
 
<li>Mariola Sebastian</li>
 
</ul>
 
</ul>
−
<div style="height:50px;"></div>
 
−
</div>
 
−
</body>
 
−
 
−
<!--
 
−
<h2> Attributions</h2>
 
−
 
−
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster. </p>
 
  
  
−
<div class="highlightBox">
+
</div>
  
−
<h4> Can we base our project on a previous one? </h4>
 
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
 
−
</div>
 
  
  
  
−
<h4> Why is this page needed? </h4>
 
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
 
−
<p>
 
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
 
  
  
Line 155: Line 530:
  
  
−
<h4>Inspiration</h4>
 
−
<p>Take a look at what other teams have done:</p>
 
−
<ul>
 
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
 
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
 
−
</ul>
 
−
 
−
</div>
 
 
-->
 
-->
 +
 +
 +
</div></div></div>
 +
</body>
 
</html>
 
</html>

Revision as of 19:22, 1 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.
▼

Wiki

  • Jack Ho
  • Marta Napiorkowska
  • Lucas Von Chamier
  • Lewis Moffat

Human Practices

  • Paloma Portela
  • Lucas Von Chamier
  • Marta De Lebrusant
  • Francisco Guimaraes
  • Yash Mishra
  • Safwân Anjum-James

    • Human Practices Support

  • Georgia Bondy

Lab

  • Marta Napiorkowska
  • Jack Ho
  • Tika Malla
  • Marta De Lebrusant
  • Paloma Portela
  • Mariola Sebastian
  • Yash Mishra
  • Lucas Von Chamier

    • Lab Support

  • Stephanie Braun Galleani
  • Roberto Chiocchio
  • Edoardo Gianni
  • María José Henríquez
  • Yan-Kay Ho

InterLab Study

  • Lucas Von Chamier
  • Jack Ho
  • Yash Misha
  • Stephanie Braun Galleani

Modelling

  • Lucas Von Chamier
  • Jack Ho
  • Safwân Anjum-James

Entrepreneurship

  • Mariola Sebastian
  • Francisco Guimaraes

Software

  • Safwân Anjum-James

Sponsorship

  • Marta De Lebrusant
  • Paloma Portela
  • Mariola Sebastian
What should this page have?
  • General Support
  • Project support and advice
  • Fundraising help and advice
  • Lab support
  • Difficult technique support
  • Project advisor support
  • Wiki support
  • Presentation coaching
  • Human Practices support
  • Thanks and acknowledgements for all other people involved in helping make a successful iGEM team
-->