Team:Beijing BHSF

From 2013hs.igem.org

(Difference between revisions)
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>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #fe2b33; /*background-color: #fe2b33;*/">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; /*color: #f6f6f6*/; padding: 5px;">
+
<title> </title>
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<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://2009.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="/*text-align: center;*/ font-weight: bold; font-size: small; /*color: #f6f6f6*/; padding: 5px;">
+
-
You <strong>MUST</strong> have the following information on your wiki:
+
-
<ul style="font-weight:normal;">
+
-
<li>a team description</li>
+
-
<li>project description</li>
+
-
<li>safety information (did your team take a safety training course? were you supervised in the lab?)</li>
+
-
<li>team attribution (who did what part of your project?)</li>
+
-
</ul>
+
-
You may also wish to add other page such as:
+
-
<ul style="font-weight:normal;">
+
-
<li>lab notebook</li>
+
-
<li>sponsor information</li>
+
-
<li>other information</li>
+
-
</ul>
+
-
REMEMBER, keep all of your pages within your teams namespace. <br><span style="font-weight:normal; font-style:italic;">Example: 2013hs.igem.org/Team:Mt_Lebanon_PA/Our_Pets</span>
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *********************** End of the alert box *********************** -->
+
<style type="text/css">
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
-
{|align="justify"
 
-
|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.
 
-
|[[Image:Beijing_BHSF_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:Beijing_BHSF_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Mt_Lebanon_PA | Team Beijing_BHSF]]
 
-
|}
 
-
<!--- Team Information Link --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
#menubar {
-
!align="center"|[https://igem.org/Team.cgi?year=2013&division=high_school&team_name=Mt_Lebanon_PA Official Team Profile]
+
    font-size: 100%;
-
|}
+
    top: 0px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: white;}
 +
<head>
-
===Team===
+
<head>
-
Tell us about your team, your school!
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
 
+
<title>WIKI</title>
-
 
+
<style type="text/css">
-
===Project===
+
    body,h1,ul{margin:0;}
-
What are you working on this semester?
+
    ul li{list-style-type:none;}
-
 
+
    #header{width:100%;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center;}
-
 
+
    h1{padding:10px 0;color:#D74452;}
-
===Notebook===
+
    .nav{width:1000px;background:#fff;margin:20px auto 0;border:solid 1px #ccc;zoom:1;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,0.1);color:#D74452;}
-
Show us how you spent your days.
+
    .nav_scroll{position:fixed;width:100%;margin:0;left:0;top:0;}
-
 
+
    .nav:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
-
 
+
    .nav ul li{float:left;margin:0 20px;height:30px;line-height:30px;}
-
===Results/Conclusions===
+
    .nav ul li a{cursor:pointer; }
-
What did you achieve over the course of your semester?
+
    .nav ul li a:hover{text-decoration:underline;}
-
 
+
    h2{height:400px;line-height:400px;}
-
 
+
</style>
-
===Safety===
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
-
What safety precautions did your team take? Did you take a safety training course? Were you supervised at all times in the lab?
+
<script type="text/javascript">
-
 
+
    $(document).ready(function(){
-
 
+
                var topMain=$("#header").height()+20//是头部的高度加头部与nav导航之间的距离。
-
===Attributions===
+
                var nav=$(".nav");
-
Who worked on what?
+
                $(window).scroll(function(){
-
 
+
                    if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll,否则就移除。
-
 
+
                        nav.addClass("nav_scroll");
-
===Human Practices===
+
                    }
-
What impact does/will your project have on the public? 
+
                    else
-
 
+
                    {
-
 
+
                        nav.removeClass("nav_scroll");
-
===Fun!===
+
                    }
-
What was your favorite team snack?? Have a picture of your team mascot?
+
                });
-
 
+
   
-
 
+
        })
-
 
+
</script>
-
<forum_subtle />
+
</head>
 +
   
 +
<body>
 +
<div id="header"><h1>iGEM BHSF</h1></div><!--header-->
 +
<div class="nav">
 +
    <ul>
 +
        <li><a>HOME</a></li>
 +
        <li><a>PROJECT</a></li>
 +
        <li><a>TEAM</a></li>
 +
        <li><a>PHOTO</a></li>
 +
        <li><a>SAFETY</a></li>
 +
        <li><a>ABOUT</a></li>
 +
    </ul>
 +
</div><!--nav-->
 +
</body>
 +
</html>

Revision as of 09:27, 10 April 2013