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

(Prototype team page)
 
Line 1: Line 1:
−
{{WHU-China}}
+
{{WHU-China-Header}}
 
<html>
 
<html>
  
−
<h2>Notebook</h2>
+
<style type="text/css">
−
 
+
body{
−
<p> Document the dates you worked on your project.</p>
+
margin:0;
−
 
+
padding:0;
−
<h5>What should this page have?</h5>
+
}
−
<ul>
+
.container{
−
<li>Chronological notes of what your team is doing.</li>
+
position:absolute;
−
<li> Brief descriptions of daily important events.</li>
+
width:95%;
−
<li>Pictures of your progress. </li>
+
left:5%;
−
<li>Mention who participated in what task.</li>
+
height:2000px;
−
</ul>
+
z-index:0;
−
 
+
padding:0;
−
 
+
}
−
<h4>Inspiration</h4>
+
.container img{
−
<p>You can see what others teams have done to organize their notes:</p>
+
position:absolute;
−
 
+
z-index:0;
−
<ul>  
+
}
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
.left{
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
position:absolute;
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
left:0;
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
height:2000px;
−
</ul>
+
width:5%;
−
 
+
background-image:url(https://static.igem.org/mediawiki/2015/8/8c/WHU-China_left.png);
 +
z-index:0;
 +
}
 +
.header{
 +
position:absolute;
 +
width:100%;
 +
z-index:1;
 +
padding-top:1%;
 +
}
 +
.header-left{
 +
display:block;
 +
float:left;
 +
position:absolute;
 +
width:40%;
 +
z-index:1;
 +
}
 +
.header-right{
 +
display:block;
 +
float:left;
 +
position:absolute;
 +
height:300px;
 +
width:55%;
 +
                left:45%;
 +
z-index:1;
 +
}
 +
.header-right ul{
 +
padding:0;
 +
position:absolute;
 +
bottom:82%;
 +
list-style:none;
 +
}
 +
.header-right ul nav a{
 +
text-decoration:none;
 +
}
 +
.middle-left{
 +
position:absolute;
 +
z-index:1;
 +
top:10%;
 +
}
 +
#whu-logo{
 +
left:7em;
 +
top:-2em;
 +
}
 +
.secmenu{
 +
vertical-align:top;
 +
padding:0;
 +
display:block;
 +
width:60px;
 +
height:60px;
 +
left:140px;
 +
top:20px;
 +
position:absolute;
 +
background-color:#fff;
 +
border-radius:60px;
 +
-moz-border-radius: 60px;
 +
-webkit-border-radius: 60px;
 +
 +
-webkit-transition: all 0.3s ease;
 +
-moz-transition: all 0.3s ease;
 +
-o-transition: all 0.3s ease;
 +
transition: all 0.3s ease;
 +
}
 +
 +
.secmenu ul{
 +
display:none;
 +
text-align:center;
 +
text-decoration:none;
 +
list-style:none;
 +
}
 +
 +
.secmenu ul li{
 +
height:40px;
 +
width:150px;
 +
background-color:#fff;
 +
display:inline;
 +
float:left;
 +
text-decoration:none;
 +
}
 +
 +
.secmenu ul li a{
 +
line-height:20px;
 +
font-family: 'Lato', sans-serif;
 +
font-size:18px;
 +
color:#000;
 +
display:block;
 +
text-decoration:none;
 +
-webkit-transition: all 0.3s ease;
 +
-moz-transition: all 0.3s ease;
 +
-o-transition: all 0.3s ease;
 +
transition: all 0.3s ease;
 +
}
 +
 +
.secmenu ul li a:hover{
 +
-webkit-transform: rotateY(30deg);
 +
-moz-transform: rotateY(30deg);
 +
-ms-transform: rotateY(30deg);
 +
transform: rotateY(30deg);
 +
background-color:#000;
 +
color:#FFF;
 +
}
 +
 +
.text{
 +
position:absolute;
 +
top:300px;
 +
z-index:1;
 +
}
 +
#bg{
 +
position:absolute;
 +
top:4%;
 +
z-index:1;
 +
opacity:0.05;
 +
                filter:Alpha(opacity=5);
 +
}
 +
#pagenum{
 +
position:absolute;
 +
left:70px;
 +
top:635px;
 +
z-index:3;
 +
}
 +
#board{
 +
position:absolute;
 +
z-index:2;
 +
}
 +
 +
.footer{
 +
position:absolute;
 +
z-index:0;
 +
top:86.5%;
 +
}
 +
 +
.textarea{
 +
width:700px;
 +
height:1000px;
 +
margin-left:105px;
 +
margin-top:50px;
 +
padding-left:200px;
 +
padding-right:200px;
 +
padding-top:100px;
 +
border-width:2px;
 +
background-color:#FFF;
 +
}
 +
 +
.editarea{
 +
display:none;
 +
}
 +
 +
.member{
 +
display:block;
 +
border:2px solid #999;
 +
margin-top:50px;
 +
}
 +
 +
