Difference between revisions of "Team:NJU-China/Notebook"

(Prototype team page)
 
 
Line 1: Line 1:
−
{{NJU-China}}
+
<!DOCTYPE html>
−
<html>
+
<!-- saved from url=(0029)http://thefounderspledge.org/ -->
 +
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 +
<meta charset="utf-8">
 +
<!-- Always force latest IE rendering engine or request Chrome Frame -->
 +
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
 +
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">
 +
<!-- Use title if it's in the page YAML frontmatter -->
 +
<title>notebook</title>
  
−
<h2>Notebook</h2>
 
  
−
<p> Document the dates you worked on your project.</p>
+
<meta content="#ffffff" name="msapplication-TileColor">
 +
<meta content="/images/favicon/ms-icon-144x144-46dbe12c.png" name="msapplication-TileImage">
 +
<meta content="#ffffff" name="theme-color">
 +
<link href="./file-all-d951c374.css" rel="stylesheet" type="text/css">
 +
<script async="" src="./file-analytics.js"></script><script src="./file-all-ecacc06a.js" type="text/javascript"></script>
 +
<link href="./file-slick.css" rel="stylesheet" type="text/css">
 +
<link href="./file-slick-theme.css" rel="stylesheet" type="text/css">
 +
<link href="./file-css" rel="stylesheet" type="text/css">
 +
 
 +
<style type="text/css">
 +
    *{ margin:0; padding:0;    list-style:none;}
 +
    #nav a { text-decoration:underline;color:#06c; font-size:14px; line-height:24px;text-decoration: none;}
 +
    #nav ul{ margin-bottom:5px;}
 +
    #nav strong{ color:#696;}
 +
    #nav.dyn li ul{ display:none;}
 +
    #nav.dyn li ul.show{ display:block;}
 +
    #nav.dyn li{ padding-left:15px;line-height:250%}
 +
#btn {background:url(notebook-button3.jpg);}
 +
#btn:hover {background:url(notebook-button4.jpg);}
 +
#btn2 {background:url(notebook-button1.jpg);}
 +
#btn2:hover {background:url(notebook-button2.jpg);}
 +
#btn3 {background:url(notebook-button6.jpg);}
 +
#btn3:hover {background:url(notebook-button7.jpg);}
 +
#btn4 {background:url(notebook-button5.jpg);}
 +
