Difference between revisions of "Team:Uppsala/Team"

 
(153 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Template_All_Teams}}
+
{{Uppsala_NewTemplate}}
 
<html>
 
<html>
 
<head>
 
<head>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
<script>
 +
 +
$(document).ready(function(){
 +
$("#tabs div").hide();
 +
$("#tabs div:first").show();
 +
$("#tabs ul li:first").addClass("active");
 +
 +
$("#tabs ul li a").click(function(){
 +
$("#tabs ul li").removeClass("active");
 +
$(this).parent().addClass("active");
 +
var currentTab = $(this).attr("href");
 +
$("#tabs div").hide();
 +
$(currentTab).show();
 +
return false;
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_1 #eb_pe').mouseover(function(){
 +
div = $('#desc_11');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_1 #jo_ag').mouseover(function(){
 +
div = $('#desc_12');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_1 #lo_gr').mouseover(function(){
 +
div = $('#desc_13');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_1 #os_we').mouseover(function(){
 +
div = $('#desc_14');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_1 #de_ge').mouseover(function(){
 +
div = $('#desc_15');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_1 #ad_en').mouseover(function(){
 +
div = $('#desc_16');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
 +
 +
$(document).ready(function(){
 +
$('div #g_2 #fr_li').mouseover(function(){
 +
div = $('#desc_21');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_2 #ko_gr').mouseover(function(){
 +
div = $('#desc_22');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_2 #ce_al').mouseover(function(){
 +
div = $('#desc_23');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_2 #an_he').mouseover(function(){
 +
div = $('#desc_24');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_2 #ad_si').mouseover(function(){
 +
div = $('#desc_25');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_2 #di_ze').mouseover(function(){
 +
div = $('#desc_26');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
 +
 +
$(document).ready(function(){
 +
$('div #g_3 #sa_bu').mouseover(function(){
 +
div = $('#desc_31');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_3 #an_gl').mouseover(function(){
 +
div = $('#desc_32');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_3 #jo_st').mouseover(function(){
 +
div = $('#desc_33');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_3 #an_bo').mouseover(function(){
 +
div = $('#desc_34');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_3 #ju_lu').mouseover(function(){
 +
div = $('#desc_35');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_3 #to_an').mouseover(function(){
 +
div = $('#desc_36');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
 +
 +
$(document).ready(function(){
 +
$('div #g_4 #mi_sc').mouseover(function(){
 +
div = $('#desc_41');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_4 #li_we').mouseover(function(){
 +
div = $('#desc_42');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_4 #ki_ka').mouseover(function(){
 +
div = $('#desc_43');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_4 #ha_er').mouseover(function(){
 +
div = $('#desc_44');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_4 #bj_gr').mouseover(function(){
 +
div = $('#desc_45');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
$(document).ready(function(){
 +
$('div #g_4 #di_la').mouseover(function(){
 +
div = $('#desc_46');
 +
div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);
 +
});
 +
});
 +
 +
</script>
 
<style>
 
<style>
  
body {
+
#team_image {
background-color: #FFFFFF;
+
  /*margin: 0 auto;
padding: 0 10%;
+
  display: block;*/
 +
  margin-top: -21px;
 +
  /*border: 1px solid black;*/
 
}
 
}
  
#main {
 
background-color: #FFFFFF;
 
margin-left:auto;
 
margin-right:auto;
 
width:1100px;
 
padding: 5px;
 
}
 
  
.header {
 
font-family:"Trebuchet MS", Helvetica;
 
color: #FF3300;
 
text-shadow: 2px 2px 5px #888888;
 
}
 
  
#home_image {
 
  margin: 0 auto;
 
  display: block;
 
  padding: 15px 0;
 
}
 
  
hr {
+
#tabs {
background-color: #FF3300;
+
/*display: block;
 +
margin-left: auto;
 +
margin-right: auto;*/
 +
/*border: 2px solid red;*/
 
}
 
}
  
p {
+
#tab_list {
font-family:Garamond, "Times New Roman";
+
list-style:none;
font-size: 150%;
+
border-left: 1px solid black;
 +
border-right: 1px solid black;
 +
display: inline-table;
 +
margin-bottom: 20px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 1100px;
 
}
 
}
  
 +
#tab_list li {
 +
float: left;
 +
text-align: center;
 +
width: 20%;
 +
}
  
/*
+
#tab_list li a {
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
+
padding: 10px 20px 10px 20px;
@charset "UTF-8";
+
/*background-color: #E84243;*/
/* Base Styles */
+
font-family: "Fira sans", "Trebuchet MS";
#cssmenu ul,
+
text-transform: uppercase;
#cssmenu li,
+
font-size: 150%;
#cssmenu a {
+
  list-style: none;
+
  margin: 0;
+
  padding: 0;
+
  border: 0;
+
  line-height: 1;
+
  font-family: 'Lato', sans-serif;
+
 
}
 
}
#cssmenu {
+
 
  border: 1px solid #133e40;
+
#tab_list li a:hover, #tab_list li.active a {
  -webkit-border-radius: 5px;
+
background-color: #E84243;
  -moz-border-radius: 5px;
+
color: #FFFFFF;
  -ms-border-radius: 5px;
+
  -o-border-radius: 5px;
+
  border-radius: 5px;
+
  width: auto;
+
 
}
 
}
#cssmenu ul {
+
 
  zoom: 1;
+
#tab {
  background: #36b0b6;
+
text-decoration: none;
  background: -moz-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
+
list-style-type: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36b0b6), color-stop(100%, #2a8a8f));
+
display: block;
  background: -webkit-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
+
  background: -o-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
+
  background: -ms-linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
+
  background: linear-gradient(top, #36b0b6 0%, #2a8a8f 100%);
+
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
+
  padding: 5px 10px;
+
  -webkit-border-radius: 5px;
+
  -moz-border-radius: 5px;
+
  -ms-border-radius: 5px;
+
  -o-border-radius: 5px;
+
  border-radius: 5px;
+
 
}
 
}
#cssmenu ul:before {
+
 
  content: '';
+
.pic {
  display: block;
+
border: 2px solid red;
 +
height: 200px;
 
}
 
}
#cssmenu ul:after {
+
 
  content: '';
+
.test {
  display: table;
+
opacity: 0.6;
  clear: both;
+
border: 2px solid red;
 +
width: 100px;
 
}
 
}
#cssmenu li {
+
 
  float: left;
+
.pic:hover .test {
  margin: 0 5px 0 0;
+
opacity: 1;
  border: 1px solid transparent;
+
 
}
 
}
#cssmenu li a {
+
 
  -webkit-border-radius: 5px;
+
#team_container {
  -moz-border-radius: 5px;
+
height: 2400px;
  -ms-border-radius: 5px;
+
  -o-border-radius: 5px;
+
  border-radius: 5px;
+
  padding: 8px 15px 9px 15px;
+
  display: block;
+
  text-decoration: none;
+
  color: #ffffff;
+
  border: 1px solid transparent;
+
  font-size: 16px;
+
 
+
 
}
 
}
#cssmenu li.active {
+
 
  -webkit-border-radius: 5px;
