Difference between revisions of "Team:Linkoping Sweden/Secret"

Line 1: Line 1:
−
<!DOCTYPE html>
+
 
 
<html>
 
<html>
 
     <head>
 
     <head>
Line 5: Line 5:
 
         <title>The Team</title>
 
         <title>The Team</title>
  
−
         <link href="https://googledrive.com/host/0B2_M7x6NmgaCQkxDRWxYWjN2dVE" rel="stylesheet" type="text/css">
+
         <style>
 +
 
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
 
 +
#sideMenu, #top_title {
 +
    display: none;
 +
}
 +
 
 +
#content {
 +
    padding: 0;
 +
    width: 100%;
 +
    margin-top: -7px;
 +
    margin: auto;
 +
    background-color: #f9f9f9
 +
}
 +
 
 +
body {
 +
    background-color: #f9f9f9;
 +
}
 +
 
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
    margin-bottom: 0;
 +
}
 +
 
 +
 
 +
/* {
 +
    border: solid 1px;
 +
}
 +
/***************************************
 +
******** Kod to be Removed *************
 +
***************************************/
 +
.provisorisk-header {
 +
background: Firebrick;
 +
padding: 1px;
 +
}
 +
 
 +
.provisorisk-footer {
 +
flex: 1 100%;
 +
background: tomato;
 +
}
 +
 
 +
/***************************************
 +
****************************************
 +
***************************************/
 +
 
 +
 
 +
/***********************************************************************
 +
************************************************************************
 +
************************************************************************
 +
******************* Allmänn kod till hela wikin ************************
 +
************************************************************************
 +
************************************************************************
 +
***********************************************************************/
 +
 
 +
/*** fonts ***/
 +
 
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Dosis';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Dosis Regular'), local('Dosis-Regular'),
 +
url('Dosis400.woff') format('woff');
 +
}
 +
 
 +
/* dosis light - latin */
 +
@font-face {
 +
  font-family: 'Dosis';
 +
  font-style: normal;
 +
  font-weight: 200;
 +
  src: local('Dosis ExtraLight'), local('Dosis-ExtraLight'),
 +
      url('Dosis200.woff') format('woff');
 +
}
 +
 
 +
/* dosis bold - latin */
 +
@font-face {
 +
  font-family: 'Dosis';
 +
  font-style: normal;
 +
  font-weight: 600;
 +
  src: local('Dosis Bold'), local('Dosis-Bold'),
 +
      url('Dosis600.woff') format('woff');
 +
}
 +
 
 +
 
 +
/* Gives full screen width */
 +
body {
 +
  font-family: Dosis, verdana, calibri;
 +
  color: #1a1a1a;
 +
  margin: 0;
 +
}
 +
 
 +
/* Makes all <a> links have this:*/
 +
a:link {
 +
    text-decoration: none; /* No underline on links! */
 +
}
 +
 
 +
/*** text ***/
 +
.text-center {
 +
  text-align: center;
 +
}
 +
 
 +
/******* img restrictions ********/
 +
 
 +
.content-img {
 +
  max-width: 100%;
 +
  border-radius: 5px;
 +
}
 +
 
 +
.flex-img-30 .personal-img {
 +
  width: 100%;
 +
  max-width: 210px;
 +
  border-radius: 10px;
 +
  margin: auto;
 +
}
 +
 
 +
 
 +
/***********************************************************************
 +
************************************************************************
 +
************************************************************************
 +
******************* Headerkod by Jonathan Bergqvist ********************
 +
************************************************************************
 +
************************************************************************
 +
***********************************************************************/
 +
 
 +
 
 +
/**********Logo and social media****************************************************************/
 +
/* For background, LiU iGEM logo and social media icons*/
 +
.logo-container {
 +
background: url("https://static.igem.org/mediawiki/2017/2/2c/T--Linkoping_Sweden--bike_bg_cut.jpg") no-repeat center;
 +
    background-size: cover;
 +
height: 25vh;
 +
width: 100%;
 +
position: fixed;
 +
top: 0;
 +
}
 +
 
 +
/* Determine position for the LiU iGEM logo */
 +
.liu_igem_logo {
 +
float: left;
 +
 
 +
}
 +
 
 +
/* Determine size of the actual picture, within the size of .logo-container above */
 +
