Difference between revisions of "Team:UCL/Collaborations"

 
(58 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{CSS_UCL2}}
+
{{CSS_UCL6}}
 +
 
 
<html>
 
<html>
 
<head>
 
<head>
 +
 +
<script>
 +
 +
  $(function () {
 +
  $('.content').myTooltip({
 +
    speed: 200,
 +
    closeOnClick: true
 +
  });
 +
 
 +
});
 +
 +
 +
 +
$.fn.myTooltip = function ( options ) {
 +
 
 +
 
 +
  var defaults = {
 +
    speed: 650,
 +
    closeOnClick: false,
 +
    tooltipClass: 'tooltip'
 +
  };
 +
 
 +
  var settings = $.extend( {}, defaults, options );
 +
 
 +
  var $this = $(this),
 +
      $tooltip = $this.find('.'+settings.tooltipClass);
 +
 
 +
 
 +
  setPosition();
 +
  $(window).resize(function () {
 +
    setPosition();
 +
  });
 +
 
 +
 
 +
  $this.mouseenter(function () {
 +
    $('.'+settings.tooltipClass, this).fadeIn(settings.speed);
 +
  }).mouseleave(function () {
 +
    $('.'+settings.tooltipClass, this).stop(true, true).fadeOut(settings.speed);
 +
  });
 +
 
 +
  if(settings.closeOnClick) {
 +
    $tooltip.click(function () {
 +
      $(this).stop(true, true).fadeOut(settings.speed);
 +
    });
 +
  }
 +
 
 +
 
 +
  function setPosition() {
 +
    $tooltip.css({top: $this.height(), left: -150});
 +
  }
 +
 
 +
};
 +
 +
</script>
 +
 
<style>
 
<style>
−
p {
+
 
−
margin-left:30px;
+
 
 +
.mainmenu {background-color: #fff !important;}
 +
.menu-items a {color: #493C54;}
 +
.buttonblack {background-color: #22343C; border-color: #22343C; }
 +
a.buttonblack { color: #fff !important; font-size: 12px;}
 +
.buttonblack:hover {border-color: #22343C; color: #22343C !important;}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
#header2 {
 +
 
 +
width: 100%;
 +
position: relative;
 +
margin: 0;
 +
padding: 0;
 +
top: 0;
 +
bottom: 0;
 +
margin: 0 auto;
 +
min-height: 100%;
 +
height: auto;
 +
vertical-align: middle;
 +
font-family: Raleway;
 +
letter-spacing: 1.1px; font-size: 13px;
 +
 
 +
 
 +
}
 +
 
 +
 
 +
 
 +
#header2:before
 +
{
 +
content: "";
 +
    background-image: url('https://static.igem.org/mediawiki/2015/0/05/UCL_11898614_10152993243092791_343687533393499844_n.jpg');
 +
  background-repeat: no-repeat;
 +
  background-attachment: fixed !important;
 +
  -webkit-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 1200, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.2)));
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
margin: 0;
 +
padding: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
pointer-events: none;
 +
overflow: hidden;
 +
display: block;
 +
border: none;}
 +
 
 +
#mobilebackground {
 +
  background-image: url('https://static.igem.org/mediawiki/2015/0/05/UCL_11898614_10152993243092791_343687533393499844_n.jpg');
 +
-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 300, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.1)));
 +
 
 +
    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%;
 +
 
 +
  }
 +
 
 +
 
 +
#wrapper {width: 80%; height: 80%; margin: 0 auto; position: relative; top: 80px; opacity: 1; overflow: auto;
 +
 +
 
 +
 
 +
}
 +
 
 +
#submenu {width: 100%; margin-top: 20px; text-align: center; position: relative; z-index: 999999;}
 +
 
 +
#text {margin-top: 50px; z-index: 9999; height: auto;}
 +
 
 +
 
 +
 
 +
.blockk h2 {font-size: 20px; text-decoration: none; border-bottom: 0px; display: block; background-color: #418E69; color: #fff; font-weight: bold; border-radius: 4px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; opacity: 1; }
 +
 
 +
 
 +
 
 +
 
 +
.blockk {position: relative; width: 100%; height: auto;}
 +
 
 +
.blockk:hover h2 {opacity: 1 !important; transition-property: opacity;
 +
    transition-duration: 1s;
 +
    transition-timing-function: ease; }
 +
 
 +
.blockk:hover img, .blockk:hover .latesimage {opacity: 0.9 !important; transition-property: opacity;
 +
    transition-duration: 1s;
 +
    transition-timing-function: ease; }
 +
 
 +
#wraplates img:hover {opacity: 1 !important; transition-property: opacity;
 +
    transition-duration: 1s;
 +
    transition-timing-function: ease;}
 +
 
 +
