Difference between revisions of "Team:SPSingapore/home"

Line 34: Line 34:
 
<script>
 
<script>
 
     moment().format();
 
     moment().format();
 +
</script>
 +
 +
<!-- init accordion-->
 +
<script>
 +
$(document).ready(function() {
 +
$( "#accordionProject" ).accordion({
 +
heightStyle: "fill",
 +
collapsible: true,
 +
active: 'none',
 +
autoHeight: false,
 +
navigation: true
 +
});
 +
});
 +
 +
$(document).ready(function() {
 +
$( "#accordionPart" ).accordion({
 +
heightStyle: "fill",
 +
collapsible: true,
 +
active: 'none',
 +
autoHeight: false,
 +
navigation: true
 +
});
 +
});
 +
</script>
 +
 +
<!-- init full calendar -->
 +
<script>
 +
var importantDate = ["2015-05-26"];
 +
importantDateLength = importantDate.length;
 +
var normalDate = ["2015-05-25", "2015-05-28", "2015-05-29"];
 +
normalDateLength = normalDate.length;
 +
// parse a date in yyyy-mm-dd format
 +
$(document).ready(function() {
 +
document.getElementById("calendarStorage").style.display = "none";
 +
$('#calendar').fullCalendar({
 +
defaultDate: '2015-06-1',
 +
selectable: true,
 +
selectHelper: true,
 +
editable: true,
 +
eventLimit: true, // allow "more" link when too many events
 +
select: function(start, end) {
 +
var code = start;
 +
code = moment(code).format("DD_MM");
 +
console.log("code: " + code);
 +
if (document.getElementById(code) != null){
 +
document.getElementById("notebookContainer").innerHTML = document.getElementById(code).innerHTML
 +
//console.log("inner html 25_05: "+document.getElementById("25_05").innerHTML);
 +
}
 +
else
 +
document.getElementById("notebookContainer").innerHTML = "Nothing happens";
 +
//console.log("inner html notebook: "+document.getElementById("notebookContainer").innerHTML)
 +
//var eventData;
 +
//if (title) {
 +
// eventData = {
 +
// title: title,
 +
// start: start,
 +
// end: end
 +
// };
 +
// $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
 +
//}
 +
//$('#calendar').fullCalendar('unselect');
 +
},
 +
dayRender: function (date, cell) {
 +
date = moment(date).format("YYYY-MM-DD");
 +
for (var i = 0; i < normalDateLength; i++) {
 +
if (date === normalDate[i]) {
 +
cell.css("background-color", "#F0F8FF");
 +
}
 +
}
 +
for (var i = 0; i < importantDateLength; i++) {
 +
if (date === importantDate[i]) {
 +
cell.css("background-color", "red");
 +
}
 +
}
 +
 +
 +
}, 
 +
events: [
 +
{
 +
title: 'Click for Google',
 +
url: 'http://google.com/',
 +
start: '2015-02-28'
 +
}
 +
]
 +
});
 +
 +
 +
});
 +
 +
</script>
 +
 +
<!DOCTYPE html>
 +
<html class="no-skrollr">
 +
<head>
 +
<meta charset="utf-8">
 +
 +
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 +
 +
<title>Classic parallax page</title>
 +
   
 +
    <!-- style for fixed header -->
 +
<link rel="stylesheet" type="text/css" href="style/header.css">
 +
<style type="text/css">
 +
<!-- style for parallax -->
 +
* {
 +
padding:0;
 +
margin:0;
 +
}
 +
 +
html, body {
 +
height:100%;
 +
}
 +
 +
.skrollr-desktop body {
 +
height:100% !important;
 +
}
 +
 +
body {
 +
font-family:sans-serif;
 +
}
 +
 +
p {
 +
margin:1em 0;
 +
}
 +
 +
.parallax-image-wrapper {
 +
position:fixed;
 +
left:0;
 +
width:100%;
 +
overflow:hidden;
 +
}
 +
 +
.parallax-image-wrapper-50 {
 +
height:50%;
 +
top:-50%;
 +
}
 +
 +
.parallax-image-wrapper-100 {
 +
height:100%;
 +
top:-100%;
 +
}
 +
 +
.parallax-image {
 +
display:none;
 +
position:absolute;
 +
bottom:0;
 +
left:0;
 +
width:100%;
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
background-size:cover;
 +
}
 +
 +
.parallax-image-50 {
 +
height:200%;
 +
top:-50%;
 +
}
 +
 +
.parallax-image-100 {
 +
height:100%;
 +
top:0;
 +
}
 +
 +
.parallax-image.skrollable-between {
 +
display:block;
 +
}
 +
 +
.no-skrollr .parallax-image-wrapper {
 +
display:none !important;
 +
}
 +
 +
#skrollr-body {
 +
height:100%;
 +
overflow:visible;
 +
position:relative;
 +
}
 +
 +
.gap {
 +
background:transparent center no-repeat;
 +
background-size:cover;
 +
}
 +
 +
.skrollr .gap {
 +
background:transparent !important;
 +
}
 +
 +
.gap-15 {
 +
height:15%;
 +
}
 +
 +
 +
