Team:SYSU-Software/demo

From 2013.igem.org

(Difference between revisions)

Latest revision as of 23:06, 28 October 2013

Team:SYSU-Software

Tutorial of C.A.S.T.

This video performed a user introduction through the workflow of synthetic biology design.Several special user interface designs are also presented. helicopter

@@ Line 14: / Line 14: @@
          <link href="https://2013.igem.org/Team:SYSU-Software/demo.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
+         <link href="https://2013.igem.org/Team:SYSU-Software/home.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
+        <!-- <link href="demo/css/demo.css" rel="stylesheet" type="text/css" /> -->
 	<script src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 	<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
@@ Line 28: / Line 29: @@
 	<div class="wrapper colored-wrapper">
 		<div class="container">
-                      <div style="width: 100%;font-size: 40px;color: #34495e;font-weight: bolder;margin: 30px auto;">
+                      <!--<div style="width: 100%;font-size: 40px;color: #34495e;font-weight: bolder;margin: 30px auto;">
                         <span style="display: block;margin: auto;width: 100%;text-align: center;">
                            DEMO
                         </span>
-                      </div>
+                      </div>-->
+										 <div id="home-banner">
+											 <div id="banner-left" class="banner-tips">
+												 <div>
+													 <h1 class="h">CAST </h1>
+													 <h3 class="h">Designer</h3>
+												 </div>
+												 <span>Computer Aided Synbio Tool-<br/>An Integrated Tool for Synthetic Biology</span>
+											 </div>
+											 <div id="banner-middle" class="banner-tips"><img src="https://static.igem.org/mediawiki/2013/e/eb/Robot_header.png"></div>
+											 <div id="banner-right" class="banner-tips">
+												 <!-- <button>Download</button> -->
+												 <a class="btn btn-inverse" href="https://github.com/igemsoftware/SYSU-Software2013" target="_blank" style="color:white;background:#34495e;"><img src="https://static.igem.org/mediawiki/igem.org/c/cc/Cast_Download_logo.png" >Download</a>
+												 <div>Click here to download the software</div>
+											 </div>
+										 </div>
+											<div id="footer-introduction" class="footer">
+												<h2>Demo</h2>
+											</div>
 			<!--<div class="demo-content" id="demo-show">
 				<a class="hexagon block1" href=""> <b class="top-triangle"></b>
@@ Line 123: / Line 143: @@
 			<div class="demo-content" id="demo-introduction">
 				<div class="demo-video" id="demo-video">
-					<iframe width="560" height="360" src="//www.youtube.com/embed/FHPM-Mj9mMY" frameborder="0" allowfullscreen></iframe>
+					<iframe width="560" height="360" src="//www.youtube.com/embed/1VDxFu7wZMs" frameborder="0" allowfullscreen></iframe>
 				</div>
@@ Line 134: / Line 154: @@
 					<div class="intro-content">
 						<span>
-							This video performed a user introduction through the workflow of synthetic biology design.Several special user interface design is also presented.
+							This video performed a user introduction through the workflow of synthetic biology design.Several special user interface designs are also presented.
 						</span>
@@ Line 144: / Line 164: @@
 <!--page footer-->
    <div id="sysu-footer">
-     <img id="bottom-image" src="https://static.igem.org/mediawiki/2013/d/d9/Sysu-footer.png">
+     <img id="" src="https://static.igem.org/mediawiki/2013/d/d9/Sysu-footer.png">
    </div>