#btn4:hover {background:url(notebook-button8.jpg);}
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
DOMhelp={
 +
debugWindowId:'DOMhelpdebug',
 +
init:function(){
 +
if(!document.getElementById || !document.createTextNode){return;}
 +
},
 +
lastSibling:function(node){
 +
var tempObj=node.parentNode.lastChild;
 +
while(tempObj.nodeType!=1 && tempObj.previousSibling!=null){
 +
tempObj=tempObj.previousSibling;
 +
}
 +
return (tempObj.nodeType==1)?tempObj:false;
 +
},
 +
firstSibling:function(node){
 +
var tempObj=node.parentNode.firstChild;
 +
while(tempObj.nodeType!=1 && tempObj.nextSibling!=null){
 +
tempObj=tempObj.nextSibling;
 +
}
 +
return (tempObj.nodeType==1)?tempObj:false;
 +
},
 +
getText:function(node){
 +
if(!node.hasChildNodes()){return false;}
 +
var reg=/^\s+$/;
 +
var tempObj=node.firstChild;
 +
while(tempObj.nodeType!=3 && tempObj.nextSibling!=null || reg.test(tempObj.nodeValue)){
 +
tempObj=tempObj.nextSibling;
 +
}
 +
return tempObj.nodeType==3?tempObj.nodeValue:false;
 +
},
 +
setText:function(node,txt){
 +
if(!node.hasChildNodes()){return false;}
 +
var reg=/^\s+$/;
 +
var tempObj=node.firstChild;
 +
while(tempObj.nodeType!=3 && tempObj.nextSibling!=null || reg.test(tempObj.nodeValue)){
 +
tempObj=tempObj.nextSibling;
 +
}
 +
if(tempObj.nodeType==3){tempObj.nodeValue=txt}else{return false;}
 +
},
 +
createLink:function(to,txt){
 +
var tempObj=document.createElement('a');
 +
tempObj.appendChild(document.createTextNode(txt));
 +
tempObj.setAttribute('href',to);
 +
return tempObj;
 +
},
 +
createTextElm:function(elm,txt){
 +
var tempObj=document.createElement(elm);
 +
tempObj.appendChild(document.createTextNode(txt));
 +
return tempObj;
 +
},
 +
closestSibling:function(node,direction){
 +
var tempObj;
 +
if(direction==-1 && node.previousSibling!=null){
 +
tempObj=node.previousSibling;
 +
while(tempObj.nodeType!=1 && tempObj.previousSibling!=null){
 +
tempObj=tempObj.previousSibling;
 +
}
 +
}else if(direction==1 && node.nextSibling!=null){
 +
tempObj=node.nextSibling;
 +
while(tempObj.nodeType!=1 && tempObj.nextSibling!=null){
 +
tempObj=tempObj.nextSibling;
 +
}
 +
}
 +
return tempObj.nodeType==1?tempObj:false;
 +
},
 +
initDebug:function(){
 +
if(DOMhelp.debug){DOMhelp.stopDebug();}
 +
DOMhelp.debug=document.createElement('div');
 +
DOMhelp.debug.setAttribute('id',DOMhelp.debugWindowId);
 +
document.body.insertBefore(DOMhelp.debug,document.body.firstChild);
 +
},
 +
setDebug:function(bug){
 +
if(!DOMhelp.debug){DOMhelp.initDebug();}
 +
DOMhelp.debug.innerHTML+=bug+'\n';
 +
},
 +
stopDebug:function(){
 +
if(DOMhelp.debug){
 +
DOMhelp.debug.parentNode.removeChild(DOMhelp.debug);
 +
DOMhelp.debug=null;
 +
}
 +
},
 +
getKey:function(e){
 +
if(window.event){
 +
      var key = window.event.keyCode;
 +
    } else if(e){
 +
      var key=e.keyCode;
 +
    }
 +
return key;
 +
},
 +
/* helper methods */
 +
getTarget:function(e){
 +
var target = window.event ? window.event.srcElement : e ? e.target : null;
 +
if (!target){return false;}
 +
while(target.nodeType!=1 && target.nodeName.toLowerCase()!='body'){
 +
target=target.parentNode;
 +
}
 +
return target;
 +
},
 +
stopBubble:function(e){
 +
if(window.event && window.event.cancelBubble){
 +
window.event.cancelBubble = true;
 +
}
 +
if (e && e.stopPropagation){
 +
e.stopPropagation();
 +
}
 +
},
 +
stopDefault:function(e){
 +
if(window.event && window.event.returnValue){
 +
window.event.returnValue = false;
 +
}
 +
if (e && e.preventDefault){
 +
e.preventDefault();
 +
}
 +
},
 +
cancelClick:function(e){
 +
if (window.event){
 +
window.event.cancelBubble = true;
 +
window.event.returnValue = false;
 +
}
 +
if (e && e.stopPropagation && e.preventDefault){
 +
e.stopPropagation();
 +
e.preventDefault();
 +
}
 +
},
 +
addEvent: function(elm, evType, fn, useCapture){
 +
if (elm.addEventListener){
 +
elm.addEventListener(evType, fn, useCapture);
 +
return true;
 +
} else if (elm.attachEvent) {
 +
var r = elm.attachEvent('on' + evType, fn);
 +
return r;
 +
} else {
 +
elm['on' + evType] = fn;
 +
}
 +
},
 +
cssjs:function(a,o,c1,c2){
 +
switch (a){
 +
case 'swap':
 +
o.className=!DOMhelp.cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2);
 +
break;
 +
case 'add':
 +
if(!DOMhelp.cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;}
 +
break;
 +
case 'remove':
 +
var rep=o.className.match(' '+c1)?' '+c1:c1;
 +
o.className=o.className.replace(rep,'');
 +
break;
 +
case 'check':
 +
var found=false;
 +
var temparray=o.className.split(' ');
 +
for(var i=0;i<temparray.length;i++){
 +
if(temparray[i]==c1){found=true;}
 +
}
 +
return found;
 +
break;
 +
}
 +
},
 +
    safariClickFix:function(){
 +
      return false;
 +
    }
 +
}
 +
