Team:ZJU-China

From 2012.igem.org

(Difference between revisions)

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!

@@ Line 79: / Line 79: @@
 #content a:hover
 {
-   color: black;
+   color: #FF8000;
    display: inline;
 }
@@ Line 117: / Line 117: @@
 p
 {
-   font-family: Arial, sans-serif;
+   font-family: Century Gothic, sans-serif;
-   color: black;
+   color: grey;
+  font-size: 18px;
    margin: 0;
    padding: 0;
@@ Line 182: / Line 183: @@
    clear: both;
    overflow: hidden;
+}
+#search-controls
+{
+  display: none
+}
+#footer-box
+{
+  display: none;
 }
 </style>
@@ Line 199: / Line 209: @@
 <script type="text/javascript">
+function movetotop(){
+    $("html, body").animate({ scrollTop: 0 }, "slow");
+    return false;
+}
          $(function() {
              var offset = $("#logo").offset();
@@ Line 223: / Line 239: @@
 	    <div class="content">
 		    <div id="columnLeft">
-			    <div id="logo" style="margin-top: 0px; ">
+			    <div id="logo" style="margin-top: 0px; "  onclick="movetotop()">
-			        <a href="./index.htm"><img src="https://static.igem.org/mediawiki/2012/1/12/Zju_logo.png" width="80%"></a>
+			        <a><img src="https://static.igem.org/mediawiki/2012/1/12/Zju_logo.png" width="80%"></a>
 			    <!-- end #logo --></div>
 	        <!-- end #columnLeft" --></div>
@@ Line 239: / Line 255: @@
 				            <li class="3"><a href="https://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="https://2012.igem.org/Team:ZJU-China/parts.htm"><img src="http://www.jiajunlu.com/igem/parts_btn.gif"></a></li>
+				            <li class="4"><a href="https://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="https://2012.igem.org/Team:ZJU-China/notebook.htm"><img src="http://www.jiajunlu.com/igem/notebook_btn.gif"></a></li>
@@ Line 248: / Line 264: @@
 				            <li class="divline"></li>
 				            <li class="8"><a href="https://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="https://2012.igem.org"><img src="http://www.jiajunlu.com/igem/Zju_igem_btn.gif"></a></li>
 				        </ul>
 	                <!-- end #menu --></div>
@@ Line 254: / Line 273: @@
 	            <div id="main">
 			        <div id="mainLeft">
-			            <img src="https://static.igem.org/mediawiki/igem.org/e/ef/Zju_weGoodtxt.jpg" width="100%">
+			            <img src="https://static.igem.org/mediawiki/igem.org/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>
@@ Line 260: / Line 279: @@
 			        <!-- end #mainLeft --></div>
 		            <div id="mainRight">
-			            <img src="https://static.igem.org/mediawiki/2012/d/d1/Zju_cloud.jpg" width="60%">
+			            <img src="https://static.igem.org/mediawiki/2012/2/2c/Zju_cloud.png" width="440px" onmouseover="this.src='https://static.igem.org/mediawiki/2012/9/94/Zju_cloudon.gif';" onmouseout="this.src='https://static.igem.org/mediawiki/2012/2/2c/Zju_cloud.png';" />
 		            <!-- end #mainRight --></div>
+<div class="floatC">
+<p>Watch the <a href="https://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">
@@ Line 268: / Line 290: @@
 	    <!-- end .content --></div>
-	    <div><img src="https://static.igem.org/mediawiki/2012/b/b6/Zju_foot.jpg" width="100%"></div>
 	<!-- end .container --></div>
 </div><!-- end .wrapper -->
+	    <div><img src="https://static.igem.org/mediawiki/igem.org/d/d9/Zju_foot.png" width="100%"></div>
 <div id="footer">
      <div id="footerImg">