Team:NJU NJUT China/humanpractice

From 2013.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...")
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1<html xmlns="http://www.w3.org/1999/xhtml">
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>main</title>
<title>main</title>
<style type="text/css">
<style type="text/css">
 +
#body
 +
{
 +
height:auto;
 +
}
#top-section{
#top-section{
   height:0px;
   height:0px;
Line 13: Line 16:
     background-color:transparent;
     background-color:transparent;
     overflow:hide;
     overflow:hide;
-
 
}
}
#footer-box{height:0px;
#footer-box{height:0px;
Line 23: Line 25:
     overflow:hide;
     overflow:hide;
}
}
-
#footer{height:0px;
+
#footer{
 +
position:absolute;
 +
    height:0px;
     border:none;
     border:none;
     width:0px;
     width:0px;
Line 31: Line 35:
     overflow:hide;
     overflow:hide;
}
}
-
#p-logo{display:none;}
+
#p-logo{display:none; }
#search-controls{display:none;}
#search-controls{display:none;}
#top{display:none;}
#top{display:none;}
Line 46: Line 50:
}
}
/* global setting*/
/* global setting*/
-
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
+
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%; z-index:0;}
#content{
#content{
Line 61: Line 65:
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
   
 
     }
     }
siteSub{
siteSub{
Line 73: Line 76:
#cover{
#cover{
     width:100%;
     width:100%;
-
height:100%;
+
height:auto;
position:absolute;
position:absolute;
-
top:0px;
+
top:-10px;
left:0px;
left:0px;
     z-index:0;
     z-index:0;
Line 89: Line 92:
height:16%;
height:16%;
left:60%;
left:60%;
-
top:2%;
+
top:4.5%;
-
z-index:10;
+
z-index:20;
}
}
#guide1  
#guide1  
Line 97: Line 100:
width:11%;
width:11%;
height:16%;
height:16%;
-
left:71%;
+
left:70%;
-
top:2%;
+
top:4.5%;
-
z-index:10;
+
z-index:20;
}
}
#guide2  
#guide2  
Line 107: Line 110:
height:16%;
height:16%;
left:81%;
left:81%;
-
top:2%;
+
top:4%;
-
z-index:10;
+
z-index:20;
}
}
#guide3  
#guide3  
Line 114: Line 117:
position:absolute;
position:absolute;
width:14%;
width:14%;
-
height:15%;
+
height:16%;
left:80%;
left:80%;
top:19%;
top:19%;
-
z-index:10;
+
z-index:20;
}
}
#guide4  
#guide4  
Line 125: Line 128:
height:16%;
height:16%;
left:80%;
left:80%;
-
top:36%;
+
top:34%;
-
z-index:10;
+
z-index:20;
}
}
#guide5  
#guide5  
Line 134: Line 137:
height:16%;
height:16%;
left:80%;
left:80%;
-
top:54%;
+
top:49%;
-
z-index:10;
+
z-index:20;
}
}
#guide6  
#guide6  
Line 143: Line 146:
height:16%;
height:16%;
left:80%;
left:80%;
-
top:70.5%;
+
top:63.5%;
-
z-index:10;
+
z-index:20;
}
}
#mycontent{
#mycontent{
Line 152: Line 155:
top:24.8%;
top:24.8%;
left:13.1%;
left:13.1%;
-
z-index:5;
+
z-index:15;
-
overflow-y:scroll;
+
overflow:scroll;
 +
overflow-x:hidden;
}
}
 +
 +
.teammemberimg { float:left; height:150px; width:105px; margin:5px 50px 5px 30px;}
 +
.teammemberinfo{float:left; width:auto;}
 +
