Difference between revisions of "Team:UCopenhagen/Team"

 
(88 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<!--{{IGEM_TopBar}}-->
 
<!--{{IGEM_TopBar}}-->
{{UCopenhagen/Header3}}
 
 
{{UCopenhagen}}
 
{{UCopenhagen}}
{{NUS_Singapore/Header}}
+
{{Template:UCopenhagen/Header3}}
  
<html lang="en">
+
 
 +
<html>
 
<head>
 
<head>
  <link href="https://fonts.googleapis.com/css?family=Montserrat:700&display=swap" rel="stylesheet">
+
<style>
  <style>
+
#top-image{}
  
  /***************************************************** DESKTOP TOP NAVBAR *************************************************/
 
  #navbar {
 
    top:-200px;
 
    transition: top 0.5s;
 
  }
 
  
  /***************************************************** MAIN CONTENT *************************************************/
+
#top-image img {
  .container-fluid{
+
width: 100%;
    background-color:white;  
+
height: 94vh;
    padding:0px;
+
z-index: 1;
    position:absolute;
+
position: relative;
    top:0px;
+
-o-object-fit: cover;
  }
+
object-fit: cover;
 +
margin-top: -3em;
 +
 +
}
 +
.bg-color{/*background-color: #fcecdf;*/}
  
  img.lazy{
+
.page-wrapper{
    background: #F1F1FA;
+
position: relative;
  }
+
font-family: Avenir, Arial;
 +
font-size: 14px;
 +
line-height: 1.4;
 +
margin-bottom: -20%;
 +
margin-top: -5%;
 +
max-width: 100%;
 +
background-image: url("https://static.igem.org/mediawiki/2020/a/a3/T--UCopenhagen--watercolor_bg_smaller.png");
 +
      background-repeat: repeat-y;
 +
      background-size: 100%;
 +
      background-color: #fcecdf;
 +
      padding-top:5%;
 +
      padding-left:10%;
 +
padding-right: 10%;
 +
padding-bottom: 20%;
  
 +
      text-align: justify;
 +
}
  
  div#overview-header{
+
.page-wrapper h6{
    margin-top:140px;
+
font-family: Bavro;
    font-family: 'Montserrat', sans-serif;
+
        font-size: 35px;
    font-size:30px;  
+
        color: #F3557E;
    font-weight:900;  
+
        line-height: 1;
    letter-spacing:0.15em;  
+
text-align: center;
    text-align:center;  
+
margin-top: 5%;
    color:#143642;  
+
margin-bottom: 2.5%;
  }
+
}
  
  /* Buttons*/
+
.page-wrapper h2{
  #buttons-box{
+
        font-family: Montserrat;
    width:100%;
+
        font-size: 16px;
    padding: 30px 0 0 0vw;
+
      line-height: 1.2;}
  }
+
  
  div.row{
+
.page-wrapper h3{
    margin: 0;
+
  }
+
  
  .column img.unpressed {
+
        font-family: Montserrat;
    cursor: pointer;  
+
        font-size: 18px;
    opacity: 0.8;  
+
      line-height: 1.2;}
    padding: 3px;
+
  }
+
  
  .column {
+
.page-wrapper h5{
    float: left;
+
    width: 11.11%;
+
        font-family: Montserrat;
  }
+
        font-size: 16px;
 +
      line-height: 1.2;}
  
  #info-box-col{
+
.title{
    width: 30%;
+
text-align: center;
  }
+
margin: auto;
 
+
padding:1.5%;
  #image-col{
+
    width:70%;  
+
    padding:0 6vw 0 5vw;
+
  }
+
 
+
  div.horizontal-line{
+
    width: 100%;
+
    padding:0;
+
    border-top: 0.8px solid #143642;
+
  }
+
 
+
  #button-1-unpressed, #button-2-pressed, #button-3-pressed, #button-4-pressed, #button-5-pressed, #button-6-pressed, #button-7-pressed, #button-8-pressed, #button-9-pressed, #info-box-2, #info-box-3, #info-box-4, #info-box-5, #info-box-6, #info-box-7, #info-box-8, #info-box-9{
+
    display: none;
+
  }
+
 
+
  div.advisorscol{
+
    width:25%;
+
    padding:10px;
+
  }
+
 
+
  div.advisorscol > img{
+
    padding:0.5vw;
+
  }
+
 
+
  div.profcol{
+
    width:50%;
+
    padding:10px;
+
  }
+
 
+
  div.profcol > img{
+
    padding:0.5vw;
+
  }
+
 
+
  div.advisorsrow{
+
    width:80%;
+
  }
+
 
+
  div.profrow{
+
    width:40%;
+
  }
+
 
+
/*footer*/
+
footer{
+
  position:relative;
+
 
}
 
}
  
div#footerrow.row{
+
.picture-divider{
  margin: 0;
+
display: flex;
  width: 9vw;
+
  position:absolute;
+
  z-index: 2;
+
  left: 14.2vw;
+
  top: 18vw;
+
 
}
 
}
  
div#footercolumn.column{
+
.picture-divider img{
  width: 33.3%;
+
max-width: 100%;
  float: left;
+
border-radius: 10px 10px 10px 10px;  
 +
 
}
 
}
  
.column img#footerlogo{
+
.pic{
  width:100%;
+
flex: 2;
  padding: 0.5vw;
+
  opacity: 0.8;
+
 
}
 
}
  
.column img#footerlogo:hover{
+
#pic-text{
  cursor: pointer;  
+
flex: 1;
  opacity: 1;  
+
padding: 2em;
 
}
 
}
  
/*********RESPONSIVE*********/
+
#change-text{}
@media screen and (max-width: 1147px) {
+
  .column {
+
    float: left;
+
  }
+
  
  #info-box-col{
+
.headshots-box{
    width: 100%;
+
display: flex;
    float:none;
+
    padding:0 0 0 6vw;
+
padding-top: 2em;
    margin-top:30px;
+
  }
+
}
 +
.headshots-box img{
 +
max-width: 65%;
 +
border: solid #E8537E; /*E8537E 2B2F80*/
 +
border-radius: 50px 50px 50px 50px;  
 +
border-width: 5px;
 +
}
  
  #image-col{
+
.supervisors{
    width:100%;  
+
width: 70%;
    padding:0 0 0 6vw;
+
margin: auto;
    float:none;
+
display: flex;
  }
+
text-align: center;
 
+
justify-content: space-between;
  .column img.unpressed {
+
    padding: 1px;
+
}
  }
+
 
+
  div.advisorsrow{
+
    width:100%;
+
  }
+
  
  div.profrow{
+
.supervisors div{
    width:50%;
+
padding: 10px;
  }
+
 +
 
}
 
}
  
