Team:ZJU-China

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(38 intermediate revisions not shown)
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" class="cufon-active cufon-ready"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
<html>
+
<title>HOME</title>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<meta name="description" content="">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta name="keywords" content="">
-
This is a template page. READ THESE INSTRUCTIONS.
+
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="">
 +
 
 +
<link href="http://www.jiajunlu.com/igem/style.css" rel="stylesheet" type="text/css">
 +
<link rel="stylesheet" href="http://www.jiajunlu.com/igem/slide.css" type="text/css" media="screen">
 +
 
 +
 
 +
<style type="text/css">
 +
body /* UltraGlobal Environment (origin item) */
 +
{
 +
  background-color: #F8F8F8;
 +
}
 +
#blank ,
 +
#blank *
 +
{
 +
  background-color: transparent;
 +
  background-image: url("");
 +
  border-style: none;
 +
  margin: 0 auto;
 +
  padding: 0;
 +
}
 +
 
 +
#globalWrapper /* Global Environment (origin item) */
 +
{
 +
  background-color: transparent;
 +
  background-attachment: fixed;
 +
  background-position: 50% 0;
 +
  background-repeat: no-repeat;
 +
  background-image: url("");
 +
  overflow: hidden;
 +
}
 +
 
 +
/* Remove Top Item (origin item) */
 +
#top-section
 +
{
 +
  height: 0px;
 +
  width: 100%;
 +
}
 +
#p-logo {
 +
  display: none;
 +
}
 +
#top
 +
{
 +
  display: none;
 +
}
 +
h1.firstHeading
 +
{
 +
  display: none;
 +
}
 +
 
 +
/* Inner Environment (origin item) */
 +
#content
 +
{
 +
  background-color: transparent;
 +
  background-image: url("http://2012.igem.org/wiki/images/e/e5/Zju_back.jpg");
 +
  background-attachment: scroll;
 +
  background-position: 50% 0;
 +
  background-repeat: repeat-y;
 +
  overflow: hidden;
 +
  border-style: none;
 +
  width: 100%;
 +
}
 +
#footer-box
 +
{
 +
  background-color: #F8F8F8;
 +
  background-image: none;
 +
  border-style: none;
 +
  margin-top: 100px;
 +
}
 +
#catlinks
 +
{
 +
  display: none;
 +
}
 +
#content a,
 +
#content a:hover
 +
{
 +
  color: #FF8000;
 +
  display: inline;
 +
}
 +
#content a:link,
 +
#content a:visited
 +
{
 +
  text-decoration: none;
 +
}
 +
#content a:hover,
 +
#content a:active
 +
{
 +
  text-decoration: underline;
 +
}
 +
 
 +
/* Bottom Environment (origin item) */
 +
#footer-box a,
 +
#footer-box a:hover
 +
{
 +
  color: #e8e7b9;
 +
  text-decoration: none;
 +
  display: inline;
 +
}
 +
 
 +
