Team:USTC-Software

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
(index)
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">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<html>
+
<meta name="author" content="Ao Xu">
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<meta name="revised" content="2011/07/10"/>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta name="description" content="index"/>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<meta name="keywords" content="USTC_Software iGEM"/>
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
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="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<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;
 +
}
-
{|align="justify"
+
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }
-
|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.
+
a:active, a:hover { color: #0683ab; text-decoration: underline; }
-
|[[Image:USTC-Software_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
''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:USTC-Software_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:USTC-Software | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
.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;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
.button_01 a:hover {
-
!align="center"|[[Team:USTC-Software|Home]]
+
color: #fff;
-
!align="center"|[[Team:USTC-Software/Team|Team]]
+
    background:url(https://static.igem.org/mediawiki/2011/c/c1/USTC_Software_button_hover.png) no-repeat;
-
!align="center"|[https://igem.org/Team.cgi?year=2011&team_name=USTC-Software Official Team Profile]
+
}
-
!align="center"|[[Team:USTC-Software/Project|Project]]
+
 
-
!align="center"|[[Team:USTC-Software/Parts|Parts Submitted to the Registry]]
+
p { margin: 0px; padding: 0px; }
-
!align="center"|[[Team:USTC-Software/Modeling|Modeling]]
+
 
-
!align="center"|[[Team:USTC-Software/Notebook|Notebook]]
+
img { margin: 0px; padding: 0px; border: none; }
-
!align="center"|[[Team:USTC-Software/Safety|Safety]]
+
 
-
!align="center"|[[Team:USTC-Software/Attributions|Attributions]]
+
.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>&nbsp;</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>&nbsp;</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>&nbsp;</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&rsquo;s immunology to parameter perturbation, a PCA analysis approach is exploited to depict the structure of a &ldquo;good&rdquo; 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 &#160;&#160;<a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a>&#160;!
 +
  <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 2011

Lachesis

 

view

Assembly View

 

view

Network View

 

view

Behavior View

View All

Project Description

image

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.   

Retrieved from "http://2011.igem.org/Team:USTC-Software"