@media screen and (max-width: 901px) {
+
.supervisors img{
  div.advisorsrow{
+
max-width: 100%
    width:88%;
+
padding: 1%;
  }
+
 
+
  div.profrow{
+
    width:88%;
+
  }
+
 
+
  div.advisorscol{
+
    width:50%;
+
  }
+
 
+
  div.profcol{
+
    width:50%;
+
  }
+
 
}
 
}
  
@media screen and (max-width: 521px) {
+
</style>
  div.advisorsrow{
+
</head>
    width:88%;
+
  }
+
  
  div.profrow{
 
    width:88%;
 
  }
 
 
  div.advisorscol{
 
    width:100%;
 
  }
 
 
  div.profcol{
 
    width:100%;
 
  }
 
}
 
  </style>
 
</head>
 
 
<body>
 
<body>
   <div class="container-fluid">
+
   <div id="top-image">
    <div class="header">
+
  <img src="https://static.igem.org/mediawiki/2020/a/a8/T--UCopenhagen--teampage-all-on-couch-big2.jpg">
      <img id="cover-picture" src="https://static.igem.org/mediawiki/2019/0/07/T--NUS_Singapore--Team_Cover.jpg" style="width:100vw; height:56.26vw; top: 0; left: 0;">
+
  </div>
 +
<div class="bg-color">
 +
<div class="page-wrapper">
 +
<div class="title">
 +
<img src="https://static.igem.org/mediawiki/2020/7/75/T--UCopenhagen--teamtitle.png" style="width:30%;">
 +
</div>
 +
<div class="picture-divider">
 +
    <div class = "pic">
 +
    <img id="myImg" src="https://static.igem.org/mediawiki/2020/c/cf/T--UCopenhagen--teampage-all-on-couch-big-small.jpg"> </div>
 +
    <div id="pic-text">
 +
    <h3>We are the CIDosis team!</h4>
 +
    <hr>
 +
    Together we represent 6 nationalities and 7 areas of study.
 +
    <hr>
 +
    <h4 style="color: #F3557E;">Click our picture below to learn more about who we are and why we joined iGEM!</h4>
 
     </div>
 
     </div>
 +
</div>
 +
<div class="headshots-box">
 +
  <div id="Aje">
 +
    <img src="https://static.igem.org/mediawiki/2020/c/c4/T--UCopenhagen--teampage-aje-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>Aje  Al-Awssi</h3> <hr> <h5>BSc in Medicine</h5> Management, Wiki, Outreach, Dry lab & Wet lab <hr> <i> Why did you join iGEM? </i> <br> With interests spanning from neuroscience to graphic design to mathematics, I’m intrigued by all aspects of the human mind and body. iGEM is, to me, the perfect opportunity to unfold creatively, work with like-minded people, and enter the scientific scene with a project that is both interesting and beneficial to society at large. "; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/0/0a/T--UCopenhagen--teampage-aje-big.jpg"'>
 +
  </div>
 +
  <div id="David">
 +
    <img src="https://static.igem.org/mediawiki/2020/1/12/T--UCopenhagen--teampage-david-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>David Nørgaard Essenbæk</h3>  <hr> <h5>BSc in Molecular Biomedicine</h5> Wet lab & Dry lab <hr> <i> Why did you join iGEM?</i>  <br> I have always had very broad interests, especially within science, from psychology to quantum mechanics. I think that with what I’m studying now and by being part of the iGEM team I get to cultivate a lot of these interests from how things work on the molecular level to how this affects the society we live in. At the same time I really look forward to learning more about being part of a team and to meet a lot of cool new people on the way!"; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/7/70/T--UCopenhagen--teampage-david-big.jpg"'>
 +
  </div>
 +
<div id="Emil">
 +
    <img src="https://static.igem.org/mediawiki/2020/5/5a/T--UCopenhagen--teampage-emil-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>Emil Funk Vangsgaard</h3> <hr> <h5>BSc in Biotechnology </h5> Wet lab, Wiki & Outreach <hr> <i> Why did you join iGEM? </i> <br> I have a strong passion for Life Science and especially synthetic biology. I strive to apply my knowledge about the small things to solve the big problems and I am constantly driven by curiosity to find creative solutions to real world problems. As a bachelor student of biotechnology, iGEM is a great opportunity for me to build a career towards what I love, and for me to combine and apply my academic knowledge, learn about applied biology practices with a team and gain knowledge about innovation and entrepreneurship. "; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/d/d3/T--UCopenhagen--teampage-emil-big2.jpg"'>
 +
  </div>
 +
  <div id="Endre">
 +
    <img src="https://static.igem.org/mediawiki/2020/b/b6/T--UCopenhagen--teampage-endre-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>Endre Lindhardt Garberg</h3> <hr> <h5>MA in Philosophy  </h5> Human Practice, Funding, Entrepreneurship & Wet lab <hr> <i> Why did you join iGEM? </i> <br> My focus is on the philosophy of science and I’m currently doing my dissertation on the nature of biological explanations. I have always found biology to be fascinating. As such, I see iGEM as a unique opportunity to get some hands-on experience with synthetic biology. Furthermore, I firmly believe that the type of interdisciplinary work exemplified by iGEM is indispensable for solving the pressing concerns we might face as a society.  "; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/6/61/T--UCopenhagen--teampage-endre-big2.jpg"'>
 +
  </div>
 +
<div id="Jan">
 +
    <img src="https://static.igem.org/mediawiki/2020/d/d8/T--UCopenhagen--teampage-jan-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>Jan Weicher </h3> <hr> <h5>MSc in Molecular Biomedicine  </h5> Management, Outreach, Dry Lab & Wet lab <hr> <i> Why did you join iGEM? </i> <br> I am an individual that is strongly driven by my childhood passion; To help other people. My greatest strengths and interest lie in the intertwined research fields of aging and neurodegeneration, to which I have strong personal relations. I am always dedicated to achieving whatever expectations are set up for me, whether these are made by myself or others, and find happiness and great pride in seeing results from creative projects that are implemented in a larger context. iGEM is a fantastic opportunity to do just that in an amazing project setting where the focus is on learning and teamwork."; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/f/f1/T--UCopenhagen--teampage-jan-big2.jpg"'>
 +
  </div>
 +
  <div id="Nacho">
 +
    <img src="https://static.igem.org/mediawiki/2020/a/aa/T--UCopenhagen--teampage-nacho-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>Ignacio Pardo Casado </h3> <hr> <h5>MSc in Pharmaceutical sciences </h5> Funding, Entrepreneurship, Human Practice & Wet lab <hr> <i> Why did you join iGEM? </i> <br> I started studying biochemistry because I was extremely curious about how things worked in our body. After some lab experience around cancer research, I started exploring other ways of applying scientific knowledge outside the lab, and this is where iGEM came to play.  What really attracts me in iGEM is that here I can experience, learn and try to help with all the work needed outside of the lab for an idea to be launched. I resonate with iGEM’s purpose of making life better through science in an open way, trying to erase the competitiveness out of science and promoting comoredeship "; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/6/67/T--UCopenhagen--teampage-nacho-big2.jpg"'>
 +
  </div>
 +