.teammemberinfo p{ margin-bottom:-6px;}
</style>
</style>
-
<style type="text/css">
+
<script type="text/javascript">
-
#content2
+
        function nTabs(thisObj, Num) {
-
{
+
            if (thisObj.className == "active") return;
-
position:relative;
+
            var tabList = document.getElementById("myTab").getElementsByTagName("li");
-
left:5%;
+
            for (i = 0; i < tabList.length; i++) {//点击之后，其他tab变成灰色，内容隐藏，只有点击的tab和内容有属性
-
    width:90%;
+
                if (i == Num) {
-
height:auto;
+
                    thisObj.className = "active";
-
border: 0px solid #333;
+
                    document.getElementById("myTab_Content" + i).style.display = "block";
-
    font-family: 'MS Sans Serif', Geneva, sans-serif;
+
                } else {
-
font-size: 15px;
+
                    tabList[i].className = "normal";
-
color:#000000;
+
                    document.getElementById("myTab_Content" + i).style.display = "none";
-
}
+
                }
-
</style>
+
            }
-
<style>
+
        }
 +
    </script>
 +
    <style type="text/css">
 +
p, ul, ol {
 +
margin-top: 0;
 +
line-height: 180%;
 +
                list-style:none;
 +
}
 +
        .nTab
 +
        {
 +
            width:80%;
 +
            height:auto;
 +
            margin: 20px auto;
 +
            border:none;
 +
        }
 +
        .none
 +
        {
 +
 
 +
            display: none;
 +
        }
 +
        .nTab .TabTitle li
 +
        {
 +
            float: left;
 +
            cursor: pointer;
 +
            height: 35px;
 +
            line-height: 35px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
            width: 124px;
 +
        }
 +
        .nTab .TabTitle li a
 +
        {
 +
            text-decoration: none;
 +
        }
 +
        .nTab .TabTitle .active
 +
        {
 +
            background:#C60;
 +
            color:#CC3
 +
        }
 +
        .nTab .TabTitle .normal
 +
        {
 +
            color: #CC0099;
 +
        }
 +
        .nTab .TabContent
 +
        {
 +
            clear: both;
 +
            padding: 5px;
 +
            display: block;
 +
            height:auto;
 +
        }
 +
.prod img
 +
{ width:50px;
 +
  height:200px;
 +
}
 +
 +
#cont{
 +
float:left; width:60%;
 +
}
 +
    </style>
 +
<style>
/*---滚动条默认显示样式--*/
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{   
::-webkit-scrollbar-thumb{   
Line 192: Line 259:
/*---滚动框背景样式--*/   
/*---滚动框背景样式--*/   
::-webkit-scrollbar-track-piece{   
::-webkit-scrollbar-track-piece{   
-
   background-color:#CC9900;
+
   background-color:#CC9900;  
   -webkit-border-radius:0;   
   -webkit-border-radius:0;   
}
}
</style>
</style>
</head>
</head>
 +
<body>
<div id="cover">
<div id="cover">
  <img src="https://static.igem.org/mediawiki/igem.org/8/8d/Humpb.jpg" />
  <img src="https://static.igem.org/mediawiki/igem.org/8/8d/Humpb.jpg" />

Revision as of 19:04, 27 September 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 main

HUMANPRACTICE

Presentation at High School Affiliated to Nanjing Normal University

             Although iGEM has High School Division, few high school students know about iGEM and synthetic biology. In order to popularize iGEM and synthetic biology among high school students in Nanjing and encourage more high school students to participate in iGEM, we went to High School Affiliated to Nanjing Normal University(NSFZ) to introduce iGEM, synthetic biology and our project in the form of presentation and poster. Beginning with the three industrial revolution, we focused on the upcoming forth industrial revolution, which is a new era of systems biology and synthetic biology, and talked about Craig Venter's synthetic life, genetic engineering etc.


            Then we introduced synthetic biology and iGEM, delivering the idea of synthesis, engineering and standardization. Besides, we talked about the rapid development of iGEM, especially that in China.


            At last, we introduced our project.Many students showed great interest in iGEM. We hope that what we did could inspire much more students to participate in iGEM and enjoy it!


Sina Weibo---iGEMer-China

            Sina Weibo is a microblogging site in China like Twitter in the US. It is one of the most popular sites in China. Sina Weibo has over 400 million users, including movie stars, singers, famous business and media figures, athletes, scholars, artists, organizations, religious figures, government departments and officials from all over the world.

            Because of the huge influence of Sina Weibo, we started an account called iGEMer-China to popularize iGEM through Internet.

Retrieved from "http://2013.igem.org/Team:NJU_NJUT_China/humanpractice"