.liu_igem_logo img{
 +
height: 23vh;
 +
width: auto;
 +
    padding-left: 3%;
 +
    padding-bottom: 1vh;
 +
    padding-top: 1vh;
 +
z-index: 10;
 +
}
 +
 
 +
/* For social media only */
 +
.social-container {
 +
position: absolute;
 +
right: 3%;
 +
bottom: 0;
 +
}
 +
 
 +
/* Link to social media, determine its position */
 +
.social-container a {
 +
/* Used as <a><img></img></a> */
 +
margin: 1px;
 +
 
 +
}
 +
 
 +
/* Determine the size of the social media icons */
 +
.social-container img {
 +
/* Used as <a><img></img></a> */
 +
height: 7vh;
 +
width:auto;
 +
}
 +
 
 +
 
 +
/*********************Navigation Bar*******************************************************/
 +
 
 +
/* Overall navigation bar */
 +
.topnav, uses {
 +
background: #f9f9f9;
 +
background: linear-gradient(to bottom right, #B8DFD2, #edf7f4, #f9f9f9, #f9f9f9, #f9f9f9, #edf7f4, #B8DFD2);
 +
margin: auto;
 +
    display: block;
 +
font-size: 2.5vh;
 +
width: 100%; /* Full screen width */
 +
height: 8vh; /* 9.72 Equals 66px based on a total width of 1366px */
 +
border-top: 2px solid #019966;
 +
border-bottom: 2px solid #019966;
 +
position: relative;
 +
}
 +
 
 +
/* Style the links inside the navigation bar, used by non-lists/non-buttons */
 +
.topnav a, .topnav span {
 +
display: block;
 +
text-align: center;
 +
}
 +
 
 +
/* Change the color of the three bar menu on click to menu */
 +
.topnav a:hover {
 +
background-color: #fff;
 +
color: black;
 +
}
 +
 
 +
/* Hide the link that should open and close the topnav on small screens */
 +
.topnav .icon {
 +
display: none;
 +
color: black;
 +
}
 +
 
 +
/* Show the dropdown menu on hover */
 +
.topnav .dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
/************DEVICES, MAY BE DELETED FROM THIS PART OF CSS CODE!*************************************/
 +
/* Shows the three bar icon */
 +
@media screen and (max-device-width: 12cm) { /* Size based on Google Nexus 7 (7") width in portrait mode */
 +
.dropdown {display: none;}
 +
.topnav :not(:first-child) {display: none;}
 +
.topnav .icon {
 +
float: right; /* Shows the three bar icon to the right side */
 +
margin: 0% 2% 0% 0%; /* Move the three bar icon to the correct position */
 +
display: block;
 +
color: black;
 +
}
 +
} /* End @media */
 +
 
 +
/* Show the vertical menu */
 +
@media screen and (max-device-width: 12cm) { /* Size based on Google Nexus 7 (7") width in portrait mode */
 +
.topnav.responsive {position: relative;}
 +
.topnav.responsive .icon {
 +
position: absolute;
 +
right: 0;
 +
top: 0;
 +
}
 +
 +
/* What happens to .dropdown-content in mobile hover */
 +
. topnav.responsive .dropdown:hover .dropdown-content {
 +
position: relative;
 +
display: block;
 +
}
 +
 
 +
/* What happens to .dropdown in mobile */
 +
.topnav.responsive .dropdown {
 +
display: block;
 +
text-align: center;
 +
width: 100%;
 +
}
 +
 
 +
/* What happens to <a> in mobile */
 +
.topnav.responsive a {
 +
float: none;
 +
display: block;
 +
text-align: center;
 +
}
 +
 
 +
} /* End @media */
 +
 
 +
/****************** Menu buttons *****************/
 +
center { /* together with topnav, the text is centered correctly */
 +
position: absolute;
 +
right: 0;
 +
left: 0;
 +
bottom: 0;
 +
}
 +
 
 +
/* The general menu button */
 +
.dropdown {
 +
    display: inline-block;
 +
    position: relative;
 +
    text-align: center;
 +
    width: 11%; /*19.5%; for =< 5 menu items!*/
 +
    box-sizing: border-box;
 +
}
 +
 
 +
/* What happens to <a> and <span> in .dropdown */
 +
.dropdown a, .dropdown span {
 +
    display: block;
 +
padding-bottom: 1.2vh;
 +
    color: #1a1a1a;
 +
}
 +
 
 +
/* The dropdown menu-content */
 +
.dropdown .dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background: #f9f9f9;
 +
    width: 100%; /*90% before, 98.5% used to align with width: 14% in dropdown*/
 +
    border: 2px solid #019966;
 +
    border-top: none;
 +
    z-index: 10;
 +
}
 +
 
 +