+
#g_1 {
  -moz-border-radius: 5px;
+
/*border: 2px solid red;*/
  -ms-border-radius: 5px;
+
/*width: 100px;
  -o-border-radius: 5px;
+
height: 200px;*/
  border-radius: 5px;
+
width: 100%;
  border: 1px solid #36b0b6;
+
 
}
 
}
#cssmenu li.active a {
+
 
  -webkit-border-radius: 5px;
+
.group_pic {
  -moz-border-radius: 5px;
+
-webkit-filter: grayscale(100%);
  -ms-border-radius: 5px;
+
filter: grayscale(100%);
  -o-border-radius: 5px;
+
  border-radius: 5px;
+
  display: block;
+
  background: #1e6468;
+
  border: 1px solid #133e40;
+
  -moz-box-shadow: inset 0 5px 10px #133e40;
+
  -webkit-box-shadow: inset 0 5px 10px #133e40;
+
  box-shadow: inset 0 5px 10px #133e40;
+
 
}
 
}
#cssmenu li:hover {
 
  -webkit-border-radius: 5px;
 
  -moz-border-radius: 5px;
 
  -ms-border-radius: 5px;
 
  -o-border-radius: 5px;
 
  border-radius: 5px;
 
  border: 1px solid #36b0b6;
 
}
 
#cssmenu li:hover a {
 
  -webkit-border-radius: 5px;
 
  -moz-border-radius: 5px;
 
  -ms-border-radius: 5px;
 
  -o-border-radius: 5px;
 
  border-radius: 5px;
 
  display: block;
 
  background: #1e6468;
 
  border: 1px solid #133e40;
 
  -moz-box-shadow: inset 0 5px 10px #133e40;
 
  -webkit-box-shadow: inset 0 5px 10px #133e40;
 
  box-shadow: inset 0 5px 10px #133e40;
 
}
 