.blockk {text-decoration: none; font-size: 14px; font-weight: normal !important; border-bottom: 0px; padding-top: 5px; padding-bottom: 5px; line-height: 2; text-align: justify; color: #272a2b; width: 100%; overflow: auto;
 
}
 
}
 +
 +
#wraplatescolumn1 {width: 47%; float: left; padding-right: 2%;}
 +
 +
#wraplatescolumn2 {width: 50%; float: right;
 +
 +
}
 +
 +
 +
 +
#wraplates img {width: 100%; border-radius: 10px; opacity: 0.8;
 +
}
 +
 +
 +
 +
 +
#text a, .blockk a {color: #418E69; font-weight: bold; text-decoration: none;}
 +
#text a:hover, .blockk a:hover {color: #418E69; font-weight: bold; text-decoration: none;}
 +
#text a:visited, .blockk a:visited {color: #418E69; font-weight: bold; text-decoration: none;}
 +
 +
.content .tooltip {
 +
  background-color: #fff;
 +
border: 1px #22343C solid;
 +
  border-radius: 4px;
 +
  padding: 3px;
 +
  position: absolute;
 +
  width: 300px;
 +
  z-Index: 99999;
 +
  display: none;
 +
letter-spacing: 1px;
 +
line-height: 1;
 +
font-size: 11px;
 +
}
 +
 +