.dropdown .dropdown-content a {
 +
    display: block;
 +
    padding: 10px 0px; /*only 10px before*/
 +
    border-bottom: 1px solid #019966; /* 1px if otherwise used */
 +
    color: #1a1a1a;
 +
    text-align: center;
 +
    width: 100%; /* 90% for cut line, if used with margin: 0px 10px (not 0px only); (only works when in full screen) */
 +
    margin: 0px;
 +
}
 +
 
 +
.dropdown .dropdown-content a:first-child {
 +
    border-top: 1px solid #019966; /* 1px if otherwise used, for cut line in <a> */
 +
}
 +
 
 +
.dropdown .dropdown-content a:last-child {
 +
    border-bottom: none;
 +
}
 +
 
 +
/* What happens to link on hover */
 +
.dropdown a:hover {
 +
    color: #019966;
 +
background: rgba(0,0,0,0);
 +
}
 +
 
 +
/* What happens to .drop on hover */
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
 
 +
/**************** for stickyheader *******************/
 +
.topnav-scrolled{  /*must be written after the headers css code*/
 +
  position: fixed;
 +
  top: 0;
 +
  z-index: 15;
 +
}
 +
 
 +
.header-outfill {
 +
  height: 25vh;
 +
  position: relative;
 +
}
 +
 
 +
.header-outfill-plus {
 +
  height: 33vh;
 +
}
 +
 
 +
/***********************************************************************
 +
************************************************************************
 +
************************************************************************
 +
*********************** Headerkod Avklarad *****************************
 +
************************************************************************
 +
************************************************************************
 +
***********************************************************************/
 +
 
 +
/***********************************************************************
 +
************************************************************************
 +
************************************************************************
 +
******************* Frontpagekod by Jonatan Baggman ********************
 +
************************************************************************
 +
************************************************************************
 +
***********************************************************************/
 +
 
 +
/************************* allmänn frontpage (fp) *******************/
 +
 
 +
.fp h1 {
 +
  font-size: 700%;
 +
}
 +
 
 +
.fp h1, .fp h2, .fp h3{
 +
  margin: 0px;
 +
  font-weight: 200;
 +
}
 +
 
 +
.fp h2{
 +
  font-size: 500%;
 +
}
 +
 
 +
.fp h3 {
 +
  font-size: 300%;
 +
}
 +
 
 +
.fp p {
 +
  margin: 0;
 +
  font-size: 150%;
 +
}
 +
 
 +
 
 +
/************************** frontpage images ************************/
 +
 
 +
.fp-bg-img-div {
 +
  position: relative;
 +
}
 +
 
 +
#fp-cover-img {
 +
  Background: url("bilder/lab.jpg") no-repeat center;
 +
  background-size: cover;
 +
  height: 67vh;
 +
}
 +
 
 +
#fp-2nd-img {
 +
  Background: url("http://wallpapercave.com/wp/Oodxphr.jpg") no-repeat top fixed;
 +
  background-size: cover;
 +
  min-height: 450px;
 +
}
 +
 
 +
#fp-3rd-img {
 +
  Background: url("http://wallpapercave.com/wp/e7kkOOq.jpg") no-repeat top fixed;
 +
  background-size: cover;
 +
  min-height: 500px;
 +
}
 +
 
 +
#fp-4th-img {
 +
  Background: url("http://wallpapercave.com/wp/IgiNWZt.jpg") no-repeat top fixed;
 +
  background-size: cover;
 +
  min-height: 500px;
 +
}
 +
 
 +
#fp-5th-img {
 +
  Background: url("http://wallpapercave.com/wp/ryQkr5b.jpg") no-repeat bottom fixed;
 +
  background-size: cover;
 +
  min-height: 700px;
 +
}
 +
 
 +
 
 +
.fp-content-img img {
 +
  max-width: 100%;
 +
}
 +
 
 +