DOMhelp.addEvent(window, 'load', DOMhelp.init, false);
 +
</script>
 +
<script type="text/javascript">
 +
<!--
 +
sn={
 +
    dynamicClass:'dyn',
 +
    showClass:'show',
 +
    parentClass:'parent',
 +
    openClass:'open',
 +
    navID:'nav',
 +
    init:function(){
 +
        var triggerLink;
 +
        if(!document.getElementById || !document.createTextNode){return;}
 +
        var nav=document.getElementById(sn.navID);
 +
        if(!nav){return;}
 +
        DOMhelp.cssjs('add',nav,sn.dynamicClass);       
 +
        var nested=nav.getElementsByTagName('ul');
 +
        for(var i=0;i<nested.length;i++){
 +
            triggerLink=nested[i].parentNode.getElementsByTagName('a')[0];
 +
            DOMhelp.cssjs('add',triggerLink.parentNode,sn.parentClass);       
 +
            DOMhelp.addEvent(triggerLink,'click',sn.changeSection,false);
 +
            triggerLink.onclick=DOMhelp.safariClickFix;
 +
            if(nested[i].parentNode.getElementsByTagName('strong').length>0){
 +
                DOMhelp.cssjs('add',triggerLink.parentNode,sn.openClass);       
 +
                DOMhelp.cssjs('add',nested[i],sn.showClass);
 +
            }
 +
        }
 +
    },
 +
    changeSection:function(e){
 +
        var t=DOMhelp.getTarget(e);
 +
        var firstList=t.parentNode.getElementsByTagName('ul')[0];
 +
        if(DOMhelp.cssjs('check',firstList,sn.showClass)){
 +
            DOMhelp.cssjs('remove',firstList,sn.showClass)
 +
            DOMhelp.cssjs('swap',t.parentNode,sn.openClass,sn.parentClass);
 +
        } else {
 +
            DOMhelp.cssjs('add',firstList,sn.showClass)
 +
            DOMhelp.cssjs('swap',t.parentNode,sn.openClass,sn.parentClass);
 +
        }
 +
        DOMhelp.cancelClick(e);
 +
    }
 +
}
 +
DOMhelp.addEvent(window,'load',sn.init,false);
 +
-->
 +
</script>
 +
</head>
 +
 
 +
<body class="index" data-view="index" style="">
 +
<div class="content">
 +
<nav>
  
−
<h5>What should this page have?</h5>
 
 
<ul>
 
<ul>
−
<li>Chronological notes of what your team is doing.</li>
+
<li><a href="aknow.html" style="font-weight:bold;font-family:Microsoft YaHei">acknowledgement</a></li>
−
<li> Brief descriptions of daily important events.</li>
+
<li><a href="human-practice.html" style="font-weight:bold;font-family:Microsoft YaHei">humanpractice</a></li>
−
<li>Pictures of your progress. </li>
+
<li><a href="project.html" style="font-weight:bold;font-family:Microsoft YaHei">project</a></li>
−
<li>Mention who participated in what task.</li>
+
<li><a href="notebook.html" style="font-weight:bold;font-family:Microsoft YaHei">notebook</a></li>
 +
<li><a href="safty.html" style="font-weight:bold;font-family:Microsoft YaHei">safty</a></li>
 +
<li><a href="team.html" style="font-weight:bold;font-family:Microsoft YaHei">team</a></li>
 +
<li><a href="model.html" style="font-weight:bold;font-family:Microsoft YaHei">model</a></li>
 +
<li><a class="button" href="#detail" style="font-weight:bold;font-family:Microsoft YaHei">home</a></li>
 
</ul>
 
</ul>
 +
</nav>
 +
<div id='menu-toggle'>
 +
<div class='menu-icon'><img src="menu-fe5f9c80.svg" /></div>
 +
</div>
  
 +
<div id='menu-overlay'>
 +
<div class='menu-content'>
 +
<ul>
 +
<li><a href="aknow.html" style="font-weight:bold;font-family:Microsoft YaHei">acknowledgement</a></li>
 +
<li><a href="human-practice.html" style="font-weight:bold;font-family:Microsoft YaHei">humanpractice</a></li>
 +