*/
 
  
/*ul .listelem {
+
.group_pic:hover {
    list-style-type: none;
+
-webkit-filter: grayscale(0%);
    margin: 0;
+
filter: grayscale(0%);
    padding: 0;
+
    overflow: hidden;
+
 
}
 
}
  
li {
+
.g1_cells {
    float: left;
+
/*border: 1px solid black;*/
 
}
 
}
  
.listelem a {
+
.g1_cells:hover {
    display: block;
+
/*background-color: black;*/
    width: 135px;
+
    font-weight: bold;
+
    color: #FFFFFF;
+
    background-color: #EFEFEF;
+
    text-align: center;
+
    padding: 25px;
+
    text-decoration: none;
+
    text-transform: uppercase;
+
 
}
 
}
  
.listelem a:hover, .listelem a:active {
+
.hide {
    background-color: #333385;
+
display: none;
 
}
 
}
*/
 
  
  
 +
*flipping images*/
  
/*Hide the sub-menus*/
+
/* entire container, keeps perspective */
nav ul ul {  
+
.flip-container{
display: none;
+
/*perspective*/
 +
-webkit-perspective:1000;
 +
  -moz-perspective:1000;
 +
    -ms-perspective:1000;
 +
    -o-perspective:1000;
 +
        perspective:1000;
 
}
 
}
/*Show the sub-menus when you hover over the bar elements*/
+
/* flip the pane when hovered */
nav ul li:hover > ul {  
+
.flipped {
display: block;
+
/*transform*/
 +
-webkit-transform:rotateY(180deg);
 +
  -moz-transform:rotateY(180deg);
 +
    -ms-transform:rotateY(180deg);
 +
    -o-transform:rotateY(180deg);
 +
        transform:rotateY(180deg);
 
}
 
}
/*Change of the box around the bar*/
+
 
nav ul {
+
 
background-color: #A5A5C1;
+
.flip-container, .front, .back{
        background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
+
width:1100px;
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
+
height:490px;
font-family: serif;
+
text-align: center;
+
        list-style: none;
+
+
padding: 0 15px;
+
display: inline-table;
+
}
+
nav > ul {
+
margin-top: 0px;
+
margin-left: auto;
+
margin-right: auto;
+
}
+
nav ul li {
+
float: left;
+
 
}
 
}
  
/*Only affects links in the first ul, the bar*/
+
 
nav ul li:hover > a{  
+
/* flip speed goes here */
        background-color: #4b545f;
+
.flipper {
color: #CC0000;
+
/*transition*/
         text-decoration: none;
+
-webkit-transition:1s;
background-color: #A5A5C1;
+
  -moz-transition:1s;
 +
    -o-transition:1s;
 +
         transition:1s;
 +
/*transform-style*/
 +
-webkit-transform-style:preserve-3d;
 +
  -moz-transform-style:preserve-3d;
 +
    -ms-transform-style:preserve-3d;
 +
    -o-transform-style:preserve-3d;
 +
        transform-style:preserve-3d;
 +
position:relative;
 
}
 
}
  
/* Change of link text in the bar*/
+
/* hide back of pane during swap */
nav ul li a {  
+
.front, .back{
display: block;
+
/*backface-visibility*/
padding: 2px 15px;
+
-webkit-backface-visibility:hidden;
text-decoration: none;
+
  -moz-backface-visibility:hidden;
        color: white;
+
    -ms-backface-visibility:hidden;
}
+
    -o-backface-visibility:hidden;
/*List of sub-menus*/
+
         backface-visibility:hidden;
nav ul ul {
+
position:absolute;
background: #5f6975;
+
top:0;
border-radius: 0px;
+
left:0;
padding: 0;
+
position: absolute;  
+
         top: 100%;
+
}
+
/*The individual sub-menu elements*/
+
nav ul ul li {
+
float: none;  
+
background-color: #A5A5C1;
+
border-top: 1px solid #6b727c;
+
border-bottom: 1px solid #575f6a;
+
position: relative;
+
}
+
/*The individual link texts in the sub-menus*/
+
nav ul ul li a {
+
padding: 15px 20px;
+
 
}
 
}
  
nav ul ul li a:hover {
+
 
background: #4b545f;
+
 
 +
/* front pane, placed above back */
 +
.front{
 +
z-index:2;
 
}
 
}
  
/*Supposed to make the navigation bar fixed up top*/
+
 
nav.fixed {
+
/* back, initially hidden pane */
  position: fixed;
+
.back{
  top: 0;
+
/*transform*/
   right: 0;
+
-webkit-transform:rotateY(180deg);
  left: 0;
+
   -moz-transform:rotateY(180deg);
  margin: auto;
+
    -ms-transform:rotateY(180deg);
  margin-top: 15px;
+
    -o-transform:rotateY(180deg);
  width: 100%;
+
        transform:rotateY(180deg);
 
}
 
}
  
