Difference between revisions of "Team:UCopenhagen/Team"

Line 2: Line 2:
 
{{UCopenhagen/Header3}}
 
{{UCopenhagen/Header3}}
 
{{UCopenhagen}}
 
{{UCopenhagen}}
−
<html>
+
{{NUS_Singapore/Header}}
  
−
<div class="column two_thirds_size" >
+
<html lang="en">
 +
<head>
 +
  <link href="https://fonts.googleapis.com/css?family=Montserrat:700&display=swap" rel="stylesheet">
 +
  <style>
  
−
<h1>Team</h1>
+
  /***************************************************** DESKTOP TOP NAVBAR *************************************************/
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  #navbar {
 +
    top:-200px;
 +
    transition: top 0.5s;
 +
  }
  
 +
  /***************************************************** MAIN CONTENT *************************************************/
 +
  .container-fluid{
 +
    background-color:white;
 +
    padding:0px;
 +
    position:absolute;
 +
    top:0px;
 +
  }
  
−
<h3>What should this page contain?</h3>
+
  img.lazy{
−
<ul>
+
    background: #F1F1FA;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
  }
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
  
−
<p><b>Important:</b> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</p> 
 
−
</div>
 
  
 +
  div#overview-header{
 +
    margin-top:140px;
 +
    font-family: 'Montserrat', sans-serif;
 +
    font-size:30px;
 +
    font-weight:900;
 +
    letter-spacing:0.15em;
 +
    text-align:center;
 +
    color:#143642;
 +
  }
  
 +
  /* Buttons*/
 +
  #buttons-box{
 +
    width:100%;
 +
    padding: 30px 0 0 0vw;
 +
  }
  
−
<div class="column third_size" >
+
  div.row{
−
<div class="highlight decoration_A_full">
+
    margin: 0;
−
<h3>Inspiration</h3>
+
  }
−
<p>You can look at what other teams did to get some inspiration! <br />
+
 
−
Here are a few examples:</p>
+
  .column img.unpressed {
−
<ul>
+
    cursor: pointer;
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
    opacity: 0.8;
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
    padding: 3px;
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
  }
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
 
−
</ul>
+
  .column {
−
</div>
+
    float: left;
−
</div>
+
    width: 11.11%;
 +
  }
 +
 
 +
  #info-box-col{
 +
    width: 30%;
 +
  }
 +
 
 +
  #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{
 +
  margin: 0;
 +
  width: 9vw;
 +
  position:absolute;
 +
  z-index: 2;
 +
  left: 14.2vw;
 +
  top: 18vw;
 +
}
 +
 
 +
div#footercolumn.column{
 +
  width: 33.3%;
 +
  float: left;
 +
}
 +
 
 +
.column img#footerlogo{
 +
  width:100%;
 +
  padding: 0.5vw;
 +
  opacity: 0.8;
 +
}
 +
 
 +
.column img#footerlogo:hover{
 +
  cursor: pointer;
 +
  opacity: 1;
 +
}
 +
 
 +
/*********RESPONSIVE*********/
 +
@media screen and (max-width: 1147px) {
 +
  .column {
 +
    float: left;
 +
  }
 +
 
 +
  #info-box-col{
 +
    width: 100%;
 +
    float:none;
 +
    padding:0 0 0 6vw;
 +
    margin-top:30px;
 +
  }
 +
 
 +
  #image-col{
 +
    width:100%;
 +
    padding:0 0 0 6vw;
 +
    float:none;
 +
  }
 +
 
 +
  .column img.unpressed {
 +
    padding: 1px;
 +
  }
 +
 
 +
  div.advisorsrow{
 +
    width:100%;
 +
  }
 +
 
 +
  div.profrow{
 +
    width:50%;
 +
  }
 +
}
 +
 
 +
@media screen and (max-width: 901px) {
 +
  div.advisorsrow{
 +
    width:88%;
 +
  }
 +
 
 +
  div.profrow{
 +
    width:88%;
 +
  }
 +
 
 +
  div.advisorscol{
 +
    width:50%;
 +
  }
 +
 
 +
  div.profcol{
 +
    width:50%;
 +
  }
 +
}
 +
 
 +
@media screen and (max-width: 521px) {
 +
  div.advisorsrow{
 +
    width:88%;
 +
  }
 +
 
 +
  div.profrow{
 +
    width:88%;
 +
  }
 +
 
 +
  div.advisorscol{
 +
    width:100%;
 +
  }
 +
 
 +
  div.profcol{
 +
    width:100%;
 +
  }
 +
}
 +
  </style>
 +
</head>
 +