<li><a href="project.html" style="font-weight:bold;font-family:Microsoft YaHei">project</a></li>
 +
<li><a href="notebook.html" style="font-weight:bold;font-family:Microsoft YaHei">notebook</a></li>
 +
<li><a href="safty.html" style="font-weight:bold;font-family:Microsoft YaHei">safty</a></li>
 +
<li><a href="team.html" style="font-weight:bold;font-family:Microsoft YaHei">team</a></li>
 +
<li><a href="model.html" style="font-weight:bold;font-family:Microsoft YaHei">model</a></li>
 +
<li><a class="button" href="#detail" style="font-weight:bold;font-family:Microsoft YaHei">home</a></li>
 +
</ul>
 +
</div>
 +
</div>
  
−
<h4>Inspiration</h4>
+
<div id="header" style="background-image:url(notebook.jpg);background-size:cover">
−
<p>You can see what others teams have done to organize their notes:</p>
+
<div class="header-content">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-12">
 +
<div class="scroll-link-wrapper" style="visibility: visible;margin-top:500px ">
 +
<a class="scroll-link" href="#detail"><img src="./file-arrow_down.png">
 +
</a></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
 
−
</ul>
 
  
 +
 +
 +
 +
<div id="detail">
 +
<TABLE borderColor=#00ff99 height="100%" width="100%" border=0 style="table-layout:fixed">
 +
    <TR height="100%">
 +
<TD width="27%" bgColor=#EEE8AA style="vertical-align:top">
 +
<ul id="nav" style="height:100px;line-height:100px;margin-top:20%;margin-left:10%;list-style-type:none" class="dyn">
 +
<li><a href="presentation.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Home</a></li>
 +
<li><a href="project.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Project</a></li>
 +
<li><a href="notebook.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Notebook</a></li>
 +
<li><a href="#" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Model</a>
 +
        <ul>
 +
            <li><a href="model.html#deliverymodel" style="font-weight:bold;font-family:幼圆;font-size:20px;color:black">Delivery model</a></li>
 +
            <li><a href="#" style="font-weight:bold;font-family:幼圆;font-size:20px;color:black">RNAi model</a></li>
 +
        </ul>
 +
</li>
 +
<li style="line-height:250%"><a href="human-practice.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Human Practice</a></li>
 +
<li style="line-height:250%"><a href="safty.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Safty</a></li>
 +
<li style="line-height:250%"><a href="team.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Team</a></li>
 +
<li style="line-height:250%"><a href="aknow.html" style="font-weight:bold;font-family:幼圆;font-size:25px;color:black">Acknowledgement</a></li>
 +
</ul>
 +
 +
</TD>
 +
    <TD width="73%" bgColor=#FFFFFF style="vertical-align:top;padding-left:80px;padding-right:80px;padding-top:50px;padding-bottom:50px;word-wrap:break-word;">
 +
<h1 align="center">Notebook<h1>
 +
</br>
 +
<h1>Protocol</h1>
 +
<div>
 +
<img src="notebook-menu.jpg" style="width:500px;height:201px" />
 +
<a class="button" id="btn2" href="#vitro1" style="border:none;position:absolute;height:44px;width:160px;margin-top:20px"></a>
 +
<a class="button" id="btn" href="#vivo1" style="border:none;position:absolute;height:44px;width:160px;margin-top:70px"></a>
 +
<a class="button" id="btn4" href="#vitro2" style="border:none;position:absolute;height:44px;width:160px;margin-top:120px"></a>
 +
<a class="button" id="btn3" href="#vivo2" style="border:none;position:absolute;height:44px;width:160px;margin-top:170px"></a>
 +
</div>
 +
<img src="notebook-content1.jpg" />
 +
<div>
 +
<img id="vitro1" src="notebook-content2.jpg" />
 +
<img id="vivo1" src="notebook-content3.jpg" />
 +
<img id="vitro2" src="notebook-content4.jpg" />
 +
<img id="vivo2" src="notebook-content5.jpg" />
 +
  </div>
 +
</TD>
 +
    </TR>
 +
</TABLE>
 
</div>
 
</div>
−
</html>
+
 
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
</body></html>

Latest revision as of 11:28, 13 September 2015

<!DOCTYPE html> notebook