h2{
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
}
 +
span{
 +
display:block;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
font-size:18px;
 +
}
 +
</style>  
 +
<script>
 +
function fun(i)
 +
{
 +
document.getElementById("sec").style.width="60px";
 +
for(n=1;n<=6;n++){
 +
document.getElementById("tit"+n).style.display="none";
 +
}
 +
setTimeout('document.getElementById("sec").style.width="1000px"',500);
 +
setTimeout("document.getElementById('tit"+i+"').style.display='block'",800);
 +
}
 +
function myfun(){
 +
fun(1);
 +
                num_member=1;
 +
setTimeout("document.getElementById('member"+num_member+"').style.display='block'",1200);
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 +
}
 +
window.onload=myfun;
 +
function next_member(){
 +
if(num_member==9){
 +
alert("the last page");
 +
return ;
 +
}
 +
document.getElementById("member"+num_member).style.display="none";
 +
num_member++;
 +
document.getElementById("member"+num_member).style.display="block";
 +
                switch(num_member)
 +
{
 +
case 1:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 +
break;
 +
case 2:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 +
break;
 +
case 3:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
 +
break;
 +
case 4:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
 +
break;
 +
case 5:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/35/WHU-China_num5.png";
 +
break;
 +
case 6:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/b/bf/WHU-China_num6.png";
 +
break;
 +
case 7:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/1/1b/WHU-China_num7.png";
 +
break;
 +
case 8:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num8.png";
 +
break;
 +
case 9:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/d/d5/WHU-China_num9.png";
 +
break;
 +
case 10:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/7/7a/WHU-China_num10.png";
 +
break;
 +
}
 +
}
 +
function pre_member(){
 +
if(num_member==1){
 +
alert("the first page");
 +
return ;
 +
}
 +
document.getElementById("member"+num_member).style.display="none";
 +
num_member--;
 +
document.getElementById("member"+num_member).style.display="block";
 +
switch(num_member)
 +
{
 +
case 1:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 +
break;
 +
case 2:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 +
break;
 +
case 3:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
 +
break;
 +
case 4:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
 +
break;
 +
case 5:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/35/WHU-China_num5.png";
 +
break;
 +
case 6:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/b/bf/WHU-China_num6.png";
 +
break;
 +
case 7:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/1/1b/WHU-China_num7.png";
 +
break;
 +
case 8:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num8.png";
 +
break;
 +
case 9:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/d/d5/WHU-China_num9.png";
 +
break;
 +
case 10:
 +
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/7/7a/WHU-China_num10.png";
 +
break;
 +
}
 +
}
 +
</script>
 +
<body>
 +
    <div class="left">
 +
    </div>
 +