.fp-content-img {
 +
  position: absolute;
 +
  width: 20%;
 +
  top: 70px;
 +
  /* kommande kod skrivs över för vissa fp-content-img */
 +
  right: 10%;
 +
  left: auto;
 +
}
 +
 
 +
.fp-content:nth-child(3n) .fp-content-img {  /* Flyttar var 3e content-img-div till vänster (isch var 3e) */
 +
  right: auto;
 +
  left: 10%;
 +
}
 +
 
 +
 
 +
#fp-img-round {
 +
border-radius: 100%;
 +
}
 +
 
 +
 
 +
 
 +
/************************* frontpage text-content **************************/
 +
 
 +
 
 +
 
 +
.fp-content {
 +
  position: relative;
 +
  min-height: 200px;
 +
  border-top: solid 1px #019966;
 +
  border-bottom: solid 3px #019966;
 +
  background: #FFF;
 +
  background: linear-gradient(to left, #B8DFD2, #edf7f4, #f9f9f9);
 +
}
 +
 
 +
.fp-content:nth-child(3n) {  /* Ändrar färgen på var 3e content-div (isch var 3e) */
 +
  background: linear-gradient(to right, #B8DFD2, #edf7f4, #edf7f4, #f9f9f9);
 +
}
 +
 
 +
.fp-content-text {
 +
  padding: 3%;
 +
  width: 50%;
 +
  /* Kod som placerar texten i en ruta
 +
  background-color: rgba(256, 256, 256, 0.3);
 +
  border-radius: 10px;
 +
  box-shadow: 0 0 4px rgba(0, 0, 0, .7); */
 +
 
 +
  /* kommande kod skrivs över för vissa fp-content-text */
 +
  margin-right: auto;
 +
  margin-left: 10%;
 +
}
 +
 
 +
.fp-content:nth-child(3n) .fp-content-text{  /* Flyttar var 3e content-text-div till höger (isch var 3e) */
 +
  margin-right: 10%;
 +
  margin-left: auto;
 +
}
 +
 
 +
 
 +
.fp-img-content {  /* text på fp-bilderna */
 +
  display: block;
 +
  position: absolute;
 +
  right:0;
 +
  left:0;
 +
 
 +
  text-align: center;
 +
  color: #1a1a1a;
 +
}
 +
 
 +
#fp-1stimg-content {
 +
  max-width: 100%;
 +
  height: 67vh;
 +
  line-height: 67vh;
 +
}
 +
 
 +
#fp-1stimgcontent-align {
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
  line-height: normal;
 +
}
 +
 
 +
.fp-img-button {
 +
  display: inline-block;
 +
  min-width: 20%;
 +
  position: absolute;
 +
  right: 10%;
 +
  left: auto;
 +
  top: 30%;
 +
  padding: 5%;
 +
 
 +
  background-color: rgb( 200, 200, 200); /* ifall gammal browser*/
 +
  border: 1px solid rgb( 200, 200, 200);
 +
  background-color: rgba( 255, 255, 255 , 0.1);
 +
  border: 2px solid rgba( 127, 219, 189 , 0);
 +
  box-shadow: 0 0 4px rgba(0, 0, 0, 0);
 +
  border-radius: 5px;
 +
 
 +
  font-size: 300%;
 +
  text-align: center;
 +
  color: #000;
 +
  text-decoration: none;
 +
}
 +
 
 +
.fp-bg-img-div:nth-of-type(3n+2) .fp-img-button {
 +
  right:auto;
 +
  left: 10%;
 +
}
 +
 +
.fp-img-button:hover {
 +
  background-color: rgb( 155, 155, 155); /* ifall gammal browser  48, 180, 137 */
 +
  border: 1px solid rgb( 155, 155, 155);
 +
  background-color: rgba( 0,0,0 , 0.1);
 +
  border: 2px solid rgba( 127, 219, 189 , 0);
 +
}
 +
 
 +
 
 +
/***********************************************************************
 +
************************************************************************
 +
************************************************************************
 +
**************************** Normal Content ****************************
 +
************************************************************************
 +
************************************************************************
 +
***********************************************************************/
 +
 
 +
 
 +
/**************************** Text Content *****************************/
 +
 
 +
 
 +
h1, h2, h3{
 +
  font-weight: 200;
 +
}
 +
 
 +
h1 {
 +
  font-size: 500%;
 +
}
 +
 
 +
