Difference between revisions of "Team:HFUT-China"
| Line 1: | Line 1: | ||
| − | |||
<html lang="en"> | <html lang="en"> | ||
| Line 6: | Line 5: | ||
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"> | <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"> | ||
<title>HFUT-China</title> | <title>HFUT-China</title> | ||
| − | <link rel="stylesheet" type="text/css" href=" | + | <link rel="stylesheet" type="text/css" href="css/index.css"> |
| − | <link rel="stylesheet" type="text/css" href=" | + | <link rel="stylesheet" type="text/css" href="css/gh.css"> |
| − | <link rel="stylesheet" type="text/css" href=" | + | <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> |
| − | <link rel="stylesheet" type="text/css" href=" | + | <link rel="stylesheet" type="text/css" href="css/onepage-scroll.css"> |
<script type="text/javascript" src="https://2015.igem.org/Team:HFUT-China/jqjs? | <script type="text/javascript" src="https://2015.igem.org/Team:HFUT-China/jqjs? | ||
action=raw&ctype=text/javascript"></script> | action=raw&ctype=text/javascript"></script> | ||
| Line 39: | Line 38: | ||
#globalWrapper, | #globalWrapper, | ||
#content { | #content { | ||
| + | /*-- changes default wiki settings --*/ | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| Line 46: | Line 46: | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
| − | #bodyContent | + | /* disable IGEM's style */ |
| + | /* | ||
| + | #bodyContent { | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| − | + | }*/ | |
| − | } | + | |
/* | /* | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 { | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 { | ||
| Line 98: | Line 99: | ||
<div class="container main"> | <div class="container main"> | ||
<section class="intro brief"> | <section class="intro brief"> | ||
| − | <figure class=" | + | <figure class="logo-back"></figure> |
| − | <div class="title | + | <div class="b-title"> |
| − | + | <div class="title">BioDesigner</div> | |
| − | + | <div class="slogn">All you want, right here</div> | |
| − | <div class=" | + | |
| − | + | ||
| − | + | ||
| − | <div class=" | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
</section> | </section> | ||
| Line 150: | Line 141: | ||
</svg> | </svg> | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="simu-desc jumbotron"> |
| − | <div class=" | + | <div class="simu-title">Simulation</div> |
| − | <div class=" | + | <div class="simu-subtitle">Tell how it works, before you do your works</div> |
| − | <p class=" | + | <p class="simu-words">Traditionally, the test of a Synthetic Biology design is by doing lots of experiments, which can be a extremely time-consuming process. By using SSA algorithm, BioDesigner can show a glance of how the design will performed to the user. With BioDesigner's interactive simulator, user can check amount of a certain compound at any time, or during any time period.</p> |
</div> | </div> | ||
</section> | </section> | ||
| Line 237: | Line 228: | ||
fill: "none", | fill: "none", | ||
strokeWidth: "1", | strokeWidth: "1", | ||
| − | stroke: "# | + | stroke: "#002FA7", |
strokeMiterLimit: "10", | strokeMiterLimit: "10", | ||
strokeDasharray: "9 9", | strokeDasharray: "9 9", | ||
| Line 245: | Line 236: | ||
var len1 = path1.getTotalLength(); | var len1 = path1.getTotalLength(); | ||
path1.attr({ | path1.attr({ | ||
| − | stroke: '# | + | stroke: '#002FA7', |
strokeWidth: 1, | strokeWidth: 1, | ||
| − | fill: ' | + | fill: 'none', |
// Draw Path | // Draw Path | ||
"stroke-dasharray": len1 + " " + len1, | "stroke-dasharray": len1 + " " + len1, | ||
| Line 362: | Line 353: | ||
var linex = ss.path('M395.667,349.333L416.501,357.666L395.5,366.625L395.5,359.5L73,359.5').attr({ | var linex = ss.path('M395.667,349.333L416.501,357.666L395.5,366.625L395.5,359.5L73,359.5').attr({ | ||
fill: 'none', | fill: 'none', | ||
| − | stroke: '# | + | stroke: '#000000', |
strokeWidth: 5, | strokeWidth: 5, | ||
'stroke-linecap': 'round', | 'stroke-linecap': 'round', | ||
| Line 372: | Line 363: | ||
var liney = ss.path('M119.417,164.417L110.959,144.041L102.5,166.5L109.5,166.5L109.5,394').attr({ | var liney = ss.path('M119.417,164.417L110.959,144.041L102.5,166.5L109.5,166.5L109.5,394').attr({ | ||
fill: 'none', | fill: 'none', | ||
| − | stroke: '# | + | stroke: '#000000', |
'stroke-width': 5, | 'stroke-width': 5, | ||
'stroke-linecap': 'round', | 'stroke-linecap': 'round', | ||
| Line 414: | Line 405: | ||
linex.attr({ | linex.attr({ | ||
| − | stroke: '# | + | stroke: '#000', |
strokeWidth: 5, | strokeWidth: 5, | ||
| Line 426: | Line 417: | ||
}); | }); | ||
liney.attr({ | liney.attr({ | ||
| − | stroke: '# | + | stroke: '#000', |
strokeWidth: 5, | strokeWidth: 5, | ||
Revision as of 07:27, 18 September 2015
BioDesigner is a smart assistant tool for Synthetic Biology design. Helping Synthetic Biologist make more creative products is BioDesigner's final purpose. With this idea, BioDesigner presents all valuable informations to the user. Also by improving the BioBrick searching process and providing practical BioBrick during the design process, BioDesigner leads Synthetic Biology design to a new level.
Searching for a part is the most fundamental step in Synthetic Biolody. With BioDesigner's powerful search tool, you can search parts by typing what you what, and the costum-built result will be presented to you. But what BioDesigner can do is more than that. Lots of valuable information will also be presented to the user, like some basic information, and most important one, is a parts' related papers. By collecting lots of information together, user can get more than BioBricks.
The decision of a part is always a pain point to every Synthetic Biology researcher. BioDesigner is the assistant which can help users make that decision. By analyzing users' design with lots of datas, BioDesigner can provide useful parts as a recommendation to the user. Also, by lots of data analyze of part's function, the recommendation will adjust to your design. BioDesigner can also show you relations between different proteins and genes. With lots of hard working, by providing all those valuable informations, the decision of part won't be that hard.
Traditionally, the test of a Synthetic Biology design is by doing lots of experiments, which can be a extremely time-consuming process. By using SSA algorithm, BioDesigner can show a glance of how the design will performed to the user. With BioDesigner's interactive simulator, user can check amount of a certain compound at any time, or during any time period.