<div id="Shivani">
 +
    <img src="https://static.igem.org/mediawiki/2020/4/4b/T--UCopenhagen--teampage-shivani-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>Shivani Karnik</h3> <hr> <h5>MSc in Pharmaceutical sciences </h5> Human Practice, Outreach & Wet lab <hr> <i> Why did you join iGEM? </i> <br> My inclination towards biology and subsequently healthcare led me to a career in pharmaceutical sciences. I am particularly interested in understanding cardio- and neuro-pharmacology. Through iGEM, I hope to explore my capabilities in innovation and entrepreneurship. I want to challenge myself by being involved in product development, using synthetic biology, to improve the lives of people. Beyond developing my independent scientific skills, I also hope to gain experience in working in a team with members from different backgrounds. "; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/4/49/T--UCopenhagen--teampage-shivani-big.jpg"'>
 +
  </div>
 +
  <div id="Victoria">
 +
    <img src="https://static.igem.org/mediawiki/2020/5/5d/T--UCopenhagen--teampage-victoria-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>Victoria Thusgaard Ruhoff</h3> <hr> <h5>MSc in Nanoscience </h5> Wiki, Funding, Entrepreneurship & Wet lab <hr> <i> Why did you join iGEM? </i> <br> I am a positive and creative student with high ambitions. My interest in science comes from my passion for problem solving and currently I’m focused on the design and development of nanomedicine and drug delivery. For me, iGEM is an outstanding opportunity to develop my skills in teamwork and project management. Here I can push my ideas to the limit and grow as a researcher, while creating a positive impact on the world.  "; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/d/de/T--UCopenhagen--teampage-victoria-big.jpg"'>
 +
  </div>
 +
<div id="Vit">
 +
    <img src="https://static.igem.org/mediawiki/2020/9/9e/T--UCopenhagen--teampage-vit-small2.jpg" onclick='document.getElementById("pic-text").innerHTML = "<h3>Vit Zemanek</h3> <hr> <h5>International Bachelor in Natural Sciences </h5> Dry lab, Funding, Entrepreneurship & Wet lab <hr> <i> Why did you join iGEM? </i> <br> I am enthusiastic about the innovative confluence of AI and life sciences. I want to live in a global, interconnected world where accessible science and ethical technology can enhance the life of everyone. iGEM is a step forward."; document.getElementById("myImg").src = "https://static.igem.org/mediawiki/2020/4/41/T--UCopenhagen--teampage-vit-big.jpg"'>
 +
  </div>
 +
</div>
  
 +
<div>
 +
<h6>Supervisors</h6>
 +
<div class="supervisors">
 +
<div>
 +
  <img src="https://static.igem.org/mediawiki/2020/0/07/T--UCopenhagen--sotirios.png" style="width:100%;">
 +
  <br>
 +
  <hr>
 +
  Sotirios Kampranis
 +
  <br>
 +
  Associate professor at PLEN
 +
</div>
 +
<div>
 +
  <img src="https://static.igem.org/mediawiki/2020/1/1c/T--UCopenhagen--karel.png" style="width:100%;">
 +
  <br>
 +
  <hr>
 +
  Karel Miettinen, <br> Postdoc at PLEN
 +
  <br>
 +
 
 +
  </div>
 +
  <div>
 +
  <img src="https://static.igem.org/mediawiki/2020/2/28/T--UCopenhagen--nanna.png" style="width:100%;">
 +
  <br>
 +
  <hr>
 +
  Nanna Heinz, <br> Center coordinator at PLEN
 +
  <br>
 +
 
 +
  </div>
 +
</div>
 +
