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

(Prototype team page)
 
 
Line 1: Line 1:
−
{{IISER_Pune}}
 
−
<html>
 
  
−
<h2>Team</h2>
+
<!-- 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>team</title>
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </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%}
 +
</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>
  
−
 
−
<h4>Inspiration</h4>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
 
<ul>
 
<ul>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<li><a href="aknow.html" style="font-weight:bold;font-family:Microsoft YaHei">acknowledgement</a></li>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
<li><a href="human-practice.html" style="font-weight:bold;font-family:Microsoft YaHei">humanpractice</a></li>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
<li><a href="project.html" style="font-weight:bold;font-family:Microsoft YaHei">project</a></li>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</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>
 
</ul>
 +
</nav>
 +
<div id='menu-toggle'>
 +
<div class='menu-icon'><img src="menu-fe5f9c80.svg" /></div>
 +
</div>
  
−
<h5>What should this page contain?</h5>
+
<div id='menu-overlay'>
 +
<div class='menu-content'>
 
<ul>
 
<ul>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<li><a href="aknow.html" style="font-weight:bold;font-family:Microsoft YaHei">acknowledgement</a></li>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<li><a href="human-practice.html" style="font-weight:bold;font-family:Microsoft YaHei">humanpractice</a></li>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<li><a href="project.html" style="font-weight:bold;font-family:Microsoft YaHei">project</a></li>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</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>
 +
</div>
 +
</div>
  
 +
<div id="header" style="background-image:url(team.jpg);background-size:cover">
 +
<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>
  
 +
 +
 +
 +
<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;">
 +
你在火中涅槃，灵魂不死；你在花间长眠，记忆不消。绚烂的阳光是迎接你西去的光环，不知你独自一人去那方可会感到孤单？
 +
[一]魂去
 +
      起初听到你的死，我是愕然的。毕竟听说你的病情好了不少，却不料那只是最后的回光返照。
 +
      我没有流泪，甚至没有悲伤，脑子里只是混混沌沌的一团。死？那是我们所有人最后的归宿吧。或许于你更是能够减少痛苦，未尝不是一件好事。
 +
      一切被我想得太简单，甚至太过理所当然了。理智，真是一个可怕的局。
 +
[二]席间
 +
      小号、大鼓敲个不停，那种声音不得不说是一种噪音。良久声止，开始一个个念悼词。
 +
      我这时才发现，原来我并没有那么冷漠，缘是城市的喧嚣麻木了我的心。想起那年你的温言软语、慈爱笑容，泪竟是就这样忍不住地从眼眶中溢出了。我撇过头，不愿让人看见，嘴角仍是挂着笑容。
 +
      呵呵，我竟觉着在这葬礼上哭泣都是可耻的。望着周围人谈笑风生，我的心有点寒。到场的那么多人，究竟又有几个是真心的呢？可怜，还是可悲啊？
 +
      原来人可以铁石心肠这种程度，可毕竟他们中很多人比我和你的关系更近啊！听着那个花钱雇来哭的人呜咽，看着那人热泪纵横，我终是忍不住苦笑，竟是一个毫不相识的外人哭得最伤心。这是讽刺，还是笑话？
 +
  [三]送葬
 +
      你说，为什么他们还能那样淡然，可我偏偏忍不住泪流满面？为什么他们那个惊讶的表情让我竟是感到羞愧？好像自己做了什么惊天动地的事一样？
 +
      执着一根香，撒下一碗酒，三拜三叩，泪融于酒，我如若痴人。
 +
      照礼我是不必披麻戴孝的，只需戴着那顶白色的帽子即可。沿着幽僻的小路，我跟着吹着小号开路的队伍走在末尾。
 +
      风景甚好，埋在那棵大树底下，你会不会成为那树的枝，树的叶？
 +
[四]感怀
 +
      死生有命，无可更改。谋事在人，成事在天。任你生前浮华万千，到头来不过一抔尘土，一捧青灰。愿逝者安息，生者恬淡。
 +
      有时候我们看不到自己拥有的美好，直到失去才恍然叹息。逝者已矣，页已掀过，惜福、感恩，生活其实温暖如花。
 +
      花开半夏，倾尽繁华，愿你回眸半刹。你可听到我在同你夜话？
 +
</TD>
 +
    </TR>
 +
</TABLE>
 
</div>
 
</div>
−
</html>
+
 
 +
 
 +
</div>
 +
 
 +
 
 +
</body></html>

Latest revision as of 11:30, 13 September 2015

team

你在火中涅槃，灵魂不死；你在花间长眠，记忆不消。绚烂的阳光是迎接你西去的光环，不知你独自一人去那方可会感到孤单？ [一]魂去 起初听到你的死，我是愕然的。毕竟听说你的病情好了不少，却不料那只是最后的回光返照。 我没有流泪，甚至没有悲伤，脑子里只是混混沌沌的一团。死？那是我们所有人最后的归宿吧。或许于你更是能够减少痛苦，未尝不是一件好事。 一切被我想得太简单，甚至太过理所当然了。理智，真是一个可怕的局。 [二]席间 小号、大鼓敲个不停，那种声音不得不说是一种噪音。良久声止，开始一个个念悼词。 我这时才发现，原来我并没有那么冷漠，缘是城市的喧嚣麻木了我的心。想起那年你的温言软语、慈爱笑容，泪竟是就这样忍不住地从眼眶中溢出了。我撇过头，不愿让人看见，嘴角仍是挂着笑容。 呵呵，我竟觉着在这葬礼上哭泣都是可耻的。望着周围人谈笑风生，我的心有点寒。到场的那么多人，究竟又有几个是真心的呢？可怜，还是可悲啊？ 原来人可以铁石心肠这种程度，可毕竟他们中很多人比我和你的关系更近啊！听着那个花钱雇来哭的人呜咽，看着那人热泪纵横，我终是忍不住苦笑，竟是一个毫不相识的外人哭得最伤心。这是讽刺，还是笑话？ [三]送葬 你说，为什么他们还能那样淡然，可我偏偏忍不住泪流满面？为什么他们那个惊讶的表情让我竟是感到羞愧？好像自己做了什么惊天动地的事一样？ 执着一根香，撒下一碗酒，三拜三叩，泪融于酒，我如若痴人。 照礼我是不必披麻戴孝的，只需戴着那顶白色的帽子即可。沿着幽僻的小路，我跟着吹着小号开路的队伍走在末尾。 风景甚好，埋在那棵大树底下，你会不会成为那树的枝，树的叶？ [四]感怀 死生有命，无可更改。谋事在人，成事在天。任你生前浮华万千，到头来不过一抔尘土，一捧青灰。愿逝者安息，生者恬淡。 有时候我们看不到自己拥有的美好，直到失去才恍然叹息。逝者已矣，页已掀过，惜福、感恩，生活其实温暖如花。 花开半夏，倾尽繁华，愿你回眸半刹。你可听到我在同你夜话？