</style>
 
  
 +
 +
</style>
 
</head>
 
</head>
<body>
 
  
<!--<nav class="fixed">
+
  <div id="main">
<ul class="navbar">
+
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
+
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Team">Team</a></li>
+
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Project">Project
+
      <ul>
+
<a href="https://2015.igem.org/Team:Uppsala/Description"><li>Description</li></a>
+
<a href="https://2015.igem.org/Team:Uppsala/Experiments"><li>Experiments &amp; Protocols</li></a>  
+
<a href="https://2015.igem.org/Team:Uppsala/Results"><li>Results</li></a> 
+
<a href="https://2015.igem.org/Team:Uppsala/Design"><li>Design</li></a>
+
      </ul>
+
  </a></li>
+
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Parts">Parts</a></li>
+
      <ul>
+
<a href="https://2015.igem.org/Team:Uppsala/Parts"><li>Team Parts</li></a>
+
<a href="https://2015.igem.org/Team:Uppsala/Basic_Part"><li>Basic Parts</li></a> 
+
<a href="https://2015.igem.org/Team:Uppsala/Composite_Part"><li>Composite Parts</li></a>
+
<a href="https://2015.igem.org/Team:Uppsala/Part_Collection"><li>Part Collection</li></a> 
+
      </ul>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Notebook">Notebook</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Practices">Human Practices</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Safety">Safety</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Modeling">Modeling</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Measurement">Measurement</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Software">Software</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
+
</ul>
+
</nav> -->
+
  
<div id="cssmenu"> <nav class="fixed">
+
    <!--<img id="team_image" src="https://static.igem.org/mediawiki/2015/2/27/Uppsala_NewTeam.png" alt="Team Picture" title="Looking amazing as always!">-->
<ul class="navbar">
+
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
+
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Team">Team</a></li>
+
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Project">Project
+
      <ul>
+
<a href="https://2015.igem.org/Team:Uppsala/Description"><li>Description</li></a>
+
<a href="https://2015.igem.org/Team:Uppsala/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
<a href="https://2015.igem.org/Team:Uppsala/Results"><li>Results</li></a> 
+
<a href="https://2015.igem.org/Team:Uppsala/Design"><li>Design</li></a>
+
      </ul>
+
  </a></li>
+
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Parts">Parts</a></li>
+
      <ul>
+
<a href="https://2015.igem.org/Team:Uppsala/Parts"><li>Team Parts</li></a>
+
<a href="https://2015.igem.org/Team:Uppsala/Basic_Part"><li>Basic Parts</li></a> 
+
<a href="https://2015.igem.org/Team:Uppsala/Composite_Part"><li>Composite Parts</li></a>
+
<a href="https://2015.igem.org/Team:Uppsala/Part_Collection"><li>Part Collection</li></a> 
+
      </ul>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Notebook">Notebook</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Practices">Human Practices</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Safety">Safety</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Modeling">Modeling</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Measurement">Measurement</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Software">Software</a></li>
+
  <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
+
</ul>
+
  
  
</nav> </div>
+
<div class="flip-container">
 +
<div class="flipper" onclick="this.classList.toggle('flipped')">
 +
<div class="front">
 +
<img id="team_image" src="https://static.igem.org/mediawiki/2015/2/27/Uppsala_NewTeam.png" alt="Team Picture" title="Looking amazing as always!">
 +
</div>
 +
<div class="back">
 +
<img id="team_image" src="https://static.igem.org/mediawiki/2015/1/12/Uppsala_Team2.png" alt="Team Picture" title="Looking amazing as always!">
 +
</div>
 +
</div>
 +
</div>
  
    <h1 class="header">Title</h1>
 
    <h2 class="header">subtitle</h2>
 
    <hr>
 
    <p>
 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum elit nec lectus varius posuere. Vivamus vitae eros luctus, volutpat ipsum nec, mattis turpis. Suspendisse at volutpat augue. Duis nec sem nec mi rutrum fringilla. Donec et ligula nibh. Morbi non tincidunt diam. Integer hendrerit ut lorem a ullamcorper. Nulla facilisi. Etiam at dignissim velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent leo tortor, facilisis eu augue sed, fringilla hendrerit nisl. Nunc lacus orci, placerat ac imperdiet a, tristique vel quam. Etiam lorem purus, suscipit nec congue eget, efficitur et urna.
 
</p>
 
 
 
 
     <hr>
 
     <hr>
 +
    <p>Click on the tabs to the members of each lab group and what part of the project they have been working with.</p>
 +
 +