.gap-25 {
 +
height:25%;
 +
}
 +
 +
.gap-50 {
 +
height:50%;
 +
}
 +
 +
.gap-100 {
 +
height:100%;
 +
}
 +
 +
.gap-130 {
 +
height:130%;
 +
}
 +
 +
.header, .content {
 +
background:#fff;
 +
padding:1em;
 +
 +
-webkit-box-sizing:border-box;
 +
-moz-box-sizing:border-box;
 +
box-sizing:border-box;
 +
}
 +
 +
.content-full {
 +
height:100%;
 +
}
 +
 +
#done {
 +
height:100%;
 +
}
 +
 +
<!-- accordion style-->
 +
#accordionProject .ui-accordion-content {
 +
    max-height: 400px;
 +
}
 +
 +
<!-- miscellaneous style -->
 +
img.center {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
<nav style = "z-index:15">
 +
  <ul style = "z-index: 15">
 +
    <li><a href="#home">Home</a></li>
 +
    <li><a href="#team">Team</a></li>
 +
    <li><a href="#project">Project</a></li>
 +
    <li><a href="#part">Part</a></li>
 +
    <li><a href="#notebook">Notebook</a></li>
 +
    <li><a href="#human_practice">Human Practice</a></li>
 +
    <li><a href="#safety">Safety</a></li>
 +
  </ul>
 +
</nav>
 +
<!--
 +
We position the images fixed and therefore need to place them outside of #skrollr-body.
 +
We will then use data-anchor-target to display the correct image matching the current section (.gap element).
 +
-->
 +
 +
<!--Home image section but the image will be team image-->
 +
<div
 +
class="parallax-image-wrapper parallax-image-wrapper-100"
 +
data-anchor-target="#home + .gap"
 +
data-bottom-top="transform:translate3d(0px, 200%, 0px)"
 +
data-top-bottom="transform:translate3d(0px, 0%, 0px)">
 +
       
 +
<div
 +
class="parallax-image parallax-image-100"
 +
style="background-image:url(navigation/team.jpg)"
 +
data-anchor-target="#home + .gap"
 +
data-bottom-top="transform: translate3d(0px, -80%, 0px);"
 +
data-top-bottom="transform: translate3d(0px, 80%, 0px);"
 +
></div>
 +
<!--the +/-80% translation can be adjusted to control the speed difference of the image-->
 +
</div>
 +
 +
<!--Team image section_mentor image -->
 +
<div
 +
class="parallax-image-wrapper parallax-image-wrapper-100"
 +
data-anchor-target="#team + .gap"
 +
data-bottom-top="transform:translate3d(0px, 200%, 0px)"
 +
data-top-bottom="transform:translate3d(0px, 0%, 0px)">
 +
 +
<div
 +
class="parallax-image parallax-image-100"
 +
style="background-image:url(TeamPagePicture/linda_meeting_grp.jpg)"
 +
data-anchor-target="#team + .gap"
 +
data-bottom-top="transform: translate3d(0px, -80%, 0px);"
 +
data-top-bottom="transform: translate3d(0px, 80%, 0px);"
 +
></div>
 +
</div>
 +
 +
<!--Project image section -->
 +
 +
<div
 +
class="parallax-image-wrapper parallax-image-wrapper-50"
 +
data-anchor-target="#mentor + .gap"
 +
data-bottom-top="transform:translate3d(0px, 300%, 0px)"
 +
data-top-bottom="transform:translate3d(0px, 0%, 0px)">
 +
 +
<div
 +
class="parallax-image parallax-image-50"
 +
style="background-image:url(navigation/project.jpg)"
 +
data-anchor-target="#mentor + .gap"
 +
data-bottom-top="transform: translate3d(0px, -60%, 0px);"
 +
data-top-bottom="transform: translate3d(0px, 60%, 0px);"
 +
></div>
 +
</div>
 +
 +
<!-- Part image section-->
 +
 +
    <div
 +
class="parallax-image-wrapper parallax-image-wrapper-50"
 +
data-anchor-target="#project + .gap"
 +
data-bottom-top="transform:translate3d(0px, 300%, 0px)"
 +
data-top-bottom="transform:translate3d(0px, 0%, 0px)">
 +
 +
<div
 +
class="parallax-image parallax-image-50"
 +
style="background-image:url(backgroundPictures/parts.png)"
 +
data-anchor-target="#project + .gap"
 +
data-bottom-top="transform: translate3d(0px, -60%, 0px);"
 +
data-top-bottom="transform: translate3d(0px, 60%, 0px);"
 +
></div>
 +
</div>
 +
   
 +
<!-- Notebook image section-->
 +
 +
    <div
 +
            class="parallax-image-wrapper parallax-image-wrapper-50"
 +
            data-anchor-target="#part + .gap"
 +
            data-bottom-top="transform:translate3d(0px, 300%, 0px)"
 +
            data-top-bottom="transform:translate3d(0px, 0%, 0px)">
 +
   
 +
            <div
 +
                class="parallax-image parallax-image-50"
 +
                style="background-image:url(skrollr-master/examples/images/kitteh3.jpg)"
 +
                data-anchor-target="#part + .gap"
 +
                data-bottom-top="transform: translate3d(0px, -60%, 0px);"
 +
                data-top-bottom="transform: translate3d(0px, 60%, 0px);"
 +
            ></div>
 +
        </div>
 +
       
 +
<!-- Human practice image section-->
 +
 +
<div
 +
            class="parallax-image-wrapper parallax-image-wrapper-50"
 +
notebook    data-anchor-target="#notebook + .gap"
 +
            data-bottom-top="transform:translate3d(0px, 300%, 0px)"
 +
            data-top-bottom="transform:translate3d(0px, 0%, 0px)">
 +
   
 +
            <div
 +
                class="parallax-image parallax-image-50"
 +
                style="background-image:url(backgroundPictures/safety.jpg)"
 +
                data-anchor-target="#notebook + .gap"
 +
                data-bottom-top="transform: translate3d(0px, -60%, 0px);"
 +
                data-top-bottom="transform: translate3d(0px, 60%, 0px);"
 +
            ></div>
 +
        </div>
 +
       
 +
 +
<!-- Safety image section-->
 +
 +
<div
 +
            class="parallax-image-wrapper parallax-image-wrapper-50"
 +
notebook    data-anchor-target="#human_practice + .gap"
 +
            data-bottom-top="transform:translate3d(0px, 300%, 0px)"
 +
            data-top-bottom="transform:translate3d(0px, 0%, 0px)">
 +
   
 +
            <div
 +
                class="parallax-image parallax-image-50"
 +
                style="background-image:url(backgroundPictures/safety.jpg)"
 +
                data-anchor-target="#human_practice + .gap"
 +
                data-bottom-top="transform: translate3d(0px, -60%, 0px);"
 +
                data-top-bottom="transform: translate3d(0px, 60%, 0px);"
 +
            ></div>
 +
        </div>
 +
       
 +
<!-- Safety image section-->
 +
 +
<div
 +
            class="parallax-image-wrapper parallax-image-wrapper-50"
 +
            data-anchor-target="#safety + .gap"
 +
            data-bottom-top="transform:translate3d(0px, 300%, 0px)"
 +
            data-top-bottom="transform:translate3d(0px, 0%, 0px)">
 +
   
 +
            <div
 +
                class="parallax-image parallax-image-50"
 +
                style="background-image:url(skrollr-master/examples/images/kitteh3.jpg)"
 +
                data-anchor-target="#safety + .gap"
 +
                data-bottom-top="transform: translate3d(0px, -60%, 0px);"
 +
                data-top-bottom="transform: translate3d(0px, 60%, 0px);"
 +
            ></div>
 +
        </div>
 +
 +
<div id="skrollr-body">
 +
   
 +
    <!--Home section-->
 +
   
 +
  <div class="content" id="home">
 +
Home
 +
</div>
 +
   
 +
    <!--Team section-->
 +
       
 +
<div class="gap gap-100" style="background-image:url(navigation/team.jpg);">         </div>
 +
       
 +
  <div class="content content-full bigDiv" id="team" height = "650px">
 +
            <img src="TeamPagePicture/meetTheTeam.png" width = "30%"/>
 +
                  <table width="100%" border="2" cellpadding="2">
 +
                  <tr>
 +
                    <!-- picture of whole team -->
 +
                    <th width="61%" scope="row"><img src="TeamPagePicture/WholeTeam.png" title = "click on member to see details" usemap = "#Map" id = "wholeTeam" height = "450px"/></th>
 +
                    <!-- picture of each individual -->
 +
                    <td width="39%">
 +
                        <div id = "empty" width="500" height="376">
 +
                        </div>
 +
                       
 +
                        <div id = "kenneth" class = "memberPicture">
 +
       
 +
                            <img src="TeamPagePicture/kenneth.jpg" width="500" height="376" alt="kenneth" float = "left"/>
 +
                                <p><b>Kenneth Lim Kun Ming</b></p>
 +
                                <p>
 +
                                    Research Interest: Bioinformatics, Genetic analysis
 +
                                    Random fact: Is apparently Schrˆdinger's Biologist
 +
                                </p>
 +
                      </div>
 +
                            <!--kenneth-->
 +
                        <div id = "clarice" width = "100%" height = "auto">
 +
                            <img src="TeamPagePicture/people_clarice.jpg" width="500" height="376" />
 +
                          <p><b>Clarice Hong Kit Yee</b></p>
 +
       
 +
                            <p>Research Interest: genetics, RNA, cancer
 +
                            Past research projects: (can't rmb, tell you later)
 +
                            <p>Current project: Differential roles of SALL4A and SALL4B in HCC
 +
                            <p>
 +
                        </div> <!--clarice-->
 +
                        <div id = "chi_yan" width = "100%" height = "auto">
 +
                       
 +
                        <img src="TeamPagePicture/chiyan.jpg" width="251" height="376" alt="chiyan">
 +
                          <p><b>Wong Chi Yan</b></p>
 +
                               
 +
                                <p>Research Interest: Microbiology, molecular biology, proteomics                            </p>
 +
                                <p>Past research project: Genetic studies on Salmonella biofilms                            </p>
 +
                                <p>Current project: Role of fumarase and cysteine dehydrogenase in DNA damage response </p>
 +
                                <p>Random fact: Likes statistics and playing volleyball :)</p>
 +
                        </div><!--chiyan-->
 +
                       
 +
                      <div id = "xin_yi" width = "100%" height = "auto">
 +
                       
 +
                        <img src="TeamPagePicture/xinyi.jpg" width="500" height="376" />
 +
                        <p><b>Yeo Xin Yi</b></p>
 +
                              <p>Research Interests: Neurobiology, Neurosciences                          </p>
 +
                                <p>Past research projects: Role of STAT in neuroinflammation and the pathogenesis of Alzheimer's Disease</p>
 +
                                <p> Current research projects: Synaptic plasticity threshold in hippocampal CA1 pyramidal neurons, Role of WNK1 in neuronal survival and development                            </p>
 +
                                <p>Random fact: Blah ~</p>
 +
                       
 +
                      </div>
 +
                        <!--xinyi-->
 +
                       
 +
                      <div id = "yi_han" width = "100%" height = "auto">
 +
                       
 +
                        <img src="TeamPagePicture/yihan.jpg" width="500" height="376" />
 +
                       
 +
                        <p><b>Tan Yi Han</b></p>
 +
                          <p>Research Interests: Pathogens, Immunology, Synthetic biology                      </p>
 +
                            <p>Past research projects: Genetic studies on plant pathogenic fungi, Drug screening for Acute Lymphoblastic Leukemia                        </p>
 +
                            <p>Current project: Characterisation of Klebsiella pneumoniae isolates from liver abscess                        </p>
 +
                            <p>Random fact: Knits and bakes in spare time. =)</p>
 +
                           
 +
                      </div>
 +
                        <!--yihan-->
 +
                        <div id = "yan_ting" width = "100%" height = "auto">
 +
                        <img src="TeamPagePicture/yanting.jpg" width="500" height="376" alt="yanting">
 +
                            <strong>Hee Yanting</strong>
 +
                            <p>Research Interests: RNA, genomics, epigenetics</p>
 +
       
 +
                            <p>Past research projects: microRNA as a potential therapeutic strategy for colorectal cancer, Characterising LPA1 antagonists using calcium imaging</p>
 +
                            <p>Current project: The role and targeting of EZH2 in lymphoma</p>
 +
                            <p>Random fact: Plays the erhu and self-learning cello and classical guitar<p>
 +
                       
 +
                        </div> 
 +
                        <!--yanting-->
 +
                        <div id = "adrian" width = "100%" height = "auto">
 +
                       
 +
                          <p><img src="TeamPagePicture/adrian.jpg" width="500" height="376" />
 +
                         
 +
                          <strong>Adrian Tan Hong Ji
 +
                          </strong></p>
 +
                          <p>Research Interest: Genetic Engineering, Cancer, Immunology</p>
 +
                          <p> Random fact: 500 Hours in Terraria </p>
 +
                        </div>
 +
                        <!--adrian-->
 +
                        <div id = "yun_ting" width = "100%" height = "auto">
 +
                            <img src="TeamPagePicture/yunting.jpg" width="251" height="376" alt="yunting">
 +
    <p><b>Soong Yun Ting</b>
 +
                           
 +
                  </p>
 +
                            <p>Research Interests: Proteomics,
 +
                            Past research projects: Genetic studies on Salmonella biofilms                        </p>
 +
                            <p>Current project: Identification of protein players in metastasis                        </p>
 +
                            <p>Random fact: Plays the harmonica </p>
 +
                        </div> 
 +
                        <!--yunting-->
 +
                       
 +
                        <div id = "duy" width = "100%" height = "auto">
 +
                        <img src="TeamPagePicture/duy.jpg" width="500" alt="duy">
 +
                                <p><strong>Nguyen Duy</strong></p>
 +
                                <p>Research Interest: Pharmacoinfomatics, Bioinformatics, Neurosciences                      </p>
 +
                                <p>Past research project: Genetic linkage analysis of asthma</p>
 +
                                <p> Current project: Neurodegeneration of Drosophila Melanogaster.                      </p>
 +
                                <p>Random fact: 0 hour in Terraria </p>
 +
                        </div>
 +
                        <!--duy-->
 +
                    </td>
 +
                   
 +
                  </tr>
 +
                </table>
 +
    <map name="Map" id="Map">
 +
      <area id = "kenneth_map" shape="poly"  color="green" href="javascript:void(0);" coords="205,129,173,173,170,211,178,239,184,266,171,288,130,302,93,325,71,373,62,429,60,469,63,503,64,534,92,499,129,465,165,443,178,397,205,275,224,258,271,258,298,228,306,187,297,153,267,127,238,121" onclick = "showDetail('kenneth')"/>
 +
      <area id = "clarice_map" shape="poly" color="green" href="javascript:void(0);" coords="67,834,83,787,83,763,63,729,57,706,57,672,57,560,70,529,91,500,125,472,167,447,185,378,194,340,202,295,209,273,231,261,268,261,293,266,317,282,328,297,329,315,331,371,300,433,331,457,355,471,372,483,380,493,334,609,320,671,343,695,341,746,372,784,364,826,360,838,405,839" href="#" onclick = "showDetail('clarice')"/>
 +
      <area id = "xin_yi_map" shape="poly" color="green" href="javascript:void(0);" coords="407,841,385,802,366,767,353,729,346,679,346,661,331,649,339,603,361,542,380,501,390,491,457,470,479,451,476,438,471,411,466,388,459,359,466,336,487,307,511,294,538,292,559,302,579,343,586,365,586,386,577,436,563,460,565,476,602,479,630,485,651,500,664,533,660,562,656,585,649,615,649,639,654,654,661,668,656,709,638,748,614,787,604,808,610,820,618,836" href="#" onclick = "showDetail('xin_yi')"/>
 +
      <area id = "chi_yan_map" shape="poly" color="green" href="javascript:void(0);" coords="388,487,363,473,326,448,309,429,319,406,335,375,334,354,363,342,376,338,387,260,399,207,424,186,453,183,472,192,490,212,498,239,504,262,505,284,481,309,464,336,457,370,466,393,472,423,475,442,474,453,452,470" href="#" onclick = "showDetail('chi_yan')"/>
 +
     
 +
      <area id = "yi_han_map" shape="poly" color="green" href="javascript:void(0);" coords="667,522,657,502,621,479,578,471,567,461,579,439,589,395,590,359,585,348,603,343,603,307,607,253,626,222,646,206,672,205,698,212,709,237,719,264,730,292,733,321,739,359,737,379,731,416,725,449,717,473,715,483" href="#" onclick = "showDetail('yi_han')"/>
 +
     
 +
      <area id = "yanting_map" shape="poly" color="green" href="javascript:void(0);" coords="717,838,677,841,686,789,668,720,664,690,660,661,650,622,658,585,670,527,693,505,720,482,729,445,738,382,767,319,788,305,804,305,828,307,864,343,877,364,874,388,879,413,908,494,920,539,922,554,931,572,942,629,937,680,932,703,931,722,927,743,917,778,895,839" href="#" onclick = "showDetail('yan_ting')"/>
 +
      <area id = "yunting_map" shape="poly" color="green" href="javascript:void(0);" coords="933,836,933,813,932,760,935,702,942,662,944,620,933,565,947,534,981,489,1010,474,1022,460,1006,421,993,401,996,382,1006,331,1030,308,1051,307,1081,304,1106,316,1137,349,1129,328,1143,383,1148,410,1152,452,1159,484,1204,520,1220,551,1234,596,1239,618,1246,656,1250,675,1216,713,1216,739,1218,778,1219,810,1219,831" href="#" onclick = "showDetail('yun_ting')"/>
 +
      <area id = "adrian_map" shape="poly" color="green" href="javascript:void(0);" coords="930,559,917,516,903,472,886,424,878,396,881,366,887,354,906,347,917,342,920,331,915,326,909,299,907,252,922,228,948,209,968,207,987,210,1001,220,1011,236,1016,266,1012,292,1012,306,1005,330,999,360,996,394,997,411,1005,432,1015,447,1018,457" href="#" onclick = "showDetail('adrian')"/>
 +
      <area id = "duy_map" shape="poly" color="green" href="javascript:void(0);" coords="1225,834,1219,719,1250,680,1246,633,1224,552,1208,520,1168,487,1157,465,1148,395,1143,369,1183,334,1178,303,1165,286,1154,249,1178,199,1211,183,1234,190,1263,203,1277,234,1279,266,1277,291,1269,309,1274,326,1306,347,1360,377,1369,488,1357,542" href="#" onclick = "showDetail('duy')"/>
 +
    </map>
 +
               
 +
               
 +
  </div>
 +
       
 +
    <!-- Mentor section-->
 +
       
 +
  <div class="gap gap-15" style="background-image:url(TeamPagePicture/linda_meeting_grp.jpg);">
 +
  </div>
 +
       
 +
       
 +
        <div class="content content-full" id="mentor" style = "height:150%">
 +
    <div id = "ourBelovedMentorsTxtContainer" width = "100%">
 +
    <img src="TeamPagePicture/ourBelovedMentors.png" width="30%" alt="ourBelovedMentors">
 +
    </div>
 +
    <div id = "ourBelovedMentorsContainer" width = "100%">
 +
    <img src="TeamPagePicture/linda_stuti_leslie.jpg" width="50%" alt="linda_stuti_leslie" class = "center">
 +
    </div>
 +
