|
|
Line 5: |
Line 5: |
| | | |
| | | |
− | <html lang="en"> | + | <html> |
− | <head>
| + | |
− | <link href="https://fonts.googleapis.com/css?family=Montserrat:700&display=swap" rel="stylesheet">
| + | |
− | <style>
| + | |
− |
| + | |
− | <!--
| + | |
− | /***************************************************** MAIN CONTENT *************************************************/
| + | |
− | | + | |
− | .container-fluid{
| + | |
− | background-color:white;
| + | |
− | padding:0px;
| + | |
− | position:absolute;
| + | |
− | top:0px;
| + | |
− | }
| + | |
− | | + | |
− | img.lazy{
| + | |
− | background: #F1F1FA;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | 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.row{
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | | + | |
− | .column img.unpressed {
| + | |
− | cursor: pointer;
| + | |
− | opacity: 0.8;
| + | |
− | padding: 3px;
| + | |
− | }
| + | |
− | | + | |
− | .column {
| + | |
− | float: left;
| + | |
− | 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/2020/f/f9/T--UCopenhagen--Temporary_Group_Photo_PlaceHolder.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>
| + | |
− | | + | |
− | </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}}--> |