<div class="container">
 +
    <img src="https://static.igem.org/mediawiki/2015/e/ea/WHU-China_4.png" />
 +
    <div class="header">
 +
        <div class="header-left">
 +
            <img src="https://static.igem.org/mediawiki/2015/f/f4/WHU-China_6.png" />
 +
            </div>
 +
            <div class="header-right">
 +
            <ul>
 +
                <li>
 +
                        <nav>
 +
                        <a href="https://2015.igem.org/Team:WHU-China/Homepage"><img src="https://static.igem.org/mediawiki/2015/9/99/WHU-China_H.png" width="100px" height="118px"/></a>
 +
                        </nav>
 +
                    </li>
 +
                    <li style="margin-left:100px">
 +
                    <nav>
 +
                        <a href="https://2015.igem.org/Team:WHU-China/Team"><img src="https://static.igem.org/mediawiki/2015/1/18/WHU-China_TE1.png" onclick="fun(1)"  /></a>
 +
                  </nav>
 +
                    </li>
 +
                    <li style="position:absolute;margin-left:172px;bottom:-23px">
 +
                    <nav>
 +
                        <a href="https://2015.igem.org/Team:WHU-China/Project"><img src="https://static.igem.org/mediawiki/2015/9/97/WHU-China_PR1.png" onclick="fun(2)"  /></a>
 +
                  </nav>
 +
                    </li>
 +
                    <li style="position:absolute;margin-left:262px;bottom:24px">
 +
                    <nav>
 +
                        <a href="https://2015.igem.org/Team:WHU-China/Parts"><img src="https://static.igem.org/mediawiki/2015/9/92/WHU-China_PA1.png" onclick="fun(3)" /></a>
 +
                  </nav>
 +
                    </li>
 +
                    <li style="position:absolute;margin-left:338px;bottom:37px">
 +
                    <nav>
 +
                        <a href="https://2015.igem.org/Team:WHU-China/Notebook"><img src="https://static.igem.org/mediawiki/2015/f/f0/WHU-China_NO1.png" onclick="fun(4)" /></a>
 +
                  </nav>
 +
                    </li>
 +
                    <li style="position:absolute;margin-left:449px;bottom:3px">
 +
                    <nav>
 +
                        <a href="https://2015.igem.org/Team:WHU-China/Practices"><img src="https://static.igem.org/mediawiki/2015/6/63/WHU-China_HP1.png" onclick="fun(5)" /></a>
 +
                  </nav>
 +
                    </li>
 +
                    <li style="position:absolute;margin-left:540px;bottom:-22px">
 +
                    <nav>
 +
                        <a href="https://2015.igem.org/Team:WHU-China/Modeling"><img src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_MO1.png" /></a>
 +
                  </nav>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
        <!--header end-->
 +
        <div class="middle-left">
 +
        <img src="https://static.igem.org/mediawiki/2015/2/20/WHU-China_3.png" />
 +
            <img src="https://static.igem.org/mediawiki/2015/3/34/WHU-China_10.png" id="whu-logo"/>
 +
            <div class="secmenu" id="sec">
 +
                <ul id="tit1">
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Team">Member</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Attributions">Attributions</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Collaborations">Collaborations</a></li>
 +
                </ul>
 +
                <ul id="tit2">
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description">Overview</a></li>
 +
                    <li><a href="javascript:return false;">Design</a></li>
 +
                    <li><a href="javascript:return false;">Criticality Detector</a></li>
 +
                    <li><a href="javascript:return false;">Binary System</a></li>
 +
                    <li><a href="javascript:return false;">Dental Caries Prevention</a></li>
 +
                    <li><a href="javascript:return false;">Results</a></li>
 +
                </ul>
 +
                <ul id="tit3">
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Parts">Team Parts</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Basic_Parts">Basis Parts</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Composite_Part">Composite Parts</a></li>
 +
                    <li><a href="javascript:return false;">Favorite Parts</a></li>
 +
                </ul>
 +
                <ul id="tit4">
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Safety">Safety</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Experiments">Protocols</a></li>
 +
                </ul>
 +
                <ul id="tit5">
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices">Meet ups</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/Sketch">Sketch in dishes</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:WHU-China/SmileMates">Smile mates</a></li>
 +
                </ul>
 +
                <ul id="tit6">
 +
                   
 +
                </ul>
 +
            </div>
 +
        </div>
 +
        <!-- middle end -->
 +
        <div class="text">
 +
        <img src="https://static.igem.org/mediawiki/2015/7/7c/WHU-China_1.png" id="bg" />
 +
        <img src="https://static.igem.org/mediawiki/2015/f/f7/WHU-China_5.png" id="board" usemap="#planetmap" />
 +
        <img src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png" id="pagenum" />
 +
        <map name="planetmap" id="planetmap">
 +
        <!-- next page -->
 +
        <a href="javascript:return false;"><area
 +
            shape="circle"
 +
            coords="120,360,50"
 +
            title="next page"
 +
            target ="_blank"
 +
            alt="圆形"
 +
            onclick="next_member()" /></a>
 +
        <!-- previous page -->
 +
        <a href="javascript:return false;"><area
 +
        shape="circle"
 +
            coords="120,990,50"
 +
            title="previous page"
 +
            target ="_blank"
 +
            alt="圆形"
 +
            onclick="pre_member()" /></a>
 +
        </map>
 +
        <div class="textarea">
 +
        <div class="editarea" id="member1">
 +
                <h2>NoteBook</h2>
 +
<span>
 +
<table>
 +
            <tr>
 +
            <td>2014.12</td>
 +
            <td></td>
 +
            </tr>
 +
            <tr>
 +
            <td></td>
 +
            <td>DNA counter was mentioned by Wu group firstly. At the same time, there are also two idea mentioned by the other groups.</td>
 +
            </tr>
 +
            <tr>
 +
            <td>2015.1-2</td>
 +
            <td></td>
 +
            </tr>
 +
            <tr>
 +
            <td></td>
 +
            <td>During winter vocation, we started brainstorm online to complete our ideas.</td>
 +
            </tr>
 +
            <tr>
 +
            <td>2014.3.10</td>
 +
            <td></td>
 +
            </tr>
 +
            <tr>
 +
            <td></td>
 +
            <td>Defense in our group. Before the formal defense, we made a simulation. </td>
 +
            </tr>
 +
            <tr>
 +
            <td></td>
 +
            <td background="https://static.igem.org/mediawiki/2015/f/ff/WHU-China_Notebook1.png"></td>
 +
            </tr>
 +
            </table>
 +
</span>           
 
</div>
 
</div>
 +
        </div>
 +
        </div>
 +
        <!-- text area end -->
 +
        <div class="footer">
 +
        <img src="https://static.igem.org/mediawiki/2015/c/c0/WHU-China_2.png" />
 +
        </div>
 +
        <!-- footer end -->
 +
    </div>
 +
</body>
 
</html>
 
</html>

Revision as of 16:32, 13 September 2015

圆形 圆形

NoteBook

2014.12
DNA counter was mentioned by Wu group firstly. At the same time, there are also two idea mentioned by the other groups.
2015.1-2
During winter vocation, we started brainstorm online to complete our ideas.
2014.3.10
Defense in our group. Before the formal defense, we made a simulation.