h2{
 +
  font-size: 300%;
 +
}
 +
 
 +
h3 {
 +
  font-size: 200%;
 +
}
 +
 
 +
 
 +
/*********************** Content templates *********************/
 +
 
 +
 
 +
 
 +
.content-container {
 +
  width: 80%;
 +
  margin: auto;
 +
  position: relative;
 +
 
 +
}
 +
 
 +
 
 +
 
 +
/*********************************Style for footer*************************/
 +
 
 +
.footer {
 +
    background-color: white;
 +
width: 100%;
 +
align-items: stretch;
 +
}
 +
 
 +
#foot_text {
 +
border-top: 3px solid #019966;
 +
background: #fff;
 +
margin: 0px;
 +
text-size: 2em;
 +
}
 +
 
 +
.sponsors {
 +
display: table;
 +
width: 100%;
 +
}
 +
 
 +
.sponsors a {
 +
display: table-cell;
 +
text-align: center;
 +
width: 20%;
 +
 
 +
}
 +
 
 +
.sponsors img {
 +
width: 90%;
 +
max-width: 250px;
 +
max-height: 250px;
 +
vertical-align: middle;
 +
 
 +
}
 +
 
 +
.bottom-footer {
 +
display: flex;
 +
background: #019966;
 +
height: auto;
 +
flex-flow: row wrap;
 +
}
 +
 +
.liu {
 +
height: auto;
 +
order: 1;
 +
margin: auto;
 +
max-width: 100%;
 +
 
 +
}
 +
 
 +
.foot-1 {
 +
 
 +
color: white;
 +
height: auto;
 +
order: 2;
 +
margin: auto;
 +
}
 +
 
 +
.foot-2 {
 +
 
 +
color: white;
 +
height: auto;
 +
order: 3;
 +
margin: auto;
 +
}
 +
 
 +
.bottom-footer a {
 +
font-size: 150%
 +
margin: auto;
 +
}
 +
 
 +
.bottom-footer a:link {
 +
color: white;
 +
text-decoration: none;
 +
}
 +
 
 +
.bottom-footer a:visited {
 +
color: white;
 +
text-decoration: none;
 +
}
 +
 
 +
.bottom-footer a:hover {
 +
color: white;
 +
text-decoration: underline;
 +
}
 +
 
 +
/***********************************************************************
 +
************************************************************************
 +
************************************************************************
 +
**************************** Flex /Baggman *****************************
 +
************************************************************************
 +
************************************************************************
 +
***********************************************************************/
 +
 
 +
/*** flex main ***/
 +
#flex-wrapper {
 +
display: flex;
 +
flex-flow: row wrap;
 +
}
 +
 
 +
.aside {
 +
display: none; /* gömmer asidesen i mobil och plattvy */
 +
flex: 1 auto;
 +
}
 +
 
 +
.flex-container {
 +
flex: 1 100%; /* bredd i mobil och plattvy */
 +
}
 +
 
 +
/** flexitem templates **/
 +
 
 +
.flex-flipper, .flex-sidebyside, .flex-sidebyside-reverse { /* flexcontainers i .flex-container */
 +
display: flex;
 +
flex: 1 100%;
 +
align-items: center;
 +
}
 +
 
 +
.flex-img-100, .flex-text-100 {
 +
  flex: 1 90%;
 +
}
 +
 
 +
.flex-img-70, .flex-text-70 {
 +
  flex: 1 65%;
 +
}
 +
 
 +
.flex-img-50, .flex-text-50 {
 +
  flex: 1 45%;
 +
}
 +
 
 +
.flex-img-30, .flex-text-30 {
 +
  flex: 1 25%;
 +
}
 +
 
 +
.flex-img-30, .flex-text-30, .flex-img-50, .flex-text-50, .flex-img-70, .flex-text-70, .flex-img-100, .flex-text-100 {
 +
margin: 2%;
 +
}
 +
 
 +
.flex-img-30, .flex-img-50, .flex-img-70, .flex-img-100 {
 +
display: flex;
 +
align-content: center;
 +
}
 +
/************** för olika skärmar ****************/
 +
 
 +
@media all and (max-width: 600px) { /*** mobil ***/
 +
 +
.flex-flipper {
 +
flex-flow: column nowrap;
 +
}
 +
 +
.flex-sidebyside, .flex-sidebyside-reverse {
 +
flex-flow: column nowrap;
 +
}
 +
 +
}
 +
 
 +