<table width="100%" border="2">
 +
  <tr>
 +
    <td width = "33%"><p><img src="TeamPagePicture/people_advisor_Leslie.jpeg" width="200" height="260" alt="Leslie">
 +
        </p>
 +
      <p><strong>Leslie Gapter</strong></p>
 +
      <p>Dr. Leslie is trained as a molecular biologist and her dissertation focused on breast development and tumorigenesis. Leslie joined NUS in 2005 and her past research has focused on analyzing botanical products for breast and prostate cancer treatment. </p>
 +
      <p>In 2008, Leslie became a full time scientific writer at the Mechanobiology Institute, Singapore, before moving into her current position as a Lecturer in 2010. Leslie teaches 'The Cell' module, which examines the universal mechanics and functions of cells from an integrated science perspective, for the Special Program in Science.</p></td>
 +
    <td width = "33%"><p><img src="TeamPagePicture/people_advisor_Linda.jpg" width="250" height="338" alt="Linda">     <p><strong>Linda J Kenney</strong></p>
 +
      <p>Dr Kenney is a Professor of Microbiology at the University of Illinois-Chicago. Her laboratory studies two-component systems in bacteria that control gene expression at a single cell and nanometer level.</p></td>
 +
    <td width = "33%"><p><img src="TeamPagePicture/people_Advisor_Stuti.jpg" width="220" height="300" alt="Stuti">
 +
      </p>
 +
      <p><strong>Stuti Desai </strong></p>
 +
      <p>She joined the Kenney group in May, 2012 with a strong urge to amalgamate her doctoral training in studying silent genetic systems in enterics to decipher the behavior of bacteria under various environmental challenges. She obtained her doctorate from the Indian Institute of Science, Bangalore, India, under the guidance of Prof Subramony Mahadevan. She studied Biochemistry for my Master's degree and Chemistry, Physics and Zoology for her Bachelor's degree at the Maharaja Sayajirao University of Baroda, Baroda, India. </p></td>
 +
  </tr>
 +