ul
 +
{
 +
  list-style-image: none;
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
li
 +
{
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
p
 +
{
 +
  font-family: Century Gothic, sans-serif;
 +
  color: grey;
 +
  font-size: 18px;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
/* Common Environment */
 +
.center
 +
{
 +
  text-align: center;
 +
  margin: 0 auto;
 +
}
 +
.floatL
 +
{
 +
  float: left;
 +
  clear: left;
 +
}
 +
.floatR
 +
{
 +
  float: right;
 +
  clear: right;
 +
}
 +
.floatC
 +
{
 +
  text-align: center;
 +
  margin: 0 auto;
 +
  float: none;
 +
  clear: both;
 +
}
 +
.blank
 +
{
 +
  filter: Alpha(Opacity=0%);
 +
  -moz-opacity: 0;
 +
  opacity: 0;
 +
}
 +
.hidden
 +
{
 +
  display: none;
 +
}
 +
.show
 +
{
 +
  display: block;
 +
}
 +
.show-text
 +
{
 +
  display: inline;
 +
}
 +
.button img
 +
{
 +
  display: block;
 +
}
 +
 
 +
ul.horizontal > li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: none;
 +
  overflow: hidden;
 +
}
 +
ul.vertical > li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: both;
 +
  overflow: hidden;
 +
}
 +
 
 +
#search-controls
 +
{
 +
  display: none
 +
}
 +
#footer-box
 +
{
 +
  display: none;
 +
}
 +
</style>
 +
 
 +
 
 +
 
 +
<script src="http://www.jiajunlu.com/igem/cufon-yui.js" type="text/javascript"></script><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>
 +
<script src="http://www.jiajunlu.com/igem/gotham.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
Cufon.replace('h1,h2,h3,h5');
 +
</script>
 +
 
 +
<script type="text/javascript" src="http://www.jiajunlu.com/igem/jquery-1.3.2.min.js"></script>
 +
<script type="text/javascript" src="http://www.jiajunlu.com/igem/my.js"></script>
 +
<script src="http://www.jiajunlu.com/igem/slide.js" type="text/javascript"></script>
 +
<script type="text/javascript" src="http://www.jiajunlu.com/igem/validation_login.js"></script>
 +
 
 +
<script type="text/javascript">
 +
 
 +
function movetotop(){
 +
    $("html, body").animate({ scrollTop: 0 }, "slow");
 +
    return false;
 +
}
 +
 
 +
        $(function() {
 +
            var offset = $("#logo").offset();
 +
            var topPadding = 15;
 +
            $(window).scroll(function() {
 +
                if ($(window).scrollTop() > offset.top) {
 +
                    $("#logo").stop().animate({
 +
                        marginTop: $(window).scrollTop() - offset.top + topPadding
 +
                    });
 +
                } else {
 +
                    $("#logo").stop().animate({
 +
                        marginTop: 0
 +
                    });
 +
                };
 +
            });
 +
        });
 +
    </script>
 +
</head>
 +
 
 +
<body class="home">
 +
 
 +
<div class="wrapper">
 +
<div class="container">
 +
    <div class="content">
 +
    <div id="columnLeft">
 +
    <div id="logo" style="margin-top: 0px; "  onclick="movetotop()">
 +
        <a><img src="http://2012.igem.org/wiki/images/1/12/Zju_logo.png" width="80%"></a>
 +
    <!-- end #logo --></div>
 +
        <!-- end #columnLeft" --></div>
 +
 
 +
        <div id="columnRight">
 +
 
 +
        <div id="header">
 +
            <div id="menu">
 +
                <ul id="menu">
 +
            <li class="1"><a href="http://2012.igem.org/Team:ZJU-China"><img src="http://www.jiajunlu.com/igem/home_btn.gif"></a></li>
 +
            <li class="divline"></li>
 +
            <li class="2"><a href="http://2012.igem.org/Team:ZJU-China/aboutus.htm"><img src="http://www.jiajunlu.com/igem/aboutus_btn.gif"></a></li>
 +
            <li class="divline"></li>
 +
            <li class="3"><a href="http://2012.igem.org/Team:ZJU-China/project.htm"><img src="http://www.jiajunlu.com/igem/project_btn.gif"></a></li>
 +
            <li class="divline"></li>
 +
            <li class="4"><a href="http://2012.igem.org/Team:ZJU-China/models.htm"><img src="http://www.jiajunlu.com/igem/Zju_models_btn.gif"></a></li>
 +
            <li class="divline"></li>
 +
            <li class="5"><a href="http://2012.igem.org/Team:ZJU-China/notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li>
 +
            <li class="divline"></li>
 +
            <li class="6"><a href="http://2012.igem.org/Team:ZJU-China/humanpractice.htm"><img src="http://www.jiajunlu.com/igem/humanpractice_btn.gif"></a></li>
 +
            <li class="divline"></li>
 +
            <li class="7"><a href="http://2012.igem.org/Team:ZJU-China/safty.htm"><img src="http://www.jiajunlu.com/igem/safty_btn.gif"></a></li>
 +
            <li class="divline"></li>
 +
            <li class="8"><a href="http://2012.igem.org/Team:ZJU-China/achievement.htm"><img src="http://www.jiajunlu.com/igem/achievement_btn.gif"></a></li>
 +
<li class="divline"></li>
 +
            <li class="8"><a href="http://2012.igem.org"><img src="http://www.jiajunlu.com/igem/Zju_igem_btn.gif"></a></li>
 +
 
 +
        </ul>
 +
                <!-- end #menu --></div>
 +
            <!-- end #header --></div>
 +
 
 +
            <div id="main">
 +
        <div id="mainLeft">
 +
            <img src="http://igem.org/wiki/images/1/13/Zju_WeGoodtxt.jpg" width="120%">
 +
            <div class="text">
 +
            <h5><cufon class="cufon cufon-canvas" alt="WEB " style="width: 35px; height: 12px; "><canvas width="47" height="16" style="width: 47px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>WEB </cufontext></cufon><cufon class="cufon cufon-canvas" alt="+ " style="width: 12px; height: 12px; "><canvas width="24" height="16" style="width: 24px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>+ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="INTERACTIVE " style="width: 90px; height: 12px; "><canvas width="102" height="16" style="width: 102px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>INTERACTIVE </cufontext></cufon><cufon class="cufon cufon-canvas" alt="+ " style="width: 12px; height: 12px; "><canvas width="24" height="16" style="width: 24px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>+ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="BRANDING " style="width: 74px; height: 12px; "><canvas width="86" height="16" style="width: 86px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>BRANDING </cufontext></cufon><cufon class="cufon cufon-canvas" alt="+ " style="width: 12px; height: 12px; "><canvas width="24" height="16" style="width: 24px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>+ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="PRINT " style="width: 43px; height: 12px; "><canvas width="55" height="16" style="width: 55px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>PRINT </cufontext></cufon><cufon class="cufon cufon-canvas" alt="+ " style="width: 12px; height: 12px; "><canvas width="24" height="16" style="width: 24px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>+ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="SIGNAGE. " style="width: 66px; height: 12px; "><canvas width="78" height="16" style="width: 78px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>SIGNAGE. </cufontext></cufon><cufon class="cufon cufon-canvas" alt="IT&#39;S " style="width: 27px; height: 12px; "><canvas width="39" height="16" style="width: 39px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>IT'S </cufontext></cufon><cufon class="cufon cufon-canvas" alt="WHAT " style="width: 45px; height: 12px; "><canvas width="57" height="16" style="width: 57px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>WHAT </cufontext></cufon><cufon class="cufon cufon-canvas" alt="WE " style="width: 26px; height: 12px; "><canvas width="38" height="16" style="width: 38px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>WE </cufontext></cufon><cufon class="cufon cufon-canvas" alt="LOVE " style="width: 38px; height: 12px; "><canvas width="50" height="16" style="width: 50px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>LOVE </cufontext></cufon><cufon class="cufon cufon-canvas" alt="TO " style="width: 22px; height: 12px; "><canvas width="34" height="16" style="width: 34px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>TO </cufontext></cufon><cufon class="cufon cufon-canvas" alt="DO. " style="width: 27px; height: 12px; "><canvas width="39" height="16" style="width: 39px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>DO. </cufontext></cufon><cufon class="cufon cufon-canvas" alt="SO " style="width: 22px; height: 12px; "><canvas width="34" height="16" style="width: 34px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>SO </cufontext></cufon><cufon class="cufon cufon-canvas" alt="RELAX, " style="width: 51px; height: 12px; "><canvas width="63" height="16" style="width: 63px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>RELAX, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="WE&#39;VE " style="width: 47px; height: 12px; "><canvas width="59" height="16" style="width: 59px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>WE'VE </cufontext></cufon><cufon class="cufon cufon-canvas" alt="GOT " style="width: 32px; height: 12px; "><canvas width="44" height="16" style="width: 44px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>GOT </cufontext></cufon><cufon class="cufon cufon-canvas" alt="THIS." style="width: 33px; height: 12px; "><canvas width="45" height="16" style="width: 45px; height: 16px; top: -3px; left: -1px; "></canvas><cufontext>THIS.</cufontext></cufon></h5>
 +
            <!-- end .text --></div>
 +
        <!-- end #mainLeft --></div>
 +
            <div id="mainRight">
 +
            <img src="http://2012.igem.org/wiki/images/2/2c/Zju_cloud.png" width="440px" onmouseover="this.src='http://2012.igem.org/wiki/images/9/94/Zju_cloudon.gif';" onmouseout="this.src='http://2012.igem.org/wiki/images/2/2c/Zju_cloud.png';" />
 +
            <!-- end #mainRight --></div>
 +
<div class="floatC">
 +
<p>Watch the <a href="http://2012.igem.org/Team:ZJU-China/video_play.htm" target="_blank">video</a> to get a better understanding of our project!</p>
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
            <!-- end #main --></div>
-
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="http://2009.igem.org/Help:Template/Examples">HERE</a>.
+
            <br class="clearfloat">
-
</div>
+
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
        <!-- end #columnRight --></div>
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
    <!-- end .content --></div>
 +
<!-- end .container --></div>
 +
</div><!-- end .wrapper -->
 +
    <div><img src="http://igem.org/wiki/images/d/d9/Zju_foot.png" width="100%"></div>
-
{|align="justify"
+
<div id="footer">
-
|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.
+
    <div id="footerImg">
-
|[[Image:ZJU-China_logo.png|200px|right|frame]]
+
    </div><!-- end footerImg -->
-
|-
+
-
|
+
-
''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:ZJU-China_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:ZJU-China | Team ZJU-China]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
<!-- end #footer --></div>
 +
<script type="text/javascript"> Cufon.now(); </script>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</body></html>
-
!align="center"|[[Team:ZJU-China|Home]]
+
-
!align="center"|[[Team:ZJU-China/Team|Team]]
+
-
!align="center"|[http://igem.org/Team.cgi?year=2012&team_name=ZJU-China Official Team Profile]
+
-
!align="center"|[[Team:ZJU-China/Project|Project]]
+
-
!align="center"|[[Team:ZJU-China/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:ZJU-China/Modeling|Modeling]]
+
-
!align="center"|[[Team:ZJU-China/Notebook|Notebook]]
+
-
!align="center"|[[Team:ZJU-China/Safety|Safety]]
+
-
!align="center"|[[Team:ZJU-China/Attributions|Attributions]]
+
-
|}
+

Latest revision as of 21:09, 26 October 2012

HOME

WEB + INTERACTIVE + BRANDING + PRINT + SIGNAGE. IT'S WHAT WE LOVE TO DO. SO RELAX, WE'VE GOT THIS.

Watch the video to get a better understanding of our project!