@media all and (min-width: 600px) { /****** platta ******/
 +
 
 +
.flex-sidebyside {
 +
flex-flow: row wrap;
 +
}
 +
 +
.flex-sidebyside-reverse {
 +
flex-flow: row-reverse wrap;
 +
}
 +
 +
.flex-flipper {
 +
flex-flow: row nowrap;
 +
}
 +
 +
.flex-flipper:nth-of-type(odd) { /* ändrar riktining på varannan flex-flipper */
 +
flex-direction: row-reverse;
 +
}
 +
 +
}
 +
 +
@media all and (min-width: 900px) { /***********  Dator ***************/
 +
 +
.aside{
 +
display: block; /*visar asidsen*/
 +
}
 +
 +
.flex-container {
 +
flex: 1 80%; /*bredd på containern när asidsen är med*/
 +
order: 2;
 +
}
 +
 +
.aside-l { order: 1;}
 +
.aside-r { order: 3;}
 +
.provisorisk-footer  { order: 4;} 
 +
}
  
 +
/***********************************************************************
 +
************************************************************************
 +
************************************************************************
 +
**************************** End Flex /Baggman *************************
 +
************************************************************************
 +
************************************************************************
 +
***********************************************************************/
  
  
 +
</style>
  
  

Revision as of 10:02, 13 July 2017

The Team

Header

Our Team

History:

LiU iGEM was founded in 2013 at Linköping University and has been active with different projects ever since. The projects between 2013 and 2015 focused on different biosensors for allergy, while the project for 2016 focused on the production of lipids in Chlamydomonas reinhardtii.

This year we are a group of 11 students participating in the group, all studying different aspects of biology. Our project can you read about here.

Members:

Our team

Max Lindberg

Max Lindberg

Education: 4th year of MSc in Protein Science
Responsible for: Project
Works with: Project leader
Why iGEM? Because synthetic biology is f*cking awesome! :D

Moa Nilsson

Moa Nilsson

Education: 3rd year of BSc in Medical Biology
Works with: Laboratory, sponsorship, human practices
Why iGEM? To increase my knowledge and competence within laboratory work and research in practice.

Jonatan Baggman

Jonatan Baggman

Education: 3rd year of MSc in Engineering Biology
Responsible for: Wiki
Works with: Laboratory, wiki
Why iGEM? To test my experiences from my education and to get a deeper view into the field of synthetic biology.

Johan Larsson

Johan Larsson

Education: 3rd year of BSc in Medical Biology
Responsible for: Laboratory
Works with: Laboratory, sponsorship, human practices
Why iGEM? It seemed like a fun way to spend my summer.

Jonathan Bergqvist

Jonathan Bergqvist

Education: 5th year of MSc in Chemical Biology
Works with: Wiki, modeling, human practices
Why iGEM? The project seemed interesting and I wanted to do something new.

Marie Peterson

Marie Peterson

Education: 3rd year of BSc in Chemical Biology
Works with: Laboratory, wiki, sponsorship and human practice
Why iGEM? The project seemed interesting and I wanted to meet new people.

Sophie Stridh Karppinen

Sophie Stridh Karppinen

Education: 3rd year of MSc in Engineering Biology
Works with: Laboratory, wiki, modeling, human practices
Why iGEM? I wanted to see if my education has taught me anything useful.

Oskar Reinhed Gustafsson

Oskar Reinhed Gustafsson

Education: 3rd year of BSc in Medical Biology
Works with: Laboratory, human practices
Why iGEM? Fun.

Lovisa Karlsson

Lovisa Karlsson

Education: 3rd year of BSc in Medical Biology
Responsible for: Human Practices
Works with: Laboratory, wiki and human practices
Why iGEM? To get more experience in laboratory work and get a more diverse education.

Henrik Karlsson

Henrik Karlsson

Education: 3rd year of MSc in Engineering Biology
Responsible for: Sponsorship
Works with: Laboratory, modeling, sponsorship
Why iGEM? The whole project seemed interesting and a good experience.

Jan Ybrahim

Jan Ybrahim

Education: 4th year of MSc in Engineering Biology
Responsible for: Modeling
Works with: Modeling, sponsorship
Why iGEM? To work with something relevant to my education during the summer.

Footer