<body>
 +
  <div class="container-fluid">
 +
    <div class="header">
 +
      <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>
 +
        <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">
 +
                  <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">
 +
                  <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 id="footer">
 +
        <img src="https://static.igem.org/mediawiki/2019/7/77/T--NUS_Singapore--Footer.jpg" style="width:100%;">
 +
        <div class="row" id="footerrow">
 +
          <div class="column" id="footercolumn">
 +
            <a target="_blank" href = "https://www.facebook.com/NUSiGEM/"><img src="https://static.igem.org/mediawiki/2019/5/5c/T--NUS_Singapore--Footer_facebook.jpg" id="footerlogo"></a>
 +
          </div>
 +
          <div class="column" id="footercolumn">
 +
            <a target="_blank" href = "https://www.instagram.com/nusigem/"><img src="https://static.igem.org/mediawiki/2019/c/cc/T--NUS_Singapore--Footer_instagram.jpg" id="footerlogo"></a>
 +
          </div>
 +
          <div class="column" id="footercolumn">
 +
            <a target="_blank" href = "mailto: nusigem@gmail.com"><img src="https://static.igem.org/mediawiki/2019/4/4f/T--NUS_Singapore--Footer_mail.jpg" id="footerlogo"></a>
 +
          </div>
 +
        </div>
 +
      </footer>
 +
 
 +
    </div>
 +
  </div>
 +
</body>
 +
 
 +
<script>
 +
 
 +
 
 +
    /*Navbar scroll appear*/
 +
    window.onscroll = function() {
 +
    scrollFunction1();
 +
    }
 +
 
 +
    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);
 +
 
 +
 
 +
 
 +
 
 +
</script>
 
</html>
 
</html>
 +
 +
 
{{UCopenhagen/Footer_2}}
 
{{UCopenhagen/Footer_2}}

Revision as of 12:05, 27 July 2020

Description Design Implementation Poster
Engineering Success Modeling/Simulation Parts Overview Results Protocols Notebook Safety
Integrated Human Practices Entrepreneurship Education
Collaborations Partnership Our Contribution
Judging Form Medals
Team Members Attributions Sponsors
Template:NUS Singapore/Header

The E.co LIVE Team

Click to find out more about us!

Low Xi Zhi

Computer Engineering Year 2

Co-head of the Wiki team. Member of the Modelling and Outreach teams.

What would you do if you could live longer?

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?

Er Wen Xuan

Architecture Year 2

Co-head of the Wiki team.

What would you do if you could live longer?

If I could live longer WITH financial stability I’d pack up and move to Rome blessup!

Joanne Lim

Life Sciences Year 4

Head of the Human Practice and Outreach teams. Member of the Wetlab team.

What would you do if you could live longer?

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!

Sheena Chan

Life Sciences Year 4

Team leader. Member of the Wet Lab, Human Practice and Wiki teams.

What would you do if you could live longer?

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.

Song Chunyang

Biomedical Engineering Year 4

Head of the Marketing team. Member of the Wetlab and Modelling teams.

What would you do if you could live longer?

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.

Chengkai Lim

Life Sciences Graduate

Advisor for the Wetlab and Entrepreneurship teams.

What would you do if you could live longer?

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.

Suhasini Iyer

Chemical Engineering Year 3

Head of the Modelling team. Member of the Human Practice and Wiki teams.

What would you do if you could live longer?

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)..

Shino Suda

Life Sciences Year 3

Former exchange student from Japan. Member of the Wetlab team.

What would you do if you could live longer?

If I could live longer, I will live in many places and make friends all over the world!

Zhao Hao

Biomedical Engineering Year 3

Team co-leader. Member of the Outreach, Wet Lab, Modelling and Wiki teams.

What would you do if you could live longer?

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.

Our Supervisors

Chueh Loo Poh

Associate Professor
Department of Biomedical Engineering
BioMakerSpace
SynCTI

Jimmy Chih-Hsien Peng

Assistant Professor
Department of Electrical Engineering

Matthew Chang

Associate Professor
Department of Biochemistry,
Yong Loo Lin School of Medicine

Yew Wen Shan

Associate Professor
Department of Biochemistry,
Yong Loo Lin School of Medicine

Our Advisors

Russell Ngo

Student Advisor for Modelling

Yang Hao Yuan

Student Advisor for Wet Lab

Beatrix Tung

Student Advisor for Hardware

Wilbert Tan

Student Advisor for Overall Project

Salvador Gomez

Research Fellow
Department of Biomedical Engineering
BioMakerSpace

Tay Ai Ying

Research Fellow
Department of Biomedical Engineering
BioMakerSpace

Jing Wui Yeoh

Research Fellow
Department of Biomedical Engineering
BioMakerSpace

Mukesh Saini

Research Fellow
Department of Biochemistry
BioMakerSpace

David Chee

PhD Student
Department of Biomedical Engineering
BioMakerSpace


About us

We are 9 undergrad and grad students representing University

of Denmark. With out project CIDOSIS, we aim to improve

the lifes of people with Chronic Inflammatory Diseases

Quick links!

Address

University of Copenhagen

Thorvaldsensvej 40, Frederiksberg C

Denmark

  • © 2020 | UCPH iGEM team.