.tooltip a {color: #22343C;}
 +
.tooltip {color: #22343C;}
 +
 +
.content {
 +
  position: relative;
 +
}
 +
 +
.content {color: #d67166;}
 +
 +
.bigtitle {width: 74%; top: 0; margin: 0 auto; font-size: 16px; background-image: url('https://static.igem.org/mediawiki/2015/1/15/UCL_Circlegreen.png'); text-align: center; line-height: 2;
 +
    background-position: top center;  background-repeat: no-repeat; background-size: contain; padding: 13%; position: relative; margin-bottom: 100px; color: #22343C;}
 +
 +
.bigtitle a {color: #22343C; text-decoration: none;}
 +
 +
.title2 {font-size: 380%; line-height: 1;}
 +
 +
.titlecircle {width: 100%; margin: 0 auto; padding-top: 14%;}
 +
 +
.arrow {font-size: 50px;}
 +
 +
 +
.buttonblack {
 +
text-transform: uppercase;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border-radius: 4px;
 +
transition-property: background-color, color, border-color;
 +
  transition-duration: 1s;
 +
  transition-timing-function: ease;
 +
            color: #FFFFFF;
 +
    padding: 10px 16px;
 +
  text-decoration: none;
 +
font-family: Raleway;
 +
letter-spacing: 2px;
 +
font-weight: bold;}
 +
 +
.latesimage {background: #fff; display: block; padding: 5px 8px; border: 1px solid; border-color: #22343C; border-radius: 10px; line-height: 1.5; letter-spacing: 0.8; font-weight: bold; margin-top: 5px; opacity: 0.7; margin-bottom: 40px;
 +
}
 +
 +
@media(max-width:1280px){
 +
 +
.bigtitle {font-size: 15px;}
 +
.bigtitle {width: 50%;}
 +
.buttonblack {padding: 5px 11px;}
 +
 +
.blockk {line-height: 1.8;}
 +
#wraplatescolumn1 {width: 55%; float: left; padding-right: 2%;}
 +
#wraplatescolumn2 {width: 43%; float: right;}
 +
.latesimage {margin-bottom: 20px;}
 +
 +
 +
 +
}
 +
 +
 +
 +
 +
@media(max-width:1152px){
 +
 +
.bigtitle {font-size: 14px;}
 +
.bigtitle {width: 52%;}
 +
.titlecircle {width: 90%;}
 +
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
 +
.buttonblack {padding: 5px 8px;}
 +
.blockk {line-height: 1.6;}
 +
 +
}
 +
 +
 +
@media(max-width:1024px){
 +
.bigtitle {width: 58%; font-size: 13px;}
 +
.titlecircle {padding-top: 15%; width: 808;}
 +
#wrapper {top: 100px; width: 88%; margin: 0 auto; overflow-x: hidden;}
 +
.blockk {margin-left: 1%; width: 99%;}
 +
a.buttonblack {font-size: 10px; letter-spacing: 1.7px;}
 +
#header2:before {background-image: none;}
 +
#mobilebackground {display: block;}
 +
.constructs {font-size: 15px;}
 +
 +
#wraplatescolumn2 .latesimage {margin-bottom: 35px;}
 +
 +
 +
 +
}
 +
 +
@media(max-width:960px){
 +
 +
.bigtitle {font-size: 13px; width: 60%; padding: 15%;}
 +
.buttonblack {padding: 5px 5px;}
 +
#submenu {width: 100%;}
 +
.constructs img {float: none !important; margin: 0 auto !important; min-width: 60% !important;}
 +
.constructs {text-align: center;}
 +
.blockk {line-height: 1.5;}
 +
.latesimage {font-size: 13px;}
 +
 +
}
 +
 +
 +
@media(max-width:910px){
 +
}
 +
 +
@media(max-width:850px){
 +
a.buttonblack {font-size: 10px; letter-spacing: 1.3px;}
 +
.buttonblack {padding: 4px 3px;}
 +
.constructs img {min-width: 80% !important;}
 +
.blockk {font-size: 13px;}
 +
 +
 +
 +
 +
}
 +
 +
 +
 +
@media(max-width: 768px){
 +
.bigtitle {font-size: 13px; padding: 20%; width: 60%;}
 +
.bigtitle p { font-size: 13px; margin-top: -20px !important;}
 +
.titlecircle {width: 100%; padding-top: 8%;}
 +
a.buttonblack {font-size: 9px; letter-spacing: 1.3px;}
 +
#submenu {width: 80%; margin: 0 auto;}
 +
.buttonblack {line-height: 3.8;}
 +
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
 +
.buttonblack {padding: 5px 8px;}
 +
#wraplatescolumn2 .latesimage {margin-bottom: 60px;}
 +
 +
 +
}
 +
 +
 +
 +
 +
@media(max-width:680px){
 +
#wrapper {width: 100%;}
 +
.blockk {margin-left: 5%; width: 90%;}
 +
.constructs {font-size: 13px;}
 +
.bigtitle p { font-size: 13px; }
 +
.titlecircle {width: 90%; padding-top: 10%;}
 +
#submenu {width: 80%; margin: 0 auto;}
 +
.buttonblack {line-height: 3.8;}
 +
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
 +
.buttonblack {padding: 5px 8px;}
 +
 +
 +
 +
}
 +
 +
@media(max-width:640px){
 +
.title2 {font-size: 420%;}
 +
#submenu {width: 80%; margin: 0 auto;}
 +
#wraplatescolumn2 .latesimage {margin-bottom: 150px;}
 +
.latesimage {font-size: 12px;}
 +
 +
 +
 +
}
 +
 +
 +
@media(max-width: 600px) {
 +
#wraplatescolumn1 {width: 90%; float: none; padding-right: 0;}
 +
#wraplatescolumn2 {width: 90%; float: none;}
 +
.blockk {margin-left: 10%; width: 90%;}
 +
.blockk h2 { width: 85%; font-size: 18px !important;}
 +
#wraplatescolumn2 .latesimage, #wraplatescolumn1 .latesimage {margin-bottom: 20px;}
 +
 +
}
 +
 +
@media(max-width:530px){
 +
a.buttonblack {font-size: 10px; letter-spacing: 1.8px;}
 +
.title2 {font-size: 400%;}
 +
.titlecircle {width: 100%; padding-top: 12%;}
 +
 +
 +
}
 +
 +
@media(max-width: 480px) {
 +
#submenu {width: 90%; margin: 0 auto;}
 +
.title2 {font-size: 380%;}
 +
 +
 +
 +
 +
}
 +
 +
@media(max-width: 430px) {
 +
.title2 {font-size: 360%;}
 +
.titlecircle {width: 100%; padding-top: 14%;}
 +
.bigtitle {padding: 18%; width: 66%;}
 +
}
 +
 +
@media(max-width: 380px) {
 +
 +
.titlecircle {width: 100%; padding-top: 18%;}
 +
.title2 {font-size: 320%;}
 +
 +
.bigtitle {padding: 15%; width: 70%; opacity: 1; }
 +
 +
#mobilebackground {-webkit-mask-image: none; opacity: 0.7;
 +
}
 +
 +
 +
}
 +
 +
 +
@media(max-width: 360px) {
 +
 +
.buttonblack {width: 250px; display: block; line-height: 1.5; margin: 5px auto;}
 +
}
 +
 +
 +
 
</style>
 
</style>
 
</head>
 
</head>
−
<body>
+
 
−
<h5> Collaborations</h5>
+
<div id="mobilebackground"></div>
−
<div style="height:80px"></div>
+
 
−
<h2>UCL iGEM Bootcamp Mini Jamboree </h2>
+
<div id="header2">
 +
 
 +
<div id="wrapper">
 +
 
 +
<div class="bigtitle">
 +
<div class="titlecircle"><span class="title2">Collaborations</span> <br><span class="arrow"> <a data-scroll data-options='{ "easing": "linear" }' href="#submenu" >&#x25BC; </a></span>
 +
 
 +
 
 +
 
 +
</div> </div>
 +
 
 +
<div class="blockk">
 +
<!--GENERAL SUMMARY HERE -->
 +
</div>
 +
 
 +
<div id="submenu" style="padding-top: 150px;">
 +
        <a data-scroll data-options='{ "easing": "linear" }' href="#lates" class="buttonblack">Science Museum Lates</a>
 +
       
 +
<a data-scroll data-options='{ "easing": "linear" }' href="#showcase" class="buttonblack">SynBio Showcase</a>
 +
 
 +
 
 +
  <!--
 +
  <a data-scroll data-options='{ "easing": "linear" }' href="#" class="buttonblack">.</a>
 +
        <a data-scroll data-options='{ "easing": "linear" }' href="#" class="buttonblack">.</a>
 +
        <a data-scroll data-options='{ "easing": "linear" }' href="#" class="buttonblack">.</a>
 +
        <a data-scroll data-options='{ "easing": "linear" }' href="#" class="buttonblack">.</a> -->
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<div id="text">
 +
<div class="blockk">
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<p>In iGEM it is all about collaborating! Throughout the summer we have been in contact with multiple iGEM teams from all over the world to improve our projects, benefit from one another's ideas and also because working together is always more fun.</p>
 +
<div>
 +
<br>
 +
<h2 style="margin-top:1%">UCL iGEM Bootcamp Mini Jamboree </h2>
 +
 
 
<p>In collaboration with the London Biohackspace and Birkbeck College, we hosted an intensive, gruelling bootcamp that enlightened the attendees about various biobrick assembly protocols, biohacking, automation, and softwares associated with synthetic biology. The bootcamp culminated in a fascinating mini Jamboree, which featured all our iGEM projects, wiki and modeling tutorials, and even a DIY Spectrophotometer made in 1 week!  </p>
 
<p>In collaboration with the London Biohackspace and Birkbeck College, we hosted an intensive, gruelling bootcamp that enlightened the attendees about various biobrick assembly protocols, biohacking, automation, and softwares associated with synthetic biology. The bootcamp culminated in a fascinating mini Jamboree, which featured all our iGEM projects, wiki and modeling tutorials, and even a DIY Spectrophotometer made in 1 week!  </p>
 +
 +
<br>
 +
 +
<h2 style="margin-top:1%">London iGEM Meet-up</h2>
 +
<p>iGEM teams around London met up on 31<sup>st</sup> of July at Birkbeck and presented the current progress of their research projects to each other, followed by a poster session and time for socialising. The teams involved were: UCL, Birkbeck, London Biohackspace, Westminster and Kent. </p>
 +
 +
<br>
 +
 +
<h2 style="margin-top:1%">2014 Aalto-Helsinki Team: Blue-Light-Response Element</h2>
 +
<p>In order to use our constructs as personalised treatment devices, we collaborated with the Aalto-Helsinki team to use the blue-light-response element they created in 2014. The idea is to have a handheld/mobile device that can emit blue light and induce expression of out constructs when needed.</p>
 +
 +
<br>
 +
 +
<h2 style="margin-top:1%">UCL iGEM 2015 Collaboration survey</h2>
 +
<p>This year UCL iGEM team has prepared an ambitious survey to to get the public's perception on synthetic biology, genetic engineering and probiotics. As survey was translated into 5 different languages including Spanish, French, Portuguese and German we have collaborated with iGEM teams from all around the world to collect as many data as possible as well as see how people's opinion on these topics varies from country to country.</p>
 +
<p>All our collaborators received a badge to express our gratitude for the joint collaboration.The teams that collaborated with us were:</p>
 +
<ul>
 +
<li>Brasil-USP iGEM</li>
 +
<li>Bordeaux iGEM</li>
 +
<li>Macquarie iGEM</li>
 +
<li>UNSW iGEM</li>
 +
</ul>
 +
 +
<br>
 +
 +
<h2 style="margin-top:1%">2015 Oxford Team: short video assays on Synthetic biology and Health</h2>
 +
<p> In August 2015, members of the Oxford and UCL iGEM teams met up in London to get a grasp of the way people perceive Synthetic Biology applications in healthcare. The discussions worked as a platform for a collaboration between the Manchester-Graz, UCL and Oxford teams. In this joint initiative, they were able to gather some exciting new ideas on how to better develop an iGEM project that targets health conditions such as urinary tract infections (UTIs), schizophrenia and other mental health conditions such as anxiety and depression.</p>
 +
 +
<br>
 +
 +
<h2 style="margin-top:1%">2015 Paris-Bettencourt Team: Rhizi database</h2>
 +
<p> We joined the Rhizi graphical database created by the Paris-Bettencourt team and received a pretty collaboration badge as a token for our appreciation.</p>
 +
 +
  <br>
 +
 +
  <h2 style="margin-top:1%">Chang Gung University iGEM: Joint Survey</h2>
 +
  <p>We collaborated in a joint survey about our projects with several iGEM teams from different countries.</p>
 +
  </div>
 +
 
 +
 +
 +
<br/><br/>
 +
 +
 +
 +
  </div></div>
 +
 
 +
 
 +
 
 +
 +
 +
 
 +
 
 +
 +
<!---
 +
 +
 +
OLD TEXT
 +
 +
<h2>UCL Academy </h2>
 +
<p> With hopes of engaging the high school students of UCL Academy with synthetic biology, we´ll be teaching them about our iGEM project and lab protocols as well as working with them on their very first synthetic biology project throughout the summer.</p>
 +
 +
<h2>Headstart Summer School </h2>
 +
<p> We shared the joy of synthetic biology and iGEM with the A Level students from all over UK attending the UCL Headstart Biochemical Engineering Summer School at a reception and formal dinner.</p>
 +
 +
-->
 +
 +
</div>
 +
 +
 +
</div>
 +
 +
</div> </div> </div>
  
 
</body>
 
</body>
−
<!-- iGEM's NOTES ABOUT COLLABORATION
+
 
 +
</html>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!--
 +
iGEM's NOTES ABOUT COLLABORATION
 
<p>
 
<p>
 
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
 
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
Line 46: Line 589:
 
</ul>
 
</ul>
  
−
 
+
<div style="height:50px;">
 
</div>
 
</div>
 +
</body>
 +
</head>
 
-->
 
-->
−
 
−
</html>
 

Latest revision as of 22:15, 18 September 2015

'

Collaborations
▼

In iGEM it is all about collaborating! Throughout the summer we have been in contact with multiple iGEM teams from all over the world to improve our projects, benefit from one another's ideas and also because working together is always more fun.


UCL iGEM Bootcamp Mini Jamboree

In collaboration with the London Biohackspace and Birkbeck College, we hosted an intensive, gruelling bootcamp that enlightened the attendees about various biobrick assembly protocols, biohacking, automation, and softwares associated with synthetic biology. The bootcamp culminated in a fascinating mini Jamboree, which featured all our iGEM projects, wiki and modeling tutorials, and even a DIY Spectrophotometer made in 1 week!


London iGEM Meet-up

iGEM teams around London met up on 31st of July at Birkbeck and presented the current progress of their research projects to each other, followed by a poster session and time for socialising. The teams involved were: UCL, Birkbeck, London Biohackspace, Westminster and Kent.


2014 Aalto-Helsinki Team: Blue-Light-Response Element

In order to use our constructs as personalised treatment devices, we collaborated with the Aalto-Helsinki team to use the blue-light-response element they created in 2014. The idea is to have a handheld/mobile device that can emit blue light and induce expression of out constructs when needed.


UCL iGEM 2015 Collaboration survey

This year UCL iGEM team has prepared an ambitious survey to to get the public's perception on synthetic biology, genetic engineering and probiotics. As survey was translated into 5 different languages including Spanish, French, Portuguese and German we have collaborated with iGEM teams from all around the world to collect as many data as possible as well as see how people's opinion on these topics varies from country to country.

All our collaborators received a badge to express our gratitude for the joint collaboration.The teams that collaborated with us were:

  • Brasil-USP iGEM
  • Bordeaux iGEM
  • Macquarie iGEM
  • UNSW iGEM

2015 Oxford Team: short video assays on Synthetic biology and Health

In August 2015, members of the Oxford and UCL iGEM teams met up in London to get a grasp of the way people perceive Synthetic Biology applications in healthcare. The discussions worked as a platform for a collaboration between the Manchester-Graz, UCL and Oxford teams. In this joint initiative, they were able to gather some exciting new ideas on how to better develop an iGEM project that targets health conditions such as urinary tract infections (UTIs), schizophrenia and other mental health conditions such as anxiety and depression.


2015 Paris-Bettencourt Team: Rhizi database

We joined the Rhizi graphical database created by the Paris-Bettencourt team and received a pretty collaboration badge as a token for our appreciation.


Chang Gung University iGEM: Joint Survey

We collaborated in a joint survey about our projects with several iGEM teams from different countries.