Team:ZJU-China/Notebook

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
 +
<link rel='stylesheet' type='text/css' href='main.css' />
 +
<link rel='stylesheet' type='text/css' href='Notebook.css' />
 +
<style type="text/css">
-
<html>
+
</style>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<script type="text/javascript">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
//<![CDATA[
-
This is a template page. READ THESE INSTRUCTIONS.
+
window.onload = function() {
-
</div>
+
rolinTab("rolin")
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
}
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
function rolinTab(obj) {
-
</div>
+
var list = $(obj).getElementsByTagName("LI");
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
var state = {show:false,hidden:false,showObj:false};
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page. PLEASE keep all of your pages within your teams namespace.
+
for (var i=0; i<list.length; i++) {
-
</div>
+
var tmp = new rolinItem(list[i],state);
-
</div>
+
if (i == 0) tmp.pShow();
-
</html>
+
}
 +
}
 +
function rolinItem(obj,state) {
 +
var speed = 0.0666;
 +
var range = 1;
 +
var interval;
 +
var tarH;
 +
var tar = this;
 +
var head = getFirstChild(obj);
 +
var content = getNextChild(head);
 +
var isOpen = false;
 +
this.pHidden = function() {
 +
if (isOpen) hidden();
 +
}
 +
this.pShow = show;
 +
var baseH = content.offsetHeight;
 +
content.style.display = "none";
 +
var isOpen = false;
 +
head.onmouseover = function() {
 +
this.style.background = "#EFEFEF";
 +
}
 +
head.onmouseout = mouseout;
 +
head.onclick = function() {
 +
this.style.background = "#EFEFEF";
 +
if (!state.show && !state.hidden) {
 +
if (!isOpen) {
 +
head.onmouseout = null;
 +
show();
 +
} else {
 +
hidden();
 +
}
 +
}
 +
}
 +
function mouseout() {
 +
this.style.background = "#FFF"
 +
}
 +
function show() {
 +
head.style.borderBottom = "1px solid #DADADA";
 +
state.show = true;
 +
if (state.openObj && state.openObj != tar ) {
 +
state.openObj.pHidden();
 +
}
 +
content.style.height = "0px";
 +
content.style.display = "block";
 +
content.style.overflow = "hidden";
 +
state.openObj = tar;
 +
tarH = baseH;
 +
interval = setInterval(move,10);
 +
}
 +
function showS() {
 +
isOpen = true;
 +
state.show = false;
 +
}
 +
function hidden() {
 +
state.hidden = true;
 +
tarH = 0;
 +
interval = setInterval(move,10);
 +
}
 +
function hiddenS() {
 +
head.style.borderBottom = "none";
 +
head.onmouseout = mouseout;
 +
head.onmouseout();
 +
content.style.display = "none";
 +
isOpen = false;
 +
state.hidden = false;
 +
}
 +
function move() {
 +
var dist = (tarH - content.style.height.pxToNum())*speed;
 +
if (Math.abs(dist) < 1) dist = dist > 0 ? 1: -1;
 +
content.style.height = (content.style.height.pxToNum() + dist) + "px";
 +
if (Math.abs(content.style.height.pxToNum() - tarH) <= range ) {
 +
clearInterval(interval);
 +
content.style.height = tarH + "px";
 +
if (tarH != 0) {
 +
showS()
 +
} else {
 +
hiddenS();
 +
}
 +
}
 +
}
 +
}
 +
var $ = function($) {return document.getElementById($)};
 +
String.prototype.pxToNum = function() {return Number(this.replace("px",""))}
 +
function getFirstChild(obj) {
 +
var result = obj.firstChild;
 +
while (!result.tagName) {
 +
result = result.nextSibling;
 +
}
 +
return result;
 +
}
 +
function getNextChild(obj) {
 +
var result = obj.nextSibling;
 +
while (!result.tagName) {
 +
result = result.nextSibling;
 +
}
 +
return result;
 +
}
 +
//]]>
 +
</script>
-
<!-- *** End of the alert box *** -->
+
</head>
 +
<body>
 +
<div id="contentwrapper">
 +
<div class="bgimg"></div>
 +
 +
           
 +
            <div class="header">
 +
            <div class="bgpart1"></div>
 +
            <div class="bgpart2"></div>
 +
            <div class="banner">
 +
                    <div class="logo"><img src="http://ung.igem.org/wiki/images/d/d0/Rainbologo2.4.s.png" width="200" height="200" /></div>
 +
                    <div class="title"><img src="http://ung.igem.org/wiki/images/b/b3/Title.png" width="603" height="220" /></div>
 +
                    <div class="igemlogo"><a  target="_blank" href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/e/e2/Igemlogo.png" width="180" height="150" /></a></div>
 +
          </div>
 +
                <div class="nav">
 +
                  <ul id="topnav">
 +
  <li id="P_Home"><a href="https://2011.igem.org/Team:ZJU-China">Home</a></li>