</table>
 +
  </div>
 +
       
 +
  <!--Project section--> 
 +
        <div class="gap gap-130" style="background-image:url(navigation/project.jpg);"></div>
 +
       
 +
     
 +
<div class="content content-full bigDiv" id="project">
 +
        <img src="projectPagePicture/theProjects.png" width="30%" alt="theProject">
 +
            <div id="accordionProject">
 +
              <h3>Description</h3>
 +
              <div>
 +
                    <p>
 +
                    For description
 +
                    </p>
 +
              </div>
 +
              <h3>Experiment and Protocol</h3>
 +
                  <div>
 +
                    <p>
 +
                    For experiment and protocol
 +
                    </p>
 +
                  </div>
 +
              <h3>Result</h3>
 +
                  <div>
 +
                    <p>
 +
                    For result
 +
                    <p>
 +
                  </div>
 +
              <h3>Design</h3>
 +
                  <div>
 +
                    <p>
 +
                    For design
 +
                    </p>
 +
                  </div>
 +
          </div>
 +
        </div>
 +
       
 +
       
 +
  <div class="gap gap-50" style="background-image:url(backgroundPictures/parts.png);"></div>
 +
       
 +
      <!--part section-->
 +
        <div class="content content-full bigDiv" id="part">
 +
    <img src="partPicture/part.png" width="30%" alt="Parts">
 +
            <div id="accordionPart">
 +
                  <h3>Team part</h3>
 +
              <div>
 +
                    <p>
 +
                    For Team part
 +
                    </p>
 +
              </div>
 +
                  <h3>Basic part</h3>
 +
                  <div>
 +
                    <p>
 +
                    For basic part
 +
                    </p>
 +
                  </div>
 +
                  <h3>Composite part</h3>
 +
                  <div>
 +
                    <p>
 +
                    For composite part
 +
                    <p>
 +
                  </div>
 +
                  <h3>Part collection</h3>
 +
                  <div>
 +
                    <p>
 +
                    For part collection
 +
                    </p>
 +
                  </div>
 +
          </div>
 +
  </div>
 +
       
 +
  <div class="gap gap-50" style="background-image:url(navigation/project.jpg);"></div>
 +
       
 +
        <!--notebook section-->
 +
        <div class="content content-full bigDiv" id="notebook">
 +
          <p><img src="notebookPicture/notebook.png" width="30%"  alt="notebook"></p>
 +
          <table width="100%" border="2" cellpadding="2">
 +
            <tr>
 +
                <th scope="row" width = "50%">
 +
                <div id='calendar'></div>
 +
                </th>
 +
                <td>
 +
                <div id = "notebookContainer">
 +
                   
 +
                    </div>
 +
                </td>
 +
              </tr>
 +
            </table>
 +
            <div id = "calendarStorage">
 +
      <!-- 25_05 -->
 +
                    <div id = "25_05">
 +
                        <p><strong>Yi Han            </strong></p>
 +
                        <p>Received 2 bacterial stab cultures, EsaR/I plasmid from addgene (CHL) and BBa_K299812 from iGEM HQ. </p>
 +
                        <p>Streaked out on plates with amp. </p>
 +
              </div>
 +
                    <!-- 26_05 -->
 +
                    <div id = "26_05">
 +
                    <p><strong>Adrian                      </strong></p>
 +
                    <p>Transformed:</p>
 +
                    <p> +Kit plate 1 9N Ba_K763002 chl                      </p>
 +
                    <p>+Kit plate 4 13L BBa_E0040 amp </p>
 +
                    <p>DNa was received in powder form in plates, and resuspended in 10ul ultrapure H2O respectively. Plates were stored in -20/ </p>
 +
                       
 +
                      <p><strong>Yi Han                      </strong></p>
 +
                        <p>Plates cracked in incubator as they dried from lack of humidity.
 +
                        </p>
 +
                        <p>Transfer to small incubator with beaker of water for humidity
 +
                          no single colonies for inv plasmid -> streak again.
 +
                        </p>
 +
                        <p>Wrong antibiotic for EsaR/I plasmid-> streak out again
 +
                         
 +
                        </p>
 +
                    </div>
 +
                    <!-- 28_05 -->
 +
                    <div id = "28_05">
 +
                        <p><strong>Yi Han            </strong></p>
 +
                          <p>Inoculate single colony of invasin plasmid carrying bacteria in 3mL LB+amp                          </p>
 +
                      <p>Transformation of 13L repeated with 1ul of DNA. </p>
 +
                    </div>
 +
                    <!-- 29_05 -->
 +
              <div id = "29_05">
 +
                        <strong>Xin Yi</strong>
 +
                      </p>
 +
                <p>No colonies grew for 13L on all plates ->adjust incubator, make new media
 +
                </p>
 +
                      <p>Miniprep of inoculated bacteria for invasin plasmid                      </p>
 +
                <p>RE of invasin plasmid:
 +
                        RsaI 1ul,
 +
                        EcoRI 1ul,
 +
                        INv plasmid 7.5ul,
 +
                        H20 35.5ul,
 +
                        NEB buffer 4 5ul,
 +
                        37degC for 1h 20min                        </p>
 +
                <p>RE control:
 +
                        RsaI 0ul,
 +
                        EcoRI 0ul,
 +
                        Inv plasmid 7.5ul,
 +
                        H2O 37.5ul,
 +
                BUffer 4 5ul </p>
 +
                      <p><img src="notebookPicture/29_05.png" width="466" height="322" alt="29_05_gelRun"></p>
 +
                      Repeat transformation of 13L with 1ul
 +
 +
              </div>
 +
          </div>
 +
  </div>
 +
       
 +
  <div class="gap gap-50" style="background-image:url(navigation/project.jpg);"></div>
 +
       
 +
        <!--Human Practice section-->
 +
        <div class="content content-full bigDiv" id="human_practice">
 +
    <img src="humanPracticePicture/humanPractice.png" width="40%" alt="human practice"> </div>
 +
       
 +
  <div class="gap gap-50" style="background-image:url(backgroundPictures/safety.jpg);"></div>
 +
       
 +
        <!--safety section-->
 +
        <div class="content content-full bigDiv" id="safety">
 +
    <img src="safetyPicture/safety.png" width="30%" alt="safety"> </div>
 +
       
 +
  <div class="gap gap-50" style="background-image:url(navigation/project.jpg);"></div>
 +
       
 +
       
 +
  <div class="content" id="done">
 +
