Team:USTC-Software
From 2011.igem.org
(Difference between revisions)
(Prototype team page) |
(index) |
||
Line 1: | Line 1: | ||
- | < | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
- | < | + | <meta name="author" content="Ao Xu"> |
- | + | <meta name="revised" content="2011/07/10"/> | |
- | < | + | <meta name="description" content="index"/> |
- | + | <meta name="keywords" content="USTC_Software iGEM"/> | |
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <title>USTC_Software 2011</title> |
+ | <style type="text/css"> | ||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | line-height: 1.5em; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 12px; | ||
+ | color: #555a4a; | ||
+ | background: #a0c73f; | ||
+ | } | ||
- | + | a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; } | |
- | + | a:active, a:hover { color: #0683ab; text-decoration: underline; } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .button_01 a { | |
+ | display: block; | ||
+ | width: 102px; | ||
+ | height: 23px; | ||
+ | padding: 7px 0 0 0; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/0/0e/USTC_Software_button.png) no-repeat; | ||
+ | color: #333; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | } | ||
- | { | + | .button_01 a:hover { |
- | + | color: #fff; | |
- | + | background:url(https://static.igem.org/mediawiki/2011/c/c1/USTC_Software_button_hover.png) no-repeat; | |
- | ! | + | } |
- | + | ||
- | + | p { margin: 0px; padding: 0px; } | |
- | + | ||
- | ! | + | img { margin: 0px; padding: 0px; border: none; } |
- | + | ||
- | ! | + | .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } |
- | + | ||
+ | .cleaner_h30 { clear: both; width:100%; height: 30px; } | ||
+ | .cleaner_h40 { clear: both; width:100%; height: 40px; } | ||
+ | |||
+ | .margin_r10 { margin-right: 10px; } | ||
+ | |||
+ | .float_l { float: left; } | ||
+ | .float_r { float: right; } | ||
+ | |||
+ | #header_wrapper { | ||
+ | width: 100%; | ||
+ | height: 265px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center; | ||
+ | } | ||
+ | |||
+ | #header { | ||
+ | position: relative; | ||
+ | width: 980px; | ||
+ | height: 265px; | ||
+ | padding: 0 10px; | ||
+ | margin: 0 auto; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center; | ||
+ | } | ||
+ | |||
+ | /* site title */ | ||
+ | |||
+ | #header #site_title { | ||
+ | float: left; | ||
+ | width: 220px; | ||
+ | padding: 50px 0 10px 10px; | ||
+ | } | ||
+ | |||
+ | #site_title h1 { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #site_title h1 a { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 30px; | ||
+ | color: #ffffff; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #site_title h1 a:hover { | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #site_title h1 a span { | ||
+ | display: block; | ||
+ | margin-left: 2px; | ||
+ | font-size: 14px; | ||
+ | color: #416902; | ||
+ | font-weight: bold; | ||
+ | letter-spacing: 2px; | ||
+ | } | ||
+ | |||
+ | /* end of site title */ | ||
+ | |||
+ | /* menu */ | ||
+ | |||
+ | #menu { | ||
+ | float: right; | ||
+ | padding-top: 70px; | ||
+ | height: 43px; | ||
+ | } | ||
+ | |||
+ | #menu ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #menu ul li { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #menu ul li a { | ||
+ | float: left; | ||
+ | display: block; | ||
+ | height: 35px; | ||
+ | width: 125px; | ||
+ | margin: 0; | ||
+ | padding: 8px 0 0 0; | ||
+ | text-align: center; | ||
+ | font-size: 12px; | ||
+ | text-decoration: none; | ||
+ | color: #333333; | ||
+ | font-weight: bold; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | #menu li a:hover, #menu li .current { | ||
+ | color: #333333; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/6/69/USTC_Software_menu_hover.png) no-repeat top; | ||
+ | } | ||
+ | |||
+ | /* end of menu */ | ||
+ | |||
+ | /* Search */ | ||
+ | |||
+ | #header #search_box { | ||
+ | position: absolute; | ||
+ | width: 333px; | ||
+ | height: 53px; | ||
+ | bottom: 64px; | ||
+ | right: 15px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/1/15/USTC_Software_search.png) | ||
+ | } | ||
+ | |||
+ | #search_box form { | ||
+ | width: 280px; | ||
+ | height: 27px; | ||
+ | margin: 0; | ||
+ | padding: 25px 0 0 0; | ||
+ | } | ||
+ | |||
+ | #searchfield { | ||
+ | height: 17px; | ||
+ | width: 270px; | ||
+ | padding: 4px 5px 6px 5px; | ||
+ | color: #fff; | ||
+ | font-size: 12px; | ||
+ | font-variant: normal; | ||
+ | line-height: normal; | ||
+ | background: none; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | /* end of search */ | ||
+ | |||
+ | /*clock_box*/ | ||
+ | #header #clock_box { | ||
+ | position: absolute; | ||
+ | width: 333px; | ||
+ | height: 42px; | ||
+ | bottom: 15px; | ||
+ | right: 14px; | ||
+ | } | ||
+ | |||
+ | #clock_box form { | ||
+ | width: 280px; | ||
+ | height: 27px; | ||
+ | margin: 0; | ||
+ | padding: 25px 0 0 0; | ||
+ | } | ||
+ | |||
+ | /* end of clock_box*/ | ||
+ | |||
+ | /* back to igem.org*/ | ||
+ | #header #to_org_box { | ||
+ | position:fixed; | ||
+ | width: 73px; | ||
+ | height: 75px; | ||
+ | bottom: 210px; | ||
+ | right: 18px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #to_org_box form { | ||
+ | width: 280px; | ||
+ | height: 27px; | ||
+ | margin: 0; | ||
+ | padding: 25px 0 0 0; | ||
+ | } | ||
+ | /* end of back to igem.org*/ | ||
+ | |||
+ | |||
+ | /* content */ | ||
+ | |||
+ | #content_wrapper { | ||
+ | width: 920px; | ||
+ | margin: 0 auto; | ||
+ | padding: 30px 40px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/b/bc/USTC_Software_content.jpg) repeat-y; | ||
+ | } | ||
+ | |||
+ | #content_wrapper_bottom { | ||
+ | width: 1000px; | ||
+ | height: 15px; | ||
+ | margin: 0 auto; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/a/a5/USTC_Software_content_bottom.jpg) no-repeat; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | |||
+ | width:auto; | ||
+ | } | ||
+ | |||
+ | #content p { | ||
+ | text-align: justify; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .content_section { | ||
+ | clear: both; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #content h2 { | ||
+ | color: #3a5909; | ||
+ | font-size: 24px; | ||
+ | padding: 0 0 60px 20px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left; | ||
+ | } | ||
+ | |||
+ | .view_box { | ||
+ | float: left; | ||
+ | width: 200px; | ||
+ | padding-bottom: 15px; | ||
+ | border-bottom: 1px dotted #666; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .fl_image { | ||
+ | float: left; | ||
+ | margin: 3px 15px 5px 0; | ||
+ | } | ||
+ | |||
+ | #content .view_box p { | ||
+ | padding: 0; | ||
+ | margin: 0 0 5px 0; | ||
+ | } | ||
+ | |||
+ | #content .view_box a { | ||
+ | color: #000000; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #content .em_text { | ||
+ | color: #537c11; | ||
+ | } | ||
+ | |||
+ | .price { | ||
+ | color: #C30; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .view_box h3 { | ||
+ | background: #63a103; | ||
+ | padding: 3px 10px; | ||
+ | margin: 0 0 10px 0; | ||
+ | color: #ffffff; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | .view_box img { | ||
+ | width: 190px; | ||
+ | height: 100px; | ||
+ | border: 5px solid #e6e0ce; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | #sidebar { | ||
+ | float: right; | ||
+ | width: 280px; | ||
+ | padding: 0; | ||
+ | background: url(images/USTC_Software_sidebar.jpg) repeat-y; | ||
+ | } | ||
+ | |||
+ | #sidebar .sidebar_section { | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | #sidebar .sidebar_section_content { | ||
+ | margin:0 0 0 35px; | ||
+ | } | ||
+ | |||
+ | #sidebar h2 { | ||
+ | color: #3a5909; | ||
+ | font-size: 24px; | ||
+ | padding: 0 0 60px 20px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left; | ||
+ | } | ||
+ | |||
+ | #sidebar .categories_list { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #sidebar .categories_list li { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .categories_list li a { | ||
+ | display: block; | ||
+ | color: #201f1c; | ||
+ | padding: 5px 0 5px 20px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/6/6d/USTC_Software_list.png) center left no-repeat; | ||
+ | } | ||
+ | .categories_list li a:hover { | ||
+ | color: #537c11; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .sidebar_section label { | ||
+ | display: block; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .sidebar_section #input_field { | ||
+ | height: 20px; | ||
+ | width: 233px; | ||
+ | padding: 0 5px; | ||
+ | margin-bottom: 10px; | ||
+ | color: #000000; | ||
+ | font-size: 12px; | ||
+ | font-variant: normal; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | |||
+ | .sidebar_section #submit_btn{ | ||
+ | float: right; | ||
+ | height: 30px; | ||
+ | width: 80px; | ||
+ | margin: 0px; | ||
+ | padding: 3px 0 15px 0; | ||
+ | cursor: pointer; | ||
+ | font-size: 12px; | ||
+ | text-align: center; | ||
+ | vertical-align: bottom; | ||
+ | white-space: pre; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | /* end of content */ | ||
+ | |||
+ | /* footer */ | ||
+ | |||
+ | #footer { | ||
+ | width: 980px; | ||
+ | margin: 0 auto; | ||
+ | padding: 30px 10px; | ||
+ | text-align: center; | ||
+ | color: #333333; | ||
+ | } | ||
+ | |||
+ | #footer a { | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | #footer .footer_menu { | ||
+ | margin: 0 0 10px 0; | ||
+ | padding: 0px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .footer_menu li { | ||
+ | margin: 0px; | ||
+ | padding: 0 20px; | ||
+ | display: inline; | ||
+ | border-right: 1px solid #000000; | ||
+ | } | ||
+ | |||
+ | .footer_menu .last_menu { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #footer #to_top_box { | ||
+ | position:fixed; | ||
+ | width: 73px; | ||
+ | height: 75px; | ||
+ | bottom: 21px; | ||
+ | right: 18px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #to_top_box form { | ||
+ | width: 280px; | ||
+ | height: 27px; | ||
+ | margin: 0; | ||
+ | padding: 25px 0 0 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* end of footer */ | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <script language="javascript" type="text/javascript"> | ||
+ | function clearText(field) | ||
+ | { | ||
+ | if (field.defaultValue == field.value) field.value = ''; | ||
+ | else if (field.value == '') field.value = field.defaultValue; | ||
+ | } | ||
+ | |||
+ | |||
+ | function Clock() | ||
+ | |||
+ | { var today = new Date(); | ||
+ | var day; | ||
+ | if(today.getDay()==0) day="Sunday" | ||
+ | if(today.getDay()==1) day="Monday" | ||
+ | if(today.getDay()==2) day="Tuesday" | ||
+ | if(today.getDay()==3) day="Wednesday" | ||
+ | if(today.getDay()==4) day="Thursday" | ||
+ | if(today.getDay()==5) day="Friday" | ||
+ | if(today.getDay()==6) day="Saturday" | ||
+ | var sec = today.getSeconds()+1; | ||
+ | var date =day +", " | ||
+ | + today.getFullYear() + "-" + (today.getMonth()+1) + "-" + today.getDate()+ | ||
+ | " " + today.getHours()+":"+today.getMinutes()+":"+sec; | ||
+ | document.getElementById("clock").innerHTML = date; | ||
+ | } | ||
+ | </SCRIPT> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <body> | ||
+ | <div id="header_wrapper"> | ||
+ | |||
+ | <div id="header"> | ||
+ | |||
+ | <div id="site_title"> | ||
+ | <h1><img src="https://static.igem.org/mediawiki/2011/b/b8/USTC_Software_iGEM_logo.jpg" alt="iGEM" width="128" height="92" /> | ||
+ | </br></br></br> | ||
+ | <span>USTC_Software</span> | ||
+ | </h1> | ||
+ | </div> | ||
+ | |||
+ | <div id="menu"> | ||
+ | <ul> | ||
+ | <li><a href="#" class="current">Home</a></li> | ||
+ | <li><a href="./02_project.html" target="_parent">Project</a></li> | ||
+ | <li><a href="./03_model.html" target="_parent">MoDeL</a></li> | ||
+ | <li><a href="./04_notebook.html" target="_parent">Notebook</a></li> | ||
+ | <li><a href="./05_human practice.html" target="_parent">Human Practice</a></li> | ||
+ | <li class="last_menu"><a href="./06_team.html" target="_parent">Team</a></li> | ||
+ | </ul> | ||
+ | </div> <!-- end of menu --> | ||
+ | |||
+ | <div id="search_box"> | ||
+ | <form action="#" method="get"> | ||
+ | <input type="text" value="SEARCH..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" /> | ||
+ | </form> | ||
+ | </div> | ||
+ | <div id="clock_box"> | ||
+ | <SCRIPT type=text/javascript> | ||
+ | document.write('<FONT id="clock" color="#FFFFFF> </FONT>');setInterval('Clock()',1000);</SCRIPT> | ||
+ | </div> | ||
+ | |||
+ | <div class="cleaner"></div> | ||
+ | </div> <!-- end of header --> | ||
+ | |||
+ | </div> | ||
+ | <!-- end of header_wrapper --> | ||
+ | |||
+ | <div id="content_wrapper"> | ||
+ | |||
+ | <div id="content"> | ||
+ | |||
+ | <div class="content_section"> | ||
+ | |||
+ | <h2>Lachesis</h2> | ||
+ | |||
+ | <div class="view_box margin_r10"> | ||
+ | |||
+ | <h3> </h3> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/7/78/USTC_Software_image_02.jpg" alt="view" /> | ||
+ | <p class="price">Assembly View</p> | ||
+ | </div> | ||
+ | |||
+ | <div class="view_box margin_r10"> | ||
+ | <h3> </h3> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/c/c8/USTC_Software_image_03.jpg" alt="view" /> | ||
+ | |||
+ | <p class="price">Network View<a href="#"></a> | ||
+ | </p></div> | ||
+ | |||
+ | |||
+ | <div class="view_box "> | ||
+ | <h3> </h3> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/3/3c/USTC_Software_image_04.jpg" alt="view" /> | ||
+ | |||
+ | <p class="price">Behavior View<a href="#"></a> | ||
+ | </p></div> | ||
+ | |||
+ | <div class="cleaner"></div> | ||
+ | |||
+ | <div class="button_01"><a href="#">View All</a></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="cleaner_h40"></div> | ||
+ | <div class="content_section"> | ||
+ | |||
+ | <h2>Project Description</h2> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2011/f/fd/USTC_Software_image_05.jpg" alt="image" class="fl_image" /> | ||
+ | <p><span lang="EN-US" xml:lang="EN-US">USTC 2011 DRY TEAM as a one has worked diligently on designing and implementing a user friendly and interacting-prone software which will get nearer to biology reality and free synthetic biologist from considering unnecessary minutia as well as help both layman and expert draw deep understanding of the mechanism on how the gene circuit run.</span></p> | ||
+ | <div><span lang="EN-US" xml:lang="EN-US">We offer a visualizing tool which give insight into the dynamics of a biology network. User dominated parameter adjustment process is also provided to assist in getting the required behavior. In order to assess the network’s immunology to parameter perturbation, a PCA analysis approach is exploited to depict the structure of a “good” behaved region. </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> <!-- end of content --><!-- end of sidebar --> | ||
+ | |||
+ | <div class="cleaner"></div> | ||
+ | |||
+ | </div> <div id="content_wrapper_bottom"></div> <!-- end of content_wrapper --> | ||
+ | |||
+ | <div id="footer"> | ||
+ | |||
+ | <ul class="footer_menu"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="./02_project.html" target="_parent">Project</a></li> | ||
+ | <li><a href="./03_model.html" target="_parent">MoDeL</a></li> | ||
+ | <li><a href="./04_notebook.html" target="_parent">Notebook</a></li> | ||
+ | <li><a href="./05_human practice.html" target="_parent">Human Practice</a></li> | ||
+ | <li class="last_menu"><a href="./06_team.html" target="_parent">Team</a></li> | ||
+ | </ul> | ||
+ | Welcome to   <a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a> ! | ||
+ | <div id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width="87" height="73"alt="to igem.org" style="right:auto"/></a></div> | ||
+ | <div id="to_top_box"><a href="#top"><img class="logo" src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width="73" height="75"alt="go back to top" style="right:auto"/></a></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- end of footer --> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 15:46, 10 July 2011
USTC_Software
Project Description
![image](https://static.igem.org/mediawiki/2011/f/fd/USTC_Software_image_05.jpg)
USTC 2011 DRY TEAM as a one has worked diligently on designing and implementing a user friendly and interacting-prone software which will get nearer to biology reality and free synthetic biologist from considering unnecessary minutia as well as help both layman and expert draw deep understanding of the mechanism on how the gene circuit run.
We offer a visualizing tool which give insight into the dynamics of a biology network. User dominated parameter adjustment process is also provided to assist in getting the required behavior. In order to assess the network’s immunology to parameter perturbation, a PCA analysis approach is exploited to depict the structure of a “good” behaved region.