</div>
  
    <div>
 
        <div id="overview-header" style="margin-top:140px">The E.co LIVE Team</div>
 
        <div class="row" style="padding: 30px 6vw 30px 0;">
 
          <div class="column" id="image-col">
 
            <div id="expandedImgContainer">
 
              <img id="expandedImg" src="https://static.igem.org/mediawiki/2019/archive/e/e3/20190909101500%21T--NUS_Singapore--Team_XiZhi.jpg" style="width:100%">
 
  
                <div id="buttons-box">
 
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:700; color:#143642; margin:0 0px 6px 0;">Click to find out more about us!</p>
 
                  <div class="row">
 
                    <div class="column">
 
                      <img class="unpressed" id="button-1-unpressed" src="https://static.igem.org/mediawiki/2019/6/67/T--NUS_Singapore--Team_Button_XiZhi_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox1();" data-src="https://static.igem.org/mediawiki/2019/archive/e/e3/20190909101500%21T--NUS_Singapore--Team_XiZhi.jpg" style="width:100%" onmouseenter="pressedImg1(this)" onmouseleave="unpressedImg1(this)">
 
                      <img id="button-1-pressed" src="https://static.igem.org/mediawiki/2019/3/34/T--NUS_Singapore--Team_Button_XiZhi_Clicked.jpg" style="width:100%">
 
                    </div>
 
                    <div class="column">
 
                      <img class="unpressed" id="button-2-unpressed" src="https://static.igem.org/mediawiki/2019/1/1b/T--NUS_Singapore--Team_Button_WenXuan_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox2();" data-src="https://static.igem.org/mediawiki/2019/archive/3/32/20190909101510%21T--NUS_Singapore--Team_WenXuan.jpg" style="width:100%"
 
                      onmouseenter="pressedImg2(this)" onmouseleave="unpressedImg2(this)">
 
                      <img id="button-2-pressed" src="https://static.igem.org/mediawiki/2019/3/31/T--NUS_Singapore--Team_Button_WenXuan_Clicked.jpg" style="width:100%">
 
                    </div>
 
                    <div class="column">
 
                      <img class="unpressed" id="button-3-unpressed" src="https://static.igem.org/mediawiki/2019/f/fb/T--NUS_Singapore--Team_Button_Joanne_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox3();" data-src="https://static.igem.org/mediawiki/2019/archive/c/cc/20190909101540%21T--NUS_Singapore--Team_Joanne.jpg" style="width:100%"
 
                      onmouseenter="pressedImg3(this)" onmouseleave="unpressedImg3(this)">
 
                      <img id="button-3-pressed" src="https://static.igem.org/mediawiki/2019/e/ec/T--NUS_Singapore--Team_Button_Joanne_Clicked.jpg" style="width:100%">
 
                    </div>
 
                    <div class="column">
 
                      <img class="unpressed" id="button-4-unpressed" src="https://static.igem.org/mediawiki/2019/7/7e/T--NUS_Singapore--Team_Button_Sheena_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox4();" data-src="https://static.igem.org/mediawiki/2019/archive/f/f2/20190909101532%21T--NUS_Singapore--Team_Sheena.jpg" style="width:100%"
 
                      onmouseenter="pressedImg4(this)" onmouseleave="unpressedImg4(this)">
 
                      <img id="button-4-pressed" src="https://static.igem.org/mediawiki/2019/c/c8/T--NUS_Singapore--Team_Button_Sheena_Clicked.jpg" style="width:100%">
 
                    </div>
 
                    <div class="column">
 
                      <img class="unpressed" id="button-5-unpressed" src="https://static.igem.org/mediawiki/2019/9/98/T--NUS_Singapore--Team_Button_ChunYang_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox5();" data-src="https://static.igem.org/mediawiki/2019/archive/4/4c/20190909101548%21T--NUS_Singapore--Team_ChunYang.jpg" style="width:100%" onmouseenter="pressedImg5(this)" onmouseleave="unpressedImg5(this)">
 
                      <img id="button-5-pressed" src="https://static.igem.org/mediawiki/2019/6/68/T--NUS_Singapore--Team_Button_ChunYang_Clicked.jpg" style="width:100%">
 
                    </div>
 
                    <div class="column">
 
                      <img class="unpressed" id="button-6-unpressed" src="https://static.igem.org/mediawiki/2019/8/80/T--NUS_Singapore--Team_Button_ChengKai_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox6();" data-src="https://static.igem.org/mediawiki/2019/archive/5/5c/20190909101600%21T--NUS_Singapore--Team_ChengKai.jpg" style="width:100%" onmouseenter="pressedImg6(this)" onmouseleave="unpressedImg6(this)">
 
                      <img id="button-6-pressed" src="https://static.igem.org/mediawiki/2019/1/1d/T--NUS_Singapore--Team_Button_ChengKai_Clicked.jpg" style="width:100%">
 
                    </div>
 
                    <div class="column">
 
                      <img class="unpressed" id="button-7-unpressed" src="https://static.igem.org/mediawiki/2019/d/d3/T--NUS_Singapore--Team_Button_Suhasini_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox7();" data-src="https://static.igem.org/mediawiki/2019/archive/a/a8/20190909101518%21T--NUS_Singapore--Team_Suhasini.jpg" style="width:100%" onmouseenter="pressedImg7(this)" onmouseleave="unpressedImg7(this)">
 
                      <img id="button-7-pressed" src="https://static.igem.org/mediawiki/2019/9/92/T--NUS_Singapore--Team_Button_Suhasini_Clicked.jpg" style="width:100%">
 
                    </div>
 
                    <div class="column">
 
                      <img class="unpressed" id="button-8-unpressed" src="https://static.igem.org/mediawiki/2019/1/18/T--NUS_Singapore--Team_Button_Shino_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox8();" data-src="https://static.igem.org/mediawiki/2019/archive/d/d3/20190909101526%21T--NUS_Singapore--Team_Shino.jpg" style="width:100%" onmouseenter="pressedImg8(this)" onmouseleave="unpressedImg8(this)">
 
                      <img id="button-8-pressed" src="https://static.igem.org/mediawiki/2019/9/9c/T--NUS_Singapore--Team_Button_Shino_Clicked.jpg" style="width:100%">
 
                    </div>
 
                    <div class="column">
 
                      <img class="unpressed" id="button-9-unpressed" src="https://static.igem.org/mediawiki/2019/d/d4/T--NUS_Singapore--Team_Button_ZhaoHao_Unclicked.jpg" onclick="ExpandImgFunction(this); openinfobox9();" data-src="https://static.igem.org/mediawiki/2019/archive/9/97/20190909100249%21T--NUS_Singapore--Team_ZhaoHao.jpg" style="width:100%" onmouseenter="pressedImg9(this)" onmouseleave="unpressedImg9(this)">
 
                      <img id="button-9-pressed" src="https://static.igem.org/mediawiki/2019/3/3b/T--NUS_Singapore--Team_Button_ZhaoHao_Clicked.jpg" style="width:100%">
 
                    </div>
 
                  </div>
 
                </div>
 
            </div>
 
          </div>
 
          <div class="column" id="info-box-col">
 
                <div id="info-box-1">
 
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Low Xi Zhi</p>
 
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Computer Engineering Year 2
 
                  </br></br>Co-head of the Wiki team. Member of the Modelling and Outreach teams.</p>
 
                  <div class="horizontal-line"></div>
 
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
 
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">If I could live longer, I will eat donuts everyday! Maybe I will open a community-run donut store that gives out 100 free donuts everyday to people who are sad, in exchange for their smiles. Will you come visit for a donut when you have a bad day?</p>
 
                  <div class="horizontal-line"></div>
 
                </div>
 
  
                <div id="info-box-2">
+
</div>
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Er Wen Xuan</p>
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Architecture Year 2
+
                  </br></br>Co-head of the Wiki team.</p>
+
                  <div class="horizontal-line"></div>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">If I could live longer WITH financial stability I’d pack up and move to Rome blessup!</p>
+
                  <div class="horizontal-line"></div>
+
                </div>
+
  
                <div id="info-box-3">
+
</div>
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Joanne Lim</p>
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Life Sciences Year 4
+
                  </br></br>Head of the Human Practice and Outreach teams. Member of the Wetlab team. </p>
+
                  <div class="horizontal-line"></div>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">If I could live longer, just live me alone. Just kidding! I want to be happy - bringing more positivity to the people around me, because WHY NOT? It is a big plus!</p>
+
                  <div class="horizontal-line"></div>
+
                </div>
+
 
+
                <div id="info-box-4">
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Sheena Chan</p>
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Life Sciences Year 4
+
                  </br></br>Team leader. Member of the Wet Lab, Human Practice and Wiki teams.</p>
+
                  <div class="horizontal-line"></div>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">If I could live longer, I will make sure my loved ones live as long as me so we can (or rather I force them to) watch Marvel superhero movies together. I think bacterial cells can also relate to what I am thinking because well, we both originate from parent cells...right? Right. </p>
+
                  <div class="horizontal-line"></div>
+
                </div>
+
 
+
                <div id="info-box-5">
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Song Chunyang</p>
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Biomedical Engineering Year 4
+
                  </br></br>Head of the Marketing team. Member of the Wetlab and Modelling teams. </p>
+
                  <div class="horizontal-line"></div>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">If I could live longer, I will continue following my idol to every corner of the world to watch his concerts, until I can’t walk anymore. Who is my idol?  That’s a secret.</p>
+
                  <div class="horizontal-line"></div>
+
                </div>
+
 
+
                <div id="info-box-6">
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Chengkai Lim</p>
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Life Sciences Graduate
+
                  </br></br>Advisor for the Wetlab and Entrepreneurship teams.</p>