done
 +
  </div>
 +
</div>
 +
 +
<script type="text/javascript" src="skrollr-master/dist/skrollr.min.js"></script>
 +
   
 +
<script type="text/javascript">
 +
// script for sticking header
 +
var sections = $('section')
 +
  , divs = $('.bigDiv')
 +
  , nav = $('nav')
 +
  , nav_height = nav.outerHeight();
 +
 +
$(window).on('scroll', function () {
 +
  var cur_pos = $(this).scrollTop();
 +
 +
  divs.each(function() {
 +
    var top = $(this).offset().top - nav_height,
 +
        bottom = top + $(this).outerHeight();
 +
    if (cur_pos >= top && cur_pos <= bottom) {
 +
 
 +
      nav.find('a').removeClass('active');
 +
      divs.removeClass('active');
 +
 
 +
      $(this).addClass('active');
 +
      nav.find('a[href="#'+$(this).attr('id')+'"]').addClass('active');
 +
  console.log($(this).attr('id'));
 +
    }
 +
  });
 +
});
 +
 +
nav.find('a').on('click', function () {
 +
  var $el = $(this)
 +
    , id = $el.attr('href');
 +
  $('html, body').animate({
 +
    scrollTop: $(id).offset().top - nav_height
 +
  }, 500);
 +
 
 +
  return false;
 +
});
 +
