Team:ZJU-China

From 2012.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 1: Line 1:
 +
<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">
-
{|align="justify"
+
<title>HOME</title>
-
|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.
+
<meta name="description" content="">
-
|[[Image:ZJU-China_logo.png|200px|right|frame]]
+
<meta name="keywords" content="">
-
|-
+
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="">
-
|
+
-
''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 --->
+
<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="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
 
-
!align="center"|[[Team:ZJU-China|Home]]
+
<style type="text/css">
-
!align="center"|[[Team:ZJU-China/Team|Team]]
+
body /* UltraGlobal Environment (origin item) */
-
!align="center"|[http://igem.org/Team.cgi?year=2012&team_name=ZJU-China Official Team Profile]
+
{
-
!align="center"|[[Team:ZJU-China/Project|Project]]
+
  background-color: #F8F8F8;
-
!align="center"|[[Team:ZJU-China/Parts|Parts Submitted to the Registry]]
+
}
-
!align="center"|[[Team:ZJU-China/Modeling|Modeling]]
+
#blank ,
-
!align="center"|[[Team:ZJU-China/Notebook|Notebook]]
+
#blank *
-
!align="center"|[[Team:ZJU-China/Safety|Safety]]
+
{
-
!align="center"|[[Team:ZJU-China/Attributions|Attributions]]
+
  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>
 +
            <!-- end #main --></div>
 +
            <br class="clearfloat">
 +
 
 +
        <!-- end #columnRight --></div>
 +
 
 +
    <!-- 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>
 +
 
 +
<div id="footer">
 +
    <div id="footerImg">
 +
    </div><!-- end footerImg -->
 +
 
 +
<!-- end #footer --></div>
 +
<script type="text/javascript"> Cufon.now(); </script>
 +
 
 +
</body></html>

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!