<!--Tab system-->
 +
    <div id="team_container">
 +
    <div id="tabs">
 +
    <ul id="tab_list">
 +
      <li><a id="tab" href="#tab-1"><b>Kit-y Lacs</b></a></li>
 +
      <li><a id="tab" href="#tab-2"><b>Laccalicious</b></a></li>
 +
      <li><a id="tab" href="#tab-3"><b>Biosurfers</b></a></li>
 +
      <li><a id="tab" href="#tab-4"><b>Nah7</b></a></li>
 +
      <li><a id="tab" href="#tab-5"><b>Gallery</b></a></li>
 +
    </ul>
 +
    <div id="tab-1">
 +
      <p> The Kit-y Lacs have been working with the laccases from the iGEM distribution kit, CotA and CueO, as well as the catechol-1,2-dioxygenase. These enzymes are the main degradation machinery in our system.<br/>
 +
      </p>
 +
      <table id="g_1">
 +
        <tr>
 +
        <td id="eb_pe"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/3/3f/Uppsala_Ebba.png"></td>
 +
        <td id="jo_ag"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/2/20/Uppsala_Josefin2.png"></td>
 +
        <td id="lo_gr"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/7/75/Uppsala_Louise.png"></td>
 +
        <td id="os_we"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/a/a4/Uppsala_Oskar.png"></td>
 +
        <td id="de_ge"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/a/aa/Uppsala_Delyan.png"></td>
 +
        <td id="ad_en"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/1/12/Uppsala_Adam2.png"></td>       
 +
        </tr>
 +
      </table>
 +
      <p id="desc_11" class="hide">
 +
        Name: <b>Ebba Perman</b><br>
 +
        Age: 22<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Whistle high and loudly<br><br>
 +
        <b>Quote</b>: "Where is Del?"
 +
      </p>
 +
      <p id="desc_12" class="hide">
 +
        Name: <b>Josefin Ågren</b><br>
 +
        Age: 22<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Modify the labresults<br><br>
 +
        <b>Quote</b>: "Has anyone seen Del?"
 +
      </p>
 +
      <p id="desc_13" class="hide">
 +
        Name: <b>Louise Granlund</b><br>
 +
        Age: 23<br>
 +
        Bachelor student in biology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Start a rolling chair race<br><br>
 +
      <b>Quote</b>: "I'm stuck in my labcoat!"
 +
      </p>
 +
      <p id="desc_14" class="hide">
 +
        Name: <b>Oskar Westlin</b><br>
 +
        Age: 24<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Biohacking<br><br>
 +
        <b>Quote</b>: "Do NOT destroy my system!"
 +
      </p>
 +
      <p id="desc_15" class="hide">
 +
        Name: <b>Delyan Georgiev</b><br>
 +
        Age: 24<br>
 +
        Master student in biology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Risky experimental stuff<br><br>
 +
        <b>Quote</b>: "Fuck these fucking primers"
 +
      </p>
 +
      <p id="desc_16" class="hide">
 +
        Name: <b>Adam Engberg</b><br>
 +
        Age: 22<br>
 +
        Bachelor student in biomedicine<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Cryosleep<br><br>
 +
        <b>Quote</b>: "Anyone who wants to buy an absurd amount of gluten flour from Germany?"
 +
      </p>
 
     </div>
 
     </div>
 +
    <div id="tab-2">
 +
      <p> Laccalicious has been working with the NahR/Psal promoter system that regulates the expression of our degrading enzymes, as well as reporter genes that indicate that PAHs are being degraded. They have also tried to incorporate a new, modified laccase into the construct to test its potential.<br/>
 +
      </p>
 +
      <table id="g_2">
 +
        <tr>
 +
        <td id="fr_li"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/d/d3/Uppsala_Fredrik2.png"></td>
 +
        <td id="ko_gr"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/4/47/Uppsala_Konrad.png"></td>
 +
        <td id="ce_al"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/a/ab/Uppsala_Cecilia.png"></td>
 +
        <td id="an_he"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/2/2d/Uppsala_Annie.png"></td>
 +
        <td id="ad_si"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/e/e1/Uppsala_Adrian2.png"></td>
 +
        <td id="di_ze"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/c/cf/Uppsala_Dianna2.png"></td>   
 +
        </tr>
 +
      </table>
 +
      <p id="desc_21" class="hide">
 +
        Name: <b>Fredrik Lindeberg</b><br>
 +
        Age: 22<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Write in Elabjournal<br><br>
 +
        <b>Quote</b>: "Damn it! We're out of Snickers... and Snickers homologues!"
 +
      </p>
 +
      <p id="desc_22" class="hide">
 +
        Name: <b>Konrad Gras</b><br>
 +
        Age: 21<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Juggle ignited Bunsen burners<br><br>
 +
        <b>Quote</b>: "Now we have another dilemma… Is a virus an organism or just DNA with an attitude?"
 +
      </p>
 +
      <p id="desc_23" class="hide">
 +
        Name: <b>Cecilia Ålander</b><br>
 +
        Age: 22<br>
 +
        Bachelor student in biochemistry<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Sing loudly to music<br><br>
 +
        <b>Quote</b>: "Yeah, we should totally do that!"
 +
      </p>
 +
      <p id="desc_24" class="hide">
 +
        Name: <b>Annie Herbertsson</b><br>
 +
        Age: 21<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Play around in Photoshop<br><br>
 +
        <b>Quote</b>: "Konrad, so what size should the image be?"
 +
      </p>
 +
      <p id="desc_25" class="hide">
 +
        Name: <b>Adrian Silberman</b><br>
 +
        Age: 23<br>
 +
        Bachelor student in molecular biology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Beatbox<br><br>
 +
        <b>Quote</b>: "You can't help but be mezmerized by how much you can do with synthetic biology"
 +
      </p>
 +
      <p id="desc_26" class="hide">
 +
        Name: <b>Dianna Zeleskov</b><br>
 +
        Age: 21<br>
 +
        Bachelor student in biology and chemistry<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Dance!<br><br>
 +
        <b>Quote</b>: "I'll go ask Del"
 +
      </p>
 +
    </div>
 +
    <div id="tab-3">
 +
      <p> The Biosurfers have tried to express rhamnolipids, biosurfactants that dissolve the hydrophobic aggregates of PAHs and allow more interactions with our degrading enzymes.<br/>
 +
      </p>
 +
      <table id="g_3">
 +
        <tr>
 +
        <td id="sa_bu"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/1/1f/Uppsala_Sangeetha3.png"></td>
 +
        <td id="an_gl"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/b/b7/Uppsala_Tasos2.png"></td>
 +
        <td id="jo_st"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/f/f2/Uppsala_Joel2.png"></td>
 +
        <td id="an_bo"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/c/c1/Uppsala_Anna3.png"></td>
 +
        <td id="ju_lu"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/d/db/Uppsala_Julia2.png"></td>
 +
        <td id="to_an"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/e/e0/Uppsala_Thomas2.png"></td>         
 +
        </tr>
 +
      </table>
 +
      <p id="desc_31" class="hide">
 +
        Name: <b>Sangeetha Bupalan</b><br>
 +
        Age: 22<br>
 +
        Master student in applied biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Dance to Tunak Tunak<br><br>
 +
        <b>Quote</b>: "I'm high!"
 +
      </p>
 +
      <p id="desc_32" class="hide">
 +
        Name: <b>Anastasios Glaros</b><br>
 +
        Age: 26<br>
 +
        Master student in bioinformatics<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Interesting stuff that ethics disallow<br><br>
 +
        <b>Quote</b>: "Can I drink that?"
 +
      </p>
 +
      <p id="desc_33" class="hide">
 +
        Name: <b>Joel Striem</b><br>
 +
        Age: 26<br>
 +
        Bachelor student in molecular biology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Try to make every potion from Harry Potter<br><br>
 +
        <b>Quote</b>: "Where the fuck is Fredrik, I need his mom!"
 +
      </p>
 +
      <p id="desc_34" class="hide">
 +
        Name: <b>Anna Boström</b><br>
 +
        Age: 22<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Do Bollywood-dancing!<br><br>
 +
      </p>
 +
      <p id="desc_35" class="hide">
 +
        Name: <b>Julia Lundgren</b><br>
 +
        Age: 24 <br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Do Bollywood-dancing!<br><br>
 +
        <b>Quote</b>: "This is how you eat surströmming!"
 +
      </p>
 +
      <p id="desc_36" class="hide">
 +
        Name: <b>Thomas Andersson</b><br>
 +
        Age: 22<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Whatever needs to be done<br><br>
 +
      </p>
 +
    </div>
 +
    <div id="tab-4">
 +
      <p> The Nah7 group has tried to incorporate the naphthalene degradation pathway from <i>Pseudomonas putida</i> into our system. The result of this pathway is salicylate, the inducer of our degradation system.<br/>
 +
      </p>
 +
      <table id="g_4">
 +
        <tr>
 +
        <td id="mi_sc"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/7/7d/Uppsala_Micke2.png"></td>
 +
        <td id="li_we"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/9/98/Uppsala_Linnea3.png"></td>
 +
        <td id="ki_ka"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/0/04/Uppsala_Kira.png"></td>
 +
        <td id="ha_er"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/8/88/Uppsala_Hanna.png"></td>
 +
        <td id="bj_gr"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/8/8b/Uppsala_Bj%C3%B6rn2.png"></td>
 +
        <td id="di_la"><img class="group_pic" src="https://static.igem.org/mediawiki/2015/d/de/Uppsala_Dmitry.png"></td>       
 +
        </tr>
 +
      </table>
 +
      <p id="desc_41" class="hide">
 +
        Name: <b>Mikael Andersson Schönn</b><br>
 +
        Age: 23 <br>
 +
        Master student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Try surviving on a diet consisting of LB and coffee<br><br>
 +
        <b>Quote</b>: "Oskar, don’t put your coffeemug on the spectrophotometer!!!"
 +
      </p>
 +
      <p id="desc_42" class="hide">
 +
        Name: <b>Linnea Westberg</b><br>
 +
        Age: 21<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Make a small Dumbo-pet for myself! I'd call him Dumbo Jr<br><br>
 +
        <b>Quote</b>: "So... early lunch?"
 +
      </p>
 +
      <p id="desc_43" class="hide">
 +
        Name: <b>Kira Karlsson</b><br>
 +
        Age: 24<br>
 +
        Bachelor student in biomedicine<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Sing, dance and load all the gels<br><br>
 +
        <b>Quote</b>: "Where's that thingabajing?"
 +
      </p>
 +
      <p id="desc_44" class="hide">
 +
        Name: <b>Hanna Eriksson</b><br>
 +
        Age: 21<br>
 +
        Bachelor student in molecular biotechnology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Draw something on the blackboard, name all the pipettes or maybe read my book<br><br>
 +
        <b>Quote</b>: "Skipping is the best mode of transportation"
 +
      </p>
 +
      <p id="desc_45" class="hide">
 +
        Name: <b>Björn Greijer</b><br>
 +
        Age: 21<br>
 +
        Bachelor student in biology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Draw on the board
 +
      </p>
 +
      <p id="desc_46" class="hide">
 +
        Name: <b>Dmitry Laso</b><br>
 +
        Age: 23<br>
 +
        Bachelor student in pharmacology<br><br>
 +
        <b>What would you do in the lab, if no one was watching?</b><br>
 +
        Build a nuke
 +
      </p>
 +
    </div>
 +
    <div id="tab-5">
 +
      <p>Here you can view pictures of what we have been up to during this summer!</p><br>
 +
      <table>
 +
      <tr>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/9/93/Uppsala_g1.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/f/fb/Uppsala_g2.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/4/40/Uppsala_g3.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/c/c3/Uppsala_g4.png"></td>
 +
      </tr>
 +
      <tr>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/7/76/Uppsala_g5.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/a/af/Uppsala_g6.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/f/f9/Uppsala_g7.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/8/8c/Uppsala_g8.png"></td>
 +
        </tr>
 +
      <tr>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/9/93/Uppsala_g9.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/0/0c/Uppsala_g10.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/6/6b/Uppsala_g11.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/1/1f/Uppsala_g16.png"></td>
 +
        </tr>
 +
      <tr>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/9/9d/Uppsala_g13.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/d/d9/Uppsala_g14.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/d/d2/Uppsala_g15.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/6/6a/Uppsala_g17.png"></td>
 +
        </tr>
 +
      </table>
 +
      <table>
 +
      <tr>
 +
        <td><img style="margin-right:2px" src="https://static.igem.org/mediawiki/2015/4/47/Uppsala_Gallery_12.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/c/c5/Uppsala_Gallery_13.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/5/55/Uppsala_Gallery_14.png"></td>
 +
        </tr>
 +
      <tr>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/0/06/Uppsala_Gallery_15.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/8/82/Uppsala_Gallery_16.png"></td>
 +
        <td><img src="https://static.igem.org/mediawiki/2015/3/39/Uppsala_Gallery_17.png"></td>
 +
        </tr>
 +
      </table>
 +
      <div style="width:100%;height:100px;"></div>
 +
    </div>
 +
  </div>
 +