</script>
 +
   
 +
<script>
 +
//script for parallax
 +
skrollr.init({
 +
smoothScrolling: false,
 +
mobileDeceleration: 0.004
 +
});
 +
</script>
 +
   
 +
</body>
 +
<!-- script for member highlight when click-->
 +
<script>
 +
var memberName = ["empty","kenneth", "clarice", "chi_yan", "xin_yi", "yi_han", "yan_ting", "adrian", "yun_ting", "duy"];
 +
 +
var arrayLength = memberName.length;
 +
 +
$( window ).load(function() {
 +
  for (var i = 0; i < arrayLength; i++) {
 +
document.getElementById(memberName[i]).style.display = "none";
 +
}
 +
});
 
</script>
 
</script>
  
 
</html>
 
</html>

Revision as of 17:16, 21 July 2015

Classic parallax page

Home
kenneth

Kenneth Lim Kun Ming

Research Interest: Bioinformatics, Genetic analysis Random fact: Is apparently Schrˆdinger's Biologist

Clarice Hong Kit Yee

Research Interest: genetics, RNA, cancer Past research projects: (can't rmb, tell you later)

Current project: Differential roles of SALL4A and SALL4B in HCC

chiyan

Wong Chi Yan

Research Interest: Microbiology, molecular biology, proteomics

Past research project: Genetic studies on Salmonella biofilms

Current project: Role of fumarase and cysteine dehydrogenase in DNA damage response

Random fact: Likes statistics and playing volleyball :)