-
{|align="justify"
+
    <li id="P_Project">
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
        <a href="https://2011.igem.org/Team:ZJU-China/Project">Project</a>
-
|[[Image:ZJU-China_logo.png|200px|right|frame]]
+
        <!--Subnav Starts Here-->
-
|-
+
        <span >
-
|
+
            <a href="#">Introduction</a> |
-
''Tell us more about your project. Give us background. Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
            <a href="#">Modeling</a> |
-
|[[Image:ZJU-China_team.png|right|frame|Your team picture]]
+
            <a href="#">Data Page</a>
-
|-
+
        </span>
-
|
+
        <!--Subnav Ends Here-->
-
|align="center"|[[Team:ZJU-China | Team Example]]
+
    </li>
-
|}
+
    <li id="P_Team"><a href="https://2011.igem.org/Team:ZJU-China/Team">Team</a>
 +
    <span >
 +
            <a href="#">Meet our Team</a> |
 +
            <a href="#">Team member</a> |
 +
            <a href="#">Vedio</a> |
 +
            <a href="#">Gallery</a> |
 +
            <a href="#">University</a>
 +
      </span>
 +
    </li>
 +
    <li id="P_Notebook"><a href="https://2011.igem.org/Team:ZJU-China/Notebook">Notebook</a>
 +
    <span >
 +
            <a href="#">Summary</a> |
 +
            <a href="#">Diaries</a> |
 +
            <a href="#">Protocol</a>
 +
      </span>
 +
    </li><li id="P_HumanPractice"><a href=""https://2011.igem.org/Team:ZJU-China/HumanPractice">HumanPractice</a>
 +
    <span >
 +
            <a href="https://2011.igem.org/Team:ZJU-China/Safety">Safety</a> |
 +
            <a href="#">...</a> |
 +
            <a href="#">...</a>
-
<!--- The Mission, Experiments --->
+
    </li>
 +
</ul>
 +
                </div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</div>
-
!align="center"|[[Team:ZJU-China|Home]]
+
<div class="main">
-
!align="center"|[[Team:ZJU-China/Team|Team]]
+
<ul class="rolinList" id="rolin">
-
!align="center"|[https://igem.org/Team.cgi?year=2010&team_name=ZJU-China Official Team Profile]
+
<li>
-
!align="center"|[[Team:ZJU-China/Project|Project]]
+
<h3>WEEK 1</h3>
-
!align="center"|[[Team:ZJU-China/Parts|Parts Submitted to the Registry]]
+
<div class="n_content"><p>comming soon...<br /><br />
-
!align="center"|[[Team:ZJU-China/Modeling|Modeling]]
+
comming soon...<br />
-
!align="center"|[[Team:ZJU-China/Notebook|Notebook]]
+
comming soon...<br />
-
!align="center"|[[Team:ZJU-China/Safety|Safety]]
+
comming soon...<br />
-
!align="center"|[[Team:ZJU-China/Attributions|Attributions]]
+
comming soon...</p><a href="javascript:jumpto('week2.html')">More info</a></div>
-
|}
+
</li>
 +
<li>
 +
<h3>WEEK 2</h3>
 +
<div class="n_content"><p>comming soon...<br /><br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...</p><a href="javascript:jumpto('week2.html')">More info</a></div>
 +
</li>
 +
<li>
 +
<h3>WEEK 3 </h3>
 +
<div class="n_content"><p>comming soon...<br /><br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...</p><a href="javascript:jumpto('week2.html')">More info</a></div></li>
 +
<li>
 +
<h3>WEEK 4</h3>
 +
<div class="n_content"><p>comming soon...<br /><br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...</p><a href="javascript:jumpto('week2.html')">More info</a></div></li>
 +
<li>
 +
<h3>WEEK 5</h3>
 +
<div class="n_content"><p>comming soon...<br /><br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...</p><a href="javascript:jumpto('week2.html')">More info</a></div>
 +
</li>
 +
<li>
 +
<h3>WEEK 6</h3>
 +
<div class="n_content"><p>comming soon...<br /><br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...<br />
 +
comming soon...</p><a href="javascript:jumpto('week2.html')">More info</a></div>
 +
</li>
 +
</ul>
 +
<script>
 +
<!--
 +
var displaymode=0
 +
var iframecode='<iframe id="external" src="https://2011.igem.org/Team:ZJU-China/Notebook/week1" name= "week" frameborder="no" width="730" height="1500" align="right" scrolling="auto" ></iframe>'
 +
if (displaymode==0)
 +
document.write(iframecode)
 +
function jumpto(inputurl){
 +
if (document.getElementById&&displaymode==0)
 +
document.getElementById("external").src=inputurl
 +
else if (document.all&&displaymode==0)
 +
document.all.external.src=inputurl
 +
else{
 +
if (!window.win2||win2.closed)
 +
win2=window.open(inputurl)
 +
else{
 +
win2.location=inputurl
 +
win2.focus()
 +
}
 +
}
 +
}
 +
//-->
 +
</script>
 +
<p style ="clear:both"></p>
 +
            </div>
 +
            <div class="footer" id="footer"><a href="https://2011.igem.org/"> iGem 2011 Home Page</a>
 +
          <a href="http://ung.igem.org/Special:Upload/"> Upload Files</a>
 +
          <a href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit CSS</a>
 +
          <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a>
 +
         
 +
          <a href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a>
 +
         
 +
  </div>
 +
</div>
 +
</body>
 +
</html>
-
==Notebook==
+
{{zjucss_main}}
-
 
+
{{Zjucss_Notebook}}
-
You should make use of the calendar feature on the wiki and start a lab notebook.  This may be looked at by the judges to see how your work progressed throughout the summer.  It is a very useful organizational tool as well.
+

Revision as of 12:32, 7 September 2011

  • WEEK 1

    comming soon...

    comming soon...
    comming soon...
    comming soon...
    comming soon...

    More info

  • WEEK 2

    comming soon...

    comming soon...
    comming soon...
    comming soon...
    comming soon...

    More info

  • WEEK 3

    comming soon...

    comming soon...
    comming soon...
    comming soon...
    comming soon...

    More info

  • WEEK 4

    comming soon...

    comming soon...
    comming soon...
    comming soon...
    comming soon...

    More info

  • WEEK 5

    comming soon...

    comming soon...
    comming soon...
    comming soon...
    comming soon...

    More info

  • WEEK 6

    comming soon...

    comming soon...
    comming soon...
    comming soon...
    comming soon...

    More info

Retrieved from "http://2011.igem.org/Team:ZJU-China/Notebook"