</div>
 +
  
<div id="footer">
 
Copyright © Wiki Team
 
 
</div>
 
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Uppsala_NewFooter}}

Latest revision as of 11:33, 19 November 2015

Team Picture
Team Picture

Click on the tabs to the members of each lab group and what part of the project they have been working with.

The Kit-y Lacs have been working with the laccases from the iGEM distribution kit, CotA and CueO, as well as the catechol-1,2-dioxygenase. These enzymes are the main degradation machinery in our system.

Name: Ebba Perman
Age: 22
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Whistle high and loudly

Quote: "Where is Del?"

Name: Josefin Ågren
Age: 22
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Modify the labresults

Quote: "Has anyone seen Del?"

Name: Louise Granlund
Age: 23
Bachelor student in biology

What would you do in the lab, if no one was watching?
Start a rolling chair race

Quote: "I'm stuck in my labcoat!"

Name: Oskar Westlin
Age: 24
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Biohacking

Quote: "Do NOT destroy my system!"

Name: Delyan Georgiev
Age: 24
Master student in biology

What would you do in the lab, if no one was watching?
Risky experimental stuff

Quote: "Fuck these fucking primers"

Name: Adam Engberg
Age: 22
Bachelor student in biomedicine

What would you do in the lab, if no one was watching?
Cryosleep