Yeo Xin Yi

Research Interests: Neurobiology, Neurosciences

Past research projects: Role of STAT in neuroinflammation and the pathogenesis of Alzheimer's Disease

Current research projects: Synaptic plasticity threshold in hippocampal CA1 pyramidal neurons, Role of WNK1 in neuronal survival and development

Random fact: Blah ~

Tan Yi Han

Research Interests: Pathogens, Immunology, Synthetic biology

Past research projects: Genetic studies on plant pathogenic fungi, Drug screening for Acute Lymphoblastic Leukemia

Current project: Characterisation of Klebsiella pneumoniae isolates from liver abscess

Random fact: Knits and bakes in spare time. =)

yanting Hee Yanting

Research Interests: RNA, genomics, epigenetics

Past research projects: microRNA as a potential therapeutic strategy for colorectal cancer, Characterising LPA1 antagonists using calcium imaging

Current project: The role and targeting of EZH2 in lymphoma

Random fact: Plays the erhu and self-learning cello and classical guitar

Adrian Tan Hong Ji

Research Interest: Genetic Engineering, Cancer, Immunology

Random fact: 500 Hours in Terraria

yunting

Soong Yun Ting

Research Interests: Proteomics, Past research projects: Genetic studies on Salmonella biofilms

Current project: Identification of protein players in metastasis