+
                  <div class="horizontal-line"></div>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">It is claimed that mastery takes 10,000 hours of practice. If I could live longer, I would be able to attain true mastery in more areas - and nothing feels better to me than mastering a skill.</p>
+
                  <div class="horizontal-line"></div>
+
                </div>
+
 
+
                <div id="info-box-7">
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Suhasini Iyer</p>
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Chemical Engineering Year 3
+
                  </br></br>Head of the Modelling team. Member of the Human Practice and Wiki teams.</p>
+
                  <div class="horizontal-line"></div>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">If I could live longer, I would love to see if our lives actually become like the episodes of Black Mirror. Regardless, I will also be stuffing myself with DUMPLINGS while watching The Office for the 50986th time. (Yes, I Netflix and Eat a lot)..</p>
+
                  <div class="horizontal-line"></div>
+
                </div>
+
 
+
                <div id="info-box-8">
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Shino Suda</p>
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Life Sciences Year 3
+
                  </br></br>Former exchange student from Japan. Member of the Wetlab team.</p>
+
                  <div class="horizontal-line"></div>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">If I could live longer, I will live in many places and make friends all over the world!</p>
+
                  <div class="horizontal-line"></div>
+
                </div>
+
 
+
                <div id="info-box-9">
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:left; color:#143642; margin-bottom:6px">Zhao Hao</p>
+
                  <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#143642; line-height:1.2em; margin-bottom:20px">Biomedical Engineering Year 3
+
                  </br></br>Team co-leader. Member of the Outreach, Wet Lab, Modelling and Wiki teams.</p>
+
                  <div class="horizontal-line"></div>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#2b7a77; margin-bottom:6px; margin-top:20px;">What would you do if you could live longer?</p>
+
                  <p style="font-family: 'Noto Sans TC', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#2b7a77; margin-bottom:20px">If I could live longer, I would spend more time on sports (only if I am still fit for sports by then). Life is tough. It is not just about what I want to do. More importantly, what I am capable of doing. I need to be healthy and wealthy… UHHHH that’s troublesome, I shall just sleep then.</p>
+
                  <div class="horizontal-line"></div>
+
                </div>
+
          </div>
+
        </div> 
+
 
+
        <div style="padding:0 6vw">
+
        <div id="overview-header">Our Supervisors</div>
+
        <div style="margin:auto; margin-bottom:30px;" class="row advisorsrow">
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/7/76/T--NUS_Singapore--Team_ProfPoh.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">Chueh Loo Poh</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Associate Professor</br>Department of Biomedical Engineering</br>BioMakerSpace</br>SynCTI</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/9/91/T--NUS_Singapore--Team_ProfJimmy.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">Jimmy Chih-Hsien Peng</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Assistant Professor</br>Department of Electrical Engineering</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/7/7b/T--NUS_Singapore--Team_ProfMatthew.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">
+
            Matthew Chang</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Associate Professor</br>Department of Biochemistry,</br>Yong Loo Lin School of Medicine</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/a/a6/T--NUS_Singapore--Team_28.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">
+
            Yew Wen Shan</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Associate Professor</br>Department of Biochemistry,</br>Yong Loo Lin School of Medicine</p>
+
          </div>
+
        </div>
+
 
+
 
+
        <div id="overview-header">Our Advisors</div>
+
        <div style="margin:auto; margin-bottom:30px;" class="row advisorsrow">
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/4/42/T--NUS_Singapore--Team_Russell.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">Russell Ngo</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Student Advisor for Modelling</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/6/6a/T--NUS_Singapore--Team_HaoYuan.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">Yang Hao Yuan</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Student Advisor for Wet Lab</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/6/6d/T--NUS_Singapore--Team_Beatrix.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">
+
            Beatrix Tung</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Student Advisor for Hardware</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/6/60/T--NUS_Singapore--Team_Wilbert.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">
+
            Wilbert Tan</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Student Advisor for Overall Project</p>
+
          </div>
+
        </div>
+
        <div style="margin:auto; margin-bottom:30px;" class="row advisorsrow">
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/2/2d/T--NUS_Singapore--Team_Selva.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">Salvador Gomez</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Research Fellow</br>Department of Biomedical Engineering</br>BioMakerSpace</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/0/02/T--NUS_Singapore--Team_27.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">Tay Ai Ying</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Research Fellow</br>Department of Biomedical Engineering</br>BioMakerSpace</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/6/63/T--NUS_Singapore--Team_29.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">
+
            Jing Wui Yeoh</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Research Fellow</br>Department of Biomedical Engineering</br>BioMakerSpace</p>
+
          </div>
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/3/32/T--NUS_Singapore--Team_30.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">
+
            Mukesh Saini</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">Research Fellow</br>Department of Biochemistry</br>BioMakerSpace</p>
+
          </div>
+
        </div>
+
        <div style="margin:auto; margin-bottom:180px;" class="row advisorsrow">
+
          <div class="column advisorscol">
+
            <img src="https://static.igem.org/mediawiki/2019/7/7a/T--NUS_Singapore--Team_David.jpg" style="width:100%">
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:700; text-align:center; color:#143642; margin-bottom:6px">
+
            David Chee</p>
+
            <p style="font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#143642; line-height:1.2em; margin-bottom:20px">PhD Student</br>Department of Biomedical Engineering</br>BioMakerSpace</p>
+
          </div>
+
        </div>
+
 
+
 
+
      </div>
+
 
+
 
+
      </div>
+
<footer>
+
      <!-- Footer main -->
+
      <section class="ft-main" id="gradient">
+
        <div class="ft-main-item">
+
          <h2 class="ft-title">About us</h2>
+
          <p style="font-size:1rem;"> We are 9 undergrad and grad students representing University
+
          </p>
+
          <p style="font-size:1rem;"> of Denmark. With out project CIDOSIS, we aim to improve</p>
+
        <p style="font-size:1rem;"> the lifes of people with Chronic Inflammatory Diseases </p>
+
        </div>
+
        <div class="ft-main-item">
+
          <h2 class="ft-title">Quick links!</h2>
+
          <ul class="ft-main-list">
+
            <li><a href="#">The Team</a></li>
+
            <li><a href="#">Promotion Video</a></li>
+
            <li><a href="#">Team Presentation</a></li>
+
            <li><a href="#">Achievements</a></li>
+
          </ul>
+
        </div>
+
        <div class="ft-main-item">
+
          <h2 class="ft-title">Address</h2>
+
          <p style="font-size:1rem;">University of Copenhagen</p>
+
          <p style="font-size:1rem;">Thorvaldsensvej 40, Frederiksberg C</p>
+
          <p style="font-size:1rem;">Denmark</p>
+
        </div>
+
      </section>
+
   
+
      <!-- Footer social -->
+
      <section class="ft-social">
+
        <ul class="ft-social-list">
