(42 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
<html lang="en" class="no-js"> | <html lang="en" class="no-js"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> | ||
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/foundationcss?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/foundationcss?action=raw&ctype=text/css" /> | ||
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/mainpage?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC-Software/css/mainpage?action=raw&ctype=text/css" /> | ||
− | <main data-sticky-container> | + | |
− | + | <body> | |
− | + | <main data-sticky-container> | |
− | + | <div class="title-bar" data-responsive-toggle="navbar-global-mobile" data-hide-for="large"> | |
− | + | <button class="menu-icon" type="button" data-toggle></button> | |
− | + | <div class="title-bar-title">Menu</div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div class="top-bar- | + | <div class="top-bar hide-for-large" id="navbar-global-mobile"> |
− | <ul class="dropdown menu" data- | + | <ul class="vertical dropdown menu" data-responsive-menu="accordion"> |
<li> | <li> | ||
− | <a href=" | + | <a href="https://2016.igem.org/Team:USTC-Software">Home</a> |
</li> | </li> | ||
<li> | <li> | ||
Line 66: | Line 21: | ||
<li><a href="https://2016.igem.org/Team:USTC-Software/Description">Description</a></li> | <li><a href="https://2016.igem.org/Team:USTC-Software/Description">Description</a></li> | ||
<li><a href="https://2016.igem.org/Team:USTC-Software/Video">Video</a></li> | <li><a href="https://2016.igem.org/Team:USTC-Software/Video">Video</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:USTC-Software/Technology">Technology</a></li> | ||
<li><a href="https://2016.igem.org/Team:USTC-Software/Proof">Proof</a></li> | <li><a href="https://2016.igem.org/Team:USTC-Software/Proof">Proof</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:USTC-Software/Installation">Installation</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 73: | Line 30: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2016.igem.org/Team:USTC-Software/Requirements"> | + | <a href="https://2016.igem.org/Team:USTC-Software/Requirements">Requirements</a> |
<ul class="menu vertical"> | <ul class="menu vertical"> | ||
<li><a href="https://2016.igem.org/Team:USTC-Software/Medals">Medals</a></li> | <li><a href="https://2016.igem.org/Team:USTC-Software/Medals">Medals</a></li> | ||
Line 85: | Line 42: | ||
<li> | <li> | ||
<a href="https://2016.igem.org/Team:USTC-Software/Team">Team</a> | <a href="https://2016.igem.org/Team:USTC-Software/Team">Team</a> | ||
− | <ul class="menu"> | + | <ul class="menu vertical"> |
<li><a href="https://2016.igem.org/Team:USTC-Software/Members">Members</a></li> | <li><a href="https://2016.igem.org/Team:USTC-Software/Members">Members</a></li> | ||
<li><a href="https://2016.igem.org/Team:USTC-Software/Attributions">Attributions</a></li> | <li><a href="https://2016.igem.org/Team:USTC-Software/Attributions">Attributions</a></li> | ||
Line 92: | Line 49: | ||
</ul> | </ul> | ||
</div> | </div> | ||
− | + | <nav class="top-bar show-for-large" id="navbar-global"> | |
− | + | <div class="top-bar-left"> | |
− | + | ||
− | + | ||
− | + | ||
− | <nav class="top-bar show-for-large | + | |
− | <div class="top-bar- | + | |
<ul class="menu"> | <ul class="menu"> | ||
− | <li class="menu-text | + | <li class="menu-text"> |
<a href="#">USTC-Software</a> | <a href="#">USTC-Software</a> | ||
</li> | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="top-bar-left"> | ||
+ | <ul class=" medium-horizontal vertical dropdown menu" data-responsive-menu="accordion medium-dropdown"> | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div class="top-bar-right"> | <div class="top-bar-right"> | ||
− | <ul class="menu" data- | + | <ul class="dropdown menu" data-dropdown-menu data-closing-time="300"> |
− | < | + | <li> |
− | < | + | <a href="https://2016.igem.org/Team:USTC-Software">Home</a> |
− | + | </li> | |
− | + | <li> | |
− | < | + | <a href="https://2016.igem.org/Team:USTC-Software/Project">Project</a> |
− | + | <ul class="menu vertical"> | |
− | < | + | <li><a href="https://2016.igem.org/Team:USTC-Software/Description">Description</a></li> |
− | <li | + | <li><a href="https://2016.igem.org/Team:USTC-Software/Video">Video</a></li> |
− | + | <li><a href="https://2016.igem.org/Team:USTC-Software/Technology">Technology</a></li> | |
− | </li> | + | <li><a href="https://2016.igem.org/Team:USTC-Software/Proof">Proof</a></li> |
− | <li | + | <li><a href="https://2016.igem.org/Team:USTC-Software/Installation">Installation</a></li> |
− | + | </ul> | |
− | </li> | + | </li> |
− | <li | + | <li> |
− | + | <a href="https://2016.igem.org/Team:USTC-Software/HumanPractices">Human Practices</a> | |
− | </li> | + | </li> |
− | - | + | <li> |
− | <li | + | <a href="https://2016.igem.org/Team:USTC-Software/Requirements">Requirements</a> |
− | + | <ul class="menu vertical"> | |
− | <li | + | <li><a href="https://2016.igem.org/Team:USTC-Software/Medals">Medals</a></li> |
− | <li | + | <li><a href="https://2016.igem.org/Team:USTC-Software/Safety">Safety</a></li> |
− | + | <li><a href="https://2016.igem.org/Team:USTC-Software/Collaborations">Collaborations</a></li> | |
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Team:USTC-Software/Notebook">Notebook</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Team:USTC-Software/Team">Team</a> | ||
+ | <ul class="menu vertical"> | ||
+ | <li><a href="https://2016.igem.org/Team:USTC-Software/Members">Members</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:USTC-Software/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</nav> | </nav> | ||
− | + | <div id="main-img-container"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/4/40/T--USTC-Software--MainPageImage1.jpg" id="main-img" /> | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div class=" | + | <div data-sticky-container id="sticky-wrapper"> |
− | + | <nav class="top-bar show-for-large sticky" id="navbar-head" data-sticky data-top-anchor="sticky-wrapper" data-stick-to="top" data-margin-top="0"> | |
− | + | <div class="top-bar-title"> | |
− | + | <ul class="menu"> | |
− | + | <li class="menu-text" id="nav-top"> | |
− | + | <a href="#">USTC-Software</a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <div class="top-bar-right"> | |
− | + | <ul class="menu" data-magellan> | |
− | + | <li id="nav-link1"><a href="#link1">Welcome</a></li> | |
− | + | <li id="nav-link2"><a href="#link2">Simulation</a></li> | |
− | < | + | <li id="nav-link3"><a href="#link3">Pathway Finder</a></li> |
+ | <li id="nav-link4"><a href="#link4">BioBrick</a></li> | ||
+ | <li id="nav-link5"><a href="#link5">ABACUS</a></li> | ||
+ | <li id="nav-link6"><a href="#link6">Blast</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
</div> | </div> | ||
− | < | + | <section id="main-section"> |
− | < | + | <div class="row animation" id="link1" data-magellan-target="link1"> |
− | + | <div class="small-12 large-5 columns silde-in-left" id="text1"> | |
− | + | <h2 style="text-align:center;color:#3883d8;">Welcome to BioHub!</h2> | |
− | < | + | <p>Biohub is a software tool for synthetic biologists developed by USTC-Software. It aims at helping synthetic biologists to deal with data from different types such as regulatory proteins, regulatory elements in gene expression.</p> |
− | + | <p>Biohub is done using an extensive plug-in system with some handy utility such as pathway-finding, one key blast and quick query. Users can have their own personalized Biohub according to their need.</p> | |
− | < | + | <a href="https://2016.igem.org/Team:USTC-Software/Description#Overview">Learn More</a> |
− | < | + | </div> |
− | + | <div class="small-12 large-6 columns inner-text-container slide-in-right" id="animation1"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/1/18/T--USTC-Software--MainPage_Welcome.png"> | |
− | < | + | <h3 class="inner-text">some image</h3> |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div class="small-12 large-6 columns inner-text-container | + | <div class="row animation" id="link2" data-magellan-target="link2"> |
− | + | <div class="small-12 large-6 columns inner-text-container slide-in-right"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/thumb/d/dd/T--USTC-Software--CurveFitting.png/699px-T--USTC-Software--CurveFitting.png"> | |
+ | <h3 class="inner-text">some image</h3> | ||
+ | </div> | ||
+ | <div class="small-12 large-5 columns silde-in-left"> | ||
+ | <h2 style="text-align:center;color:#38ced7;"><span>Simulation</span></h2> | ||
+ | <p>See the detailed structure of a designed gene circuit.</p> | ||
+ | <p>Simulation for biology processes, especially unstable ones, and making everything beautiful and clear.</p> | ||
+ | <a href="https://2016.igem.org/Team:USTC-Software/Description#Module_Simulation">Learn More</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="small-12 large- | + | <div class="row animation" id="link3" data-magellan-target="link3"> |
− | + | <div class="small-12 large-5 columns"> | |
− | + | <h2 style="text-align:center;color:#22d659">Pathway Finder</h2> | |
− | < | + | <p>Pathway finder is a module integrated in the pano to provide faster and more convenient ways to find paths from a specific source node to another target node, select appropriate paths, and add them to the pano.</p> |
+ | <a href="https://2016.igem.org/Team:USTC-Software/Description#Module_Pathway_finder">Learn More</a> | ||
+ | </div> | ||
+ | <div class="small-12 large-6 columns inner-text-container"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/thumb/6/68/T--USTC-Software--MainPagePathWay.png/730px-T--USTC-Software--MainPagePathWay.png"> | ||
+ | <h3 class="inner-text">some image</h3> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="row animation" id="link4" data-magellan-target="link4"> | |
− | + | <div class="small-12 large-6 columns inner-text-container slide-in-right"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/7/7f/T--USTC-Software--MainPageBioBrick.png"> | |
− | <h2 style="text-align:center;color:#953543"> | + | <h3 class="inner-text">some image</h3> |
+ | </div> | ||
+ | <div class="small-12 large-5 columns silde-in-left"> | ||
+ | <h2 style="text-align:center;color:#953543">BioBrick</h2> | ||
+ | <p>Good searching engine, for good Bricks. Searching with various kinds of keywords.</p> | ||
+ | <a href="https://2016.igem.org/Team:USTC-Software/Description#Module_Biobrick_manager">Learn More</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="small-12 columns"> | + | <div class="row animation" id="link5" data-magellan-target="link5"> |
− | + | <div class="small-12 large-5 columns"> | |
− | + | <h2 style="text-align:center;">ABACUS</h2> | |
− | + | <p>Design better new protein,and rescue biologists from repetitive and useless experiments.</p> | |
− | </ | + | <a href="https://2016.igem.org/Team:USTC-Software/Description#Module_ABACUS">Learn More</a> |
− | < | + | </div> |
− | + | <div class="small-12 large-6 columns inner-text-container"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/thumb/5/5c/T--USTC-Software--MainPageABACUS.png/600px-T--USTC-Software--MainPageABACUS.png.jpeg"> | |
+ | <h3 class="inner-text">some image</h3> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="row animation" id="link6" data-magellan-target="link6"> | |
− | + | <div class="small-12 large-6 columns inner-text-container slide-in-right"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/e/ef/T--USTC-Software--blast0.jpg"> | |
− | <h2 style="text-align:center;"> | + | <h3 class="inner-text">some image</h3> |
+ | </div> | ||
+ | <div class="small-12 large-5 columns silde-in-left"> | ||
+ | <h2 style="text-align:center;color:#953543">Blast</h2> | ||
+ | <p>Blast Give You An Enjoyable Experience</p> | ||
+ | <a href="https://2016.igem.org/Team:USTC-Software/Description#Module_BLAST">Learn More</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="row animation" id="link7" data-magellan-target="link7"> |
− | < | + | <div class="small-12 large-12 columns silde-in-left"> |
− | + | <a href="https://2016.igem.org/Team:USTC-Software/Installation"><h2 style="text-align:center">Try It Now!</h2></a> | |
− | + | </div> | |
− | + | ||
</div> | </div> | ||
− | + | <footer class="row"> | |
− | + | <div class="column small-8 small-offset-2 large-4 large-offset-2 ar1"> | |
− | + | <h2>Links</h2> | |
− | + | <p><a href="http://www.ustc.edu.cn">USTC</a></p> | |
− | + | <p><a href="https://2014.igem.org/Team:USTC-Software">Biopano</a></p> | |
− | + | <p> </p> | |
− | + | </div> | |
− | + | <div class="column small-8 small-offset-2 large-4 large-offset-0 end ar2"> | |
− | + | <h2>Contact Us</h2> | |
− | + | <p>96, Jinzhai RD.</p> | |
− | + | <p>Baohe DST.</p> | |
− | + | <p>Hefei, Anhui, PRC</p> | |
− | + | <p> </p> | |
− | + | </div> | |
− | </main> | + | </footer> |
− | <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/foundationjs? | + | </section> |
+ | </main> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/foundationjs? | ||
action=raw&ctype=text/javascript"></script> | action=raw&ctype=text/javascript"></script> | ||
− | <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/velocity? | + | <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/velocity? |
action=raw&ctype=text/javascript"></script> | action=raw&ctype=text/javascript"></script> | ||
− | <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/velocityui? | + | <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/velocityui? |
action=raw&ctype=text/javascript"></script> | action=raw&ctype=text/javascript"></script> | ||
− | <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/mainpage? | + | <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/mainpage? |
action=raw&ctype=text/javascript"></script> | action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 03:56, 20 October 2016
Welcome to BioHub!
Biohub is a software tool for synthetic biologists developed by USTC-Software. It aims at helping synthetic biologists to deal with data from different types such as regulatory proteins, regulatory elements in gene expression.
Biohub is done using an extensive plug-in system with some handy utility such as pathway-finding, one key blast and quick query. Users can have their own personalized Biohub according to their need.
Learn MoreSimulation
See the detailed structure of a designed gene circuit.
Simulation for biology processes, especially unstable ones, and making everything beautiful and clear.
Learn MorePathway Finder
Pathway finder is a module integrated in the pano to provide faster and more convenient ways to find paths from a specific source node to another target node, select appropriate paths, and add them to the pano.
Learn Moresome image
BioBrick
Good searching engine, for good Bricks. Searching with various kinds of keywords.
Learn MoreABACUS
Design better new protein,and rescue biologists from repetitive and useless experiments.
Learn More