Random fact: Plays the harmonica

duy

Nguyen Duy

Research Interest: Pharmacoinfomatics, Bioinformatics, Neurosciences

Past research project: Genetic linkage analysis of asthma

Current project: Neurodegeneration of Drosophila Melanogaster.

Random fact: 0 hour in Terraria

ourBelovedMentors
linda_stuti_leslie

Leslie

Leslie Gapter

Dr. Leslie is trained as a molecular biologist and her dissertation focused on breast development and tumorigenesis. Leslie joined NUS in 2005 and her past research has focused on analyzing botanical products for breast and prostate cancer treatment.

In 2008, Leslie became a full time scientific writer at the Mechanobiology Institute, Singapore, before moving into her current position as a Lecturer in 2010. Leslie teaches 'The Cell' module, which examines the universal mechanics and functions of cells from an integrated science perspective, for the Special Program in Science.

Linda

Linda J Kenney

Dr Kenney is a Professor of Microbiology at the University of Illinois-Chicago. Her laboratory studies two-component systems in bacteria that control gene expression at a single cell and nanometer level.

Stuti

Stuti Desai

She joined the Kenney group in May, 2012 with a strong urge to amalgamate her doctoral training in studying silent genetic systems in enterics to decipher the behavior of bacteria under various environmental challenges. She obtained her doctorate from the Indian Institute of Science, Bangalore, India, under the guidance of Prof Subramony Mahadevan. She studied Biochemistry for my Master's degree and Chemistry, Physics and Zoology for her Bachelor's degree at the Maharaja Sayajirao University of Baroda, Baroda, India.

theProject

Description

For description

Experiment and Protocol

For experiment and protocol

Result

For result

Design

For design

Parts

Team part

For Team part

Basic part

For basic part

Composite part

For composite part

Part collection

For part collection

notebook

Yi Han

Received 2 bacterial stab cultures, EsaR/I plasmid from addgene (CHL) and BBa_K299812 from iGEM HQ.

Streaked out on plates with amp.

Adrian

Transformed:

+Kit plate 1 9N Ba_K763002 chl

+Kit plate 4 13L BBa_E0040 amp

DNa was received in powder form in plates, and resuspended in 10ul ultrapure H2O respectively. Plates were stored in -20/

Yi Han

Plates cracked in incubator as they dried from lack of humidity.

Transfer to small incubator with beaker of water for humidity no single colonies for inv plasmid -> streak again.

Wrong antibiotic for EsaR/I plasmid-> streak out again

Yi Han

Inoculate single colony of invasin plasmid carrying bacteria in 3mL LB+amp

Transformation of 13L repeated with 1ul of DNA.

Xin Yi

No colonies grew for 13L on all plates ->adjust incubator, make new media

Miniprep of inoculated bacteria for invasin plasmid

RE of invasin plasmid: RsaI 1ul, EcoRI 1ul, INv plasmid 7.5ul, H20 35.5ul, NEB buffer 4 5ul, 37degC for 1h 20min

RE control: RsaI 0ul, EcoRI 0ul, Inv plasmid 7.5ul, H2O 37.5ul, BUffer 4 5ul

29_05_gelRun

Repeat transformation of 13L with 1ul
human practice
safety
done