Quote: "Anyone who wants to buy an absurd amount of gluten flour from Germany?"

Laccalicious has been working with the NahR/Psal promoter system that regulates the expression of our degrading enzymes, as well as reporter genes that indicate that PAHs are being degraded. They have also tried to incorporate a new, modified laccase into the construct to test its potential.

Name: Fredrik Lindeberg
Age: 22
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Write in Elabjournal

Quote: "Damn it! We're out of Snickers... and Snickers homologues!"

Name: Konrad Gras
Age: 21
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Juggle ignited Bunsen burners

Quote: "Now we have another dilemma… Is a virus an organism or just DNA with an attitude?"

Name: Cecilia Ålander
Age: 22
Bachelor student in biochemistry

What would you do in the lab, if no one was watching?
Sing loudly to music

Quote: "Yeah, we should totally do that!"

Name: Annie Herbertsson
Age: 21
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Play around in Photoshop

Quote: "Konrad, so what size should the image be?"

Name: Adrian Silberman
Age: 23
Bachelor student in molecular biology

What would you do in the lab, if no one was watching?
Beatbox

Quote: "You can't help but be mezmerized by how much you can do with synthetic biology"

Name: Dianna Zeleskov
Age: 21
Bachelor student in biology and chemistry

What would you do in the lab, if no one was watching?
Dance!