+
          <li><a href="https://www.facebook.com/iGEMCopenhagen/?__tn__=%2Cd%2CP-R&eid=ARAUx5Vdfe_ezIVOuOY6_kL3i3uB2ZiHvQCOYEIBi34sevzEGqtAYDUFtIaR2mVDAAzrU17sPjSQR3Y6"><i class="fa fa-facebook" style="font-size:42px;"></i></a></li>
+
          <li><a href="#"><i class="fa fa-twitter" style="font-size:48px;"></i></a></li>
+
          <li><a href="#"><i class="fa fa-instagram" style="font-size:48px;"></i></a></li>
+
          <li><a href="#"><i class="fa fa-linkedin" style="font-size:48px;"></i></a></li>
+
        </ul>
+
      </section>
+
   
+
      <!-- Footer legal -->
+
      <section class="ft-legal">
+
        <ul class="ft-legal-list">
+
          <li>&copy; 2020 | UCPH iGEM team.</li>
+
        </ul>
+
      </section>
+
    </footer>
+
    </div>
+
  </div>
+
 
</body>
 
</body>
  
 
<script>
 
<script>
 
+
var images = [];
 
+
function preload() {
    /*Navbar scroll appear*/
+
     for (var i = 0; i < arguments.length; i++) {
    window.onscroll = function() {
+
        images[i] = new Image();
     scrollFunction1();  
+
        images[i].src = preload.arguments[i];
 
     }
 
     }
 
    function scrollFunction1() {
 
      if (document.body.scrollTop > (document.getElementById("cover-picture").clientHeight*0.75) || document.documentElement.scrollTop > (document.getElementById("cover-picture").clientHeight*0.75)){
 
        document.getElementById("navbar").style.top = "0";
 
      }
 
      else{
 
        document.getElementById("navbar").style.top = "-200px";
 
      }
 
    }
 
 
 
    /*Expand Image*/
 
    function ExpandImgFunction(imgs) {
 
      var expandImg = document.getElementById("expandedImg");
 
      expandImg.src = imgs.dataset.src;
 
      expandImg.parentElement.style.display = "block";
 
    }
 
 
 
    /*Clicking buttons*/
 
    function closeInfoBox(){
 
      document.getElementById("info-box-1").style.display = "none";
 
      document.getElementById("info-box-2").style.display = "none";
 
      document.getElementById("info-box-3").style.display = "none";
 
      document.getElementById("info-box-4").style.display = "none";
 
      document.getElementById("info-box-5").style.display = "none";
 
      document.getElementById("info-box-6").style.display = "none";
 
      document.getElementById("info-box-7").style.display = "none";
 
      document.getElementById("info-box-8").style.display = "none";
 
      document.getElementById("info-box-9").style.display = "none";  }
 
 
    function openinfobox1(){
 
      closeInfoBox();
 
      document.getElementById("info-box-1").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "block";   
 
      document.getElementById("button-2-pressed").style.display = "none"; 
 
      document.getElementById("button-3-pressed").style.display = "none"; 
 
      document.getElementById("button-4-pressed").style.display = "none"; 
 
      document.getElementById("button-5-pressed").style.display = "none"; 
 
      document.getElementById("button-6-pressed").style.display = "none"; 
 
      document.getElementById("button-7-pressed").style.display = "none"; 
 
      document.getElementById("button-8-pressed").style.display = "none"; 
 
      document.getElementById("button-9-pressed").style.display = "none"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "none";   
 
      document.getElementById("button-2-unpressed").style.display = "block"; 
 
      document.getElementById("button-3-unpressed").style.display = "block"; 
 
      document.getElementById("button-4-unpressed").style.display = "block"; 
 
      document.getElementById("button-5-unpressed").style.display = "block"; 
 
      document.getElementById("button-6-unpressed").style.display = "block"; 
 
      document.getElementById("button-7-unpressed").style.display = "block"; 
 
      document.getElementById("button-8-unpressed").style.display = "block"; 
 
      document.getElementById("button-9-unpressed").style.display = "block"; 
 
    }
 
 
    function openinfobox2(){
 
      closeInfoBox();
 
      document.getElementById("info-box-2").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "none";   
 
      document.getElementById("button-2-pressed").style.display = "block"; 
 
      document.getElementById("button-3-pressed").style.display = "none"; 
 
      document.getElementById("button-4-pressed").style.display = "none"; 
 
      document.getElementById("button-5-pressed").style.display = "none"; 
 
      document.getElementById("button-6-pressed").style.display = "none"; 
 
      document.getElementById("button-7-pressed").style.display = "none"; 
 
      document.getElementById("button-8-pressed").style.display = "none"; 
 
      document.getElementById("button-9-pressed").style.display = "none"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "block";   
 
      document.getElementById("button-2-unpressed").style.display = "none"; 
 
      document.getElementById("button-3-unpressed").style.display = "block"; 
 
      document.getElementById("button-4-unpressed").style.display = "block"; 
 
      document.getElementById("button-5-unpressed").style.display = "block"; 
 
      document.getElementById("button-6-unpressed").style.display = "block"; 
 
      document.getElementById("button-7-unpressed").style.display = "block"; 
 
      document.getElementById("button-8-unpressed").style.display = "block"; 
 
      document.getElementById("button-9-unpressed").style.display = "block"; 
 
    }
 
 
    function openinfobox3(){
 
      closeInfoBox();
 
      document.getElementById("info-box-3").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "none";   
 
      document.getElementById("button-2-pressed").style.display = "none"; 
 
      document.getElementById("button-3-pressed").style.display = "block"; 
 
      document.getElementById("button-4-pressed").style.display = "none"; 
 
      document.getElementById("button-5-pressed").style.display = "none"; 
 
      document.getElementById("button-6-pressed").style.display = "none"; 
 
      document.getElementById("button-7-pressed").style.display = "none"; 
 
      document.getElementById("button-8-pressed").style.display = "none"; 
 
      document.getElementById("button-9-pressed").style.display = "none"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "block";   
 
      document.getElementById("button-2-unpressed").style.display = "block"; 
 
      document.getElementById("button-3-unpressed").style.display = "none"; 
 
      document.getElementById("button-4-unpressed").style.display = "block"; 
 
      document.getElementById("button-5-unpressed").style.display = "block"; 
 
      document.getElementById("button-6-unpressed").style.display = "block"; 
 
      document.getElementById("button-7-unpressed").style.display = "block"; 
 
      document.getElementById("button-8-unpressed").style.display = "block"; 
 
      document.getElementById("button-9-unpressed").style.display = "block";
 
    }
 
 
 
    function openinfobox4(){
 
      closeInfoBox();
 
      document.getElementById("info-box-4").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "none";   
 
      document.getElementById("button-2-pressed").style.display = "none"; 
 
      document.getElementById("button-3-pressed").style.display = "none"; 
 
      document.getElementById("button-4-pressed").style.display = "block"; 
 
      document.getElementById("button-5-pressed").style.display = "none"; 
 
      document.getElementById("button-6-pressed").style.display = "none"; 
 
      document.getElementById("button-7-pressed").style.display = "none"; 
 
      document.getElementById("button-8-pressed").style.display = "none"; 
 
      document.getElementById("button-9-pressed").style.display = "none"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "block";   
 
      document.getElementById("button-2-unpressed").style.display = "block"; 
 
      document.getElementById("button-3-unpressed").style.display = "block"; 
 
      document.getElementById("button-4-unpressed").style.display = "none"; 
 
      document.getElementById("button-5-unpressed").style.display = "block"; 
 
      document.getElementById("button-6-unpressed").style.display = "block"; 
 
      document.getElementById("button-7-unpressed").style.display = "block"; 
 
      document.getElementById("button-8-unpressed").style.display = "block"; 
 
      document.getElementById("button-9-unpressed").style.display = "block";
 
    }
 
 
 
    function openinfobox5(){
 
      closeInfoBox();
 
      document.getElementById("info-box-5").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "none";   
 
      document.getElementById("button-2-pressed").style.display = "none"; 
 
      document.getElementById("button-3-pressed").style.display = "none"; 
 
      document.getElementById("button-4-pressed").style.display = "none"; 
 
      document.getElementById("button-5-pressed").style.display = "block"; 
 
      document.getElementById("button-6-pressed").style.display = "none"; 
 
      document.getElementById("button-7-pressed").style.display = "none"; 
 
      document.getElementById("button-8-pressed").style.display = "none"; 
 
      document.getElementById("button-9-pressed").style.display = "none"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "block";   
 
      document.getElementById("button-2-unpressed").style.display = "block"; 
 
      document.getElementById("button-3-unpressed").style.display = "block"; 
 
      document.getElementById("button-4-unpressed").style.display = "block"; 
 
      document.getElementById("button-5-unpressed").style.display = "none"; 
 
      document.getElementById("button-6-unpressed").style.display = "block"; 
 
      document.getElementById("button-7-unpressed").style.display = "block"; 
 
      document.getElementById("button-8-unpressed").style.display = "block"; 
 
      document.getElementById("button-9-unpressed").style.display = "block";
 
    }
 
 
 
    function openinfobox6(){
 
      closeInfoBox();
 
      document.getElementById("info-box-6").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "none";   
 
      document.getElementById("button-2-pressed").style.display = "none"; 
 
      document.getElementById("button-3-pressed").style.display = "none"; 
 
      document.getElementById("button-4-pressed").style.display = "none"; 
 
      document.getElementById("button-5-pressed").style.display = "none"; 
 
      document.getElementById("button-6-pressed").style.display = "block"; 
 
      document.getElementById("button-7-pressed").style.display = "none"; 
 
      document.getElementById("button-8-pressed").style.display = "none"; 
 
      document.getElementById("button-9-pressed").style.display = "none"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "block";   
 
      document.getElementById("button-2-unpressed").style.display = "block"; 
 
      document.getElementById("button-3-unpressed").style.display = "block"; 
 
      document.getElementById("button-4-unpressed").style.display = "block"; 
 
      document.getElementById("button-5-unpressed").style.display = "block"; 
 
      document.getElementById("button-6-unpressed").style.display = "none"; 
 
      document.getElementById("button-7-unpressed").style.display = "block"; 
 
      document.getElementById("button-8-unpressed").style.display = "block"; 
 
      document.getElementById("button-9-unpressed").style.display = "block";
 
    }
 
 
 
    function openinfobox7(){
 
      closeInfoBox();
 
      document.getElementById("info-box-7").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "none";   
 
      document.getElementById("button-2-pressed").style.display = "none"; 
 
      document.getElementById("button-3-pressed").style.display = "none"; 
 
      document.getElementById("button-4-pressed").style.display = "none"; 
 
      document.getElementById("button-5-pressed").style.display = "none"; 
 
      document.getElementById("button-6-pressed").style.display = "none"; 
 
      document.getElementById("button-7-pressed").style.display = "block"; 
 
      document.getElementById("button-8-pressed").style.display = "none"; 
 
      document.getElementById("button-9-pressed").style.display = "none"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "block";   
 
      document.getElementById("button-2-unpressed").style.display = "block"; 
 
      document.getElementById("button-3-unpressed").style.display = "block"; 
 
      document.getElementById("button-4-unpressed").style.display = "block"; 
 
      document.getElementById("button-5-unpressed").style.display = "block"; 
 
      document.getElementById("button-6-unpressed").style.display = "block"; 
 
      document.getElementById("button-7-unpressed").style.display = "none"; 
 
      document.getElementById("button-8-unpressed").style.display = "block"; 
 
      document.getElementById("button-9-unpressed").style.display = "block";
 
    }
 
 
 
    function openinfobox8(){
 
      closeInfoBox();
 
      document.getElementById("info-box-8").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "none";   
 
      document.getElementById("button-2-pressed").style.display = "none"; 
 
      document.getElementById("button-3-pressed").style.display = "none"; 
 
      document.getElementById("button-4-pressed").style.display = "none"; 
 
      document.getElementById("button-5-pressed").style.display = "none"; 
 
      document.getElementById("button-6-pressed").style.display = "none"; 
 
      document.getElementById("button-7-pressed").style.display = "none"; 
 
      document.getElementById("button-8-pressed").style.display = "block"; 
 
      document.getElementById("button-9-pressed").style.display = "none"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "block";   
 
      document.getElementById("button-2-unpressed").style.display = "block"; 
 
      document.getElementById("button-3-unpressed").style.display = "block"; 
 
      document.getElementById("button-4-unpressed").style.display = "block"; 
 
      document.getElementById("button-5-unpressed").style.display = "block"; 
 
      document.getElementById("button-6-unpressed").style.display = "block"; 
 
      document.getElementById("button-7-unpressed").style.display = "block"; 
 
      document.getElementById("button-8-unpressed").style.display = "none"; 
 
      document.getElementById("button-9-unpressed").style.display = "block";
 
    }
 
 
 
    function openinfobox9(){
 
      closeInfoBox();
 
      document.getElementById("info-box-9").style.display = "block";
 
      document.getElementById("button-1-pressed").style.display = "none";   
 
      document.getElementById("button-2-pressed").style.display = "none"; 
 
      document.getElementById("button-3-pressed").style.display = "none"; 
 
      document.getElementById("button-4-pressed").style.display = "none"; 
 
      document.getElementById("button-5-pressed").style.display = "none"; 
 
      document.getElementById("button-6-pressed").style.display = "none"; 
 
      document.getElementById("button-7-pressed").style.display = "none"; 
 
      document.getElementById("button-8-pressed").style.display = "none"; 
 
      document.getElementById("button-9-pressed").style.display = "block"; 
 
 
      document.getElementById("button-1-unpressed").style.display = "block";   
 
      document.getElementById("button-2-unpressed").style.display = "block"; 
 
      document.getElementById("button-3-unpressed").style.display = "block"; 
 
      document.getElementById("button-4-unpressed").style.display = "block"; 
 
      document.getElementById("button-5-unpressed").style.display = "block"; 
 
      document.getElementById("button-6-unpressed").style.display = "block"; 
 
      document.getElementById("button-7-unpressed").style.display = "block"; 
 
      document.getElementById("button-8-unpressed").style.display = "block"; 
 
      document.getElementById("button-9-unpressed").style.display = "none";
 
    }
 
 
 
 
    /*Hovering buttons*/
 
    function pressedImg1(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/3/34/T--NUS_Singapore--Team_Button_XiZhi_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg1(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/6/67/T--NUS_Singapore--Team_Button_XiZhi_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
    function pressedImg2(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/3/31/T--NUS_Singapore--Team_Button_WenXuan_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg2(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/1/1b/T--NUS_Singapore--Team_Button_WenXuan_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
    function pressedImg3(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/e/ec/T--NUS_Singapore--Team_Button_Joanne_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg3(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/f/fb/T--NUS_Singapore--Team_Button_Joanne_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
    function pressedImg4(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/c/c8/T--NUS_Singapore--Team_Button_Sheena_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg4(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/7/7e/T--NUS_Singapore--Team_Button_Sheena_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
    function pressedImg5(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/6/68/T--NUS_Singapore--Team_Button_ChunYang_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg5(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/9/98/T--NUS_Singapore--Team_Button_ChunYang_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
    function pressedImg6(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/1/1d/T--NUS_Singapore--Team_Button_ChengKai_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg6(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/8/80/T--NUS_Singapore--Team_Button_ChengKai_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
 
    function pressedImg7(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/9/92/T--NUS_Singapore--Team_Button_Suhasini_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg7(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/d/d3/T--NUS_Singapore--Team_Button_Suhasini_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
    function pressedImg8(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/9/9c/T--NUS_Singapore--Team_Button_Shino_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg8(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/1/18/T--NUS_Singapore--Team_Button_Shino_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
    function pressedImg9(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/3/3b/T--NUS_Singapore--Team_Button_ZhaoHao_Clicked.jpg";
 
      x.style.opacity = "1";
 
    }
 
 
    function unpressedImg9(x) {
 
      x.src = "https://static.igem.org/mediawiki/2019/d/d4/T--NUS_Singapore--Team_Button_ZhaoHao_Unclicked.jpg";
 
      x.style.opacity = "0.8";
 
    }
 
 
 
function preloader() {
 
  if (document.images) {
 
    var img1 = new Image();
 
    var img2 = new Image();
 
    var img3 = new Image();
 
    var img4 = new Image();
 
    var img5 = new Image();
 
    var img6 = new Image();
 
    var img7 = new Image();
 
    var img8 = new Image();
 
    var img9 = new Image();
 
       
 
    img1.src = "https://static.igem.org/mediawiki/2019/6/67/T--NUS_Singapore--Team_Button_XiZhi_Unclicked.jpg";
 
    img2.src = "https://static.igem.org/mediawiki/2019/archive/3/32/20190909101510%21T--NUS_Singapore--Team_WenXuan.jpg";
 
    img3.src = "https://static.igem.org/mediawiki/2019/archive/c/cc/20190909101540%21T--NUS_Singapore--Team_Joanne.jpg";
 
    img4.src = "https://static.igem.org/mediawiki/2019/archive/f/f2/20190909101532%21T--NUS_Singapore--Team_Sheena.jpg";
 
    img5.src = "https://static.igem.org/mediawiki/2019/archive/4/4c/20190909101548%21T--NUS_Singapore--Team_ChunYang.jpg";
 
    img6.src = "https://static.igem.org/mediawiki/2019/archive/5/5c/20190909101600%21T--NUS_Singapore--Team_ChengKai.jpg";
 
    img7.src = "https://static.igem.org/mediawiki/2019/archive/a/a8/20190909101518%21T--NUS_Singapore--Team_Suhasini.jpg";
 
    img8.src = "https://static.igem.org/mediawiki/2019/archive/d/d3/20190909101526%21T--NUS_Singapore--Team_Shino.jpg";
 
    img9.src = "https://static.igem.org/mediawiki/2019/archive/9/97/20190909100249%21T--NUS_Singapore--Team_ZhaoHao.jpg";
 
  }
 
 
}
 
}
function addLoadEvent(func) {
 
  var oldonload = window.onload;
 
  if (typeof window.onload != 'function') {
 
    window.onload = func;
 
  } else {
 
    window.onload = function() {
 
      if (oldonload) {
 
        oldonload();
 
      }
 
      func();
 
    }
 
  }
 
}
 
addLoadEvent(preloader);
 
 
  
 +
//-- usage --//
 +
preload(
 +
    "https://static.igem.org/mediawiki/2020/0/0a/T--UCopenhagen--teampage-aje-big.jpg",
 +
    "https://static.igem.org/mediawiki/2020/7/70/T--UCopenhagen--teampage-david-big.jpg",
 +
    "https://static.igem.org/mediawiki/2020/d/d3/T--UCopenhagen--teampage-emil-big2.jpg",
 +
    "https://static.igem.org/mediawiki/2020/6/61/T--UCopenhagen--teampage-endre-big2.jpg",
 +
    "https://static.igem.org/mediawiki/2020/f/f1/T--UCopenhagen--teampage-jan-big2.jpg",
 +
    "https://static.igem.org/mediawiki/2020/6/67/T--UCopenhagen--teampage-nacho-big2.jpg",
 +
    "https://static.igem.org/mediawiki/2020/4/49/T--UCopenhagen--teampage-shivani-big.jpg",
 +
    "https://static.igem.org/mediawiki/2020/d/de/T--UCopenhagen--teampage-victoria-big.jpg",
 +
    "https://static.igem.org/mediawiki/2020/4/41/T--UCopenhagen--teampage-vit-big.jpg"
  
  
 +
)
 
</script>
 
</script>
 
</html>
 
</html>
  
  
{{UCopenhagen/Footer_2}}
+
{{Template:UCopenhagen/Footer_Bubbly_sponsors}}

Latest revision as of 13:42, 27 October 2020


We are the CIDosis team!


Together we represent 6 nationalities and 7 areas of study.

Click our picture below to learn more about who we are and why we joined iGEM!

Supervisors


Sotirios Kampranis
Associate professor at PLEN


Karel Miettinen,
Postdoc at PLEN


Nanna Heinz,
Center coordinator at PLEN


Icons made by Freepik from www.flaticon.com