Quote: "I'll go ask Del"

The Biosurfers have tried to express rhamnolipids, biosurfactants that dissolve the hydrophobic aggregates of PAHs and allow more interactions with our degrading enzymes.

Name: Sangeetha Bupalan
Age: 22
Master student in applied biotechnology

What would you do in the lab, if no one was watching?
Dance to Tunak Tunak

Quote: "I'm high!"

Name: Anastasios Glaros
Age: 26
Master student in bioinformatics

What would you do in the lab, if no one was watching?
Interesting stuff that ethics disallow

Quote: "Can I drink that?"

Name: Joel Striem
Age: 26
Bachelor student in molecular biology

What would you do in the lab, if no one was watching?
Try to make every potion from Harry Potter

Quote: "Where the fuck is Fredrik, I need his mom!"

Name: Anna Boström
Age: 22
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Do Bollywood-dancing!

Name: Julia Lundgren
Age: 24
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Do Bollywood-dancing!

Quote: "This is how you eat surströmming!"

Name: Thomas Andersson
Age: 22
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Whatever needs to be done

The Nah7 group has tried to incorporate the naphthalene degradation pathway from Pseudomonas putida into our system. The result of this pathway is salicylate, the inducer of our degradation system.

Name: Mikael Andersson Schönn
Age: 23
Master student in molecular biotechnology

What would you do in the lab, if no one was watching?
Try surviving on a diet consisting of LB and coffee

Quote: "Oskar, don’t put your coffeemug on the spectrophotometer!!!"

Name: Linnea Westberg
Age: 21
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Make a small Dumbo-pet for myself! I'd call him Dumbo Jr

Quote: "So... early lunch?"

Name: Kira Karlsson
Age: 24
Bachelor student in biomedicine

What would you do in the lab, if no one was watching?
Sing, dance and load all the gels

Quote: "Where's that thingabajing?"

Name: Hanna Eriksson
Age: 21
Bachelor student in molecular biotechnology

What would you do in the lab, if no one was watching?
Draw something on the blackboard, name all the pipettes or maybe read my book

Quote: "Skipping is the best mode of transportation"

Name: Björn Greijer
Age: 21
Bachelor student in biology

What would you do in the lab, if no one was watching?
Draw on the board

Name: Dmitry Laso
Age: 23
Bachelor student in pharmacology

What would you do in the lab, if no one was watching?
Build a nuke

Here you can view pictures of what we have been up to during this summer!