Team:SYSU-Software/BBO
From 2014.igem.org
(16 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
<link href="https://2014.igem.org/Team:SYSU-Software/header.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2014.igem.org/Team:SYSU-Software/header.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
<link href="https://2014.igem.org/Team:SYSU-Software/semantic.min.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2014.igem.org/Team:SYSU-Software/semantic.min.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
- | <link href="https://2014.igem.org/Team:SYSU-Software/ | + | <link href="https://2014.igem.org/Team:SYSU-Software/general.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> |
- | <link href="https://2014.igem.org/Team:SYSU-Software/ | + | <link href="https://2014.igem.org/Team:SYSU-Software/toTop.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> |
+ | <style type="text/css"> | ||
+ | #bgContent{ | ||
+ | background-color: #d0f7ef; | ||
+ | min-height: 1400px; | ||
+ | } | ||
+ | #flameTop{ | ||
+ | background-color: #d0f7ef; | ||
+ | height: 132px; | ||
+ | } | ||
+ | #flameMiddle{ | ||
+ | position: relative; | ||
+ | } | ||
+ | #flameBottom{ | ||
+ | background-color: #d0f7ef; | ||
+ | top: 180px; | ||
+ | } | ||
+ | #bgToTop{ | ||
+ | min-height: 1400px; | ||
+ | max-height: 2000px; | ||
+ | } | ||
+ | #bgMenu{ | ||
+ | min-height: 1400px; | ||
+ | max-height: 2000px; | ||
+ | } | ||
+ | #BBOVideo{ | ||
+ | position: relative; | ||
+ | top: 40px; | ||
+ | text-align: center; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | #BBOText{ | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | |||
+ | #BBOText a:hover{ | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | font-size: 15px; | ||
+ | font-family: Arial, Helvetica, Microsoft Sans Serif; | ||
+ | text-align: left; | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<div id="top2"></div> | <div id="top2"></div> | ||
+ | |||
+ | <div id="pageName"> | ||
+ | <img style="position: relative; width: 55%;" id="" src="https://static.igem.org/mediawiki/2014/0/06/SYSU-Software_policy%26practice_02.png"> | ||
+ | </div> | ||
<div class="bigFather"> | <div class="bigFather"> | ||
Line 24: | Line 74: | ||
<div onclick="location.href='https://2014.igem.org/Team:SYSU-Software';" class='homeCard' id="bg-00" ></div> | <div onclick="location.href='https://2014.igem.org/Team:SYSU-Software';" class='homeCard' id="bg-00" ></div> | ||
- | <div class="bigTitle" id="Proj" style="">Project</div> | + | <div class="bigTitle" id="Proj" style=""> |
+ | <div style="position:absolute; display: inline-block; left: 14px;">Project</div> | ||
+ | </div> | ||
<div class='card' id="bg-01"> | <div class='card' id="bg-01"> | ||
- | + | <div style="height:10px;"></div> | |
<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/overview'>Overview</a></div> | <div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/overview'>Overview</a></div> | ||
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/design">Design</a></div> |
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/validation">Validation</a></div> |
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/download">Download </a></div> |
</div> | </div> | ||
- | <div class="bigTitle" id="Docu" style="">Documents</div> | + | <div class="bigTitle" id="Docu" style=""> |
+ | <div style="position:absolute; display: inline-block; left: 14px;">Documents</div> | ||
+ | </div> | ||
<div class='card' id="bg-02"> | <div class='card' id="bg-02"> | ||
<div style="height:20px;"></div> | <div style="height:20px;"></div> | ||
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/tutorial">Tutorial </a></div> |
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/model"> Models </a></div> |
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/notebook"> Notebook </a></div> |
</div> | </div> | ||
- | <div class="bigTitle" id="Requ" style="">Requirements</div> | + | <div class="bigTitle" id="Requ" style=""> |
+ | <div style="position:absolute; display: inline-block; left: 14px;">Requirements</div> | ||
+ | </div> | ||
<div class='card' id="bg-03"> | <div class='card' id="bg-03"> | ||
<div style="height:20px;"></div> | <div style="height:20px;"></div> | ||
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/medal"> Medals </a></div> |
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/safety"> Safety </a></div> |
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/collaboration"> Collaboration </a></div> |
</div> | </div> | ||
- | <div class="bigTitle" id="Poli" style="">Policy & Practice</div> | + | <div class="bigTitle" id="Poli" style=""> |
+ | <div style="position:absolute; display: inline-block; left: 14px;">Policy & Practice</div> | ||
+ | </div> | ||
<div class='card' id="bg-04"> | <div class='card' id="bg-04"> | ||
<div style="height:28px;"></div> | <div style="height:28px;"></div> | ||
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/meetup"> Meetups </a></div> |
<div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/BBO'> BBO </a></div> | <div class='card-content'><a href='https://2014.igem.org/Team:SYSU-Software/BBO'> BBO </a></div> | ||
</div> | </div> | ||
- | <div class="bigTitle" id="Team" style="">Team</div> | + | <div class="bigTitle" id="Team" style=""> |
+ | <div style="position:absolute; display: inline-block; left: 14px;">Team</div> | ||
+ | </div> | ||
<div class='card' id="bg-05"> | <div class='card' id="bg-05"> | ||
- | <div style="height: | + | <div style="height:10px;"></div> |
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/member"> Members </a></div> |
- | <div class='card-content'><a href=' | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/attribution">Attribution</a></div> |
- | <div class='card-content'><a href= | + | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/sponsor"> Sponsors </a></div> |
+ | <div class='card-content'><a href="https://2014.igem.org/Team:SYSU-Software/ackmt"> Ackmt </a></div> | ||
</div> | </div> | ||
Line 70: | Line 131: | ||
<div id="bgContent"> | <div id="bgContent"> | ||
+ | |||
<div id="flameTop"> | <div id="flameTop"> | ||
- | <img id="" src="https://static.igem.org/mediawiki/2014/ | + | <img id="" src="https://static.igem.org/mediawiki/2014/a/ae/SYSU-Software_policy%26practice.png"> |
</div> | </div> | ||
- | + | ||
- | <div id="BBOVideo"> | + | <div class="flameMiddle"> |
- | + | <h1 style="text-align: center; font-size: 45px; font-weight: bold; font-family: cursive;">Biobrick Blast Online</h1><br/> | |
- | + | <div id="BBOVideo"> | |
- | + | <iframe width="854" height="510" src="http://www.youtube.com/embed/I0IcR2P2_dw" frameborder="0" allowfullscreen></iframe> | |
- | + | <div style="height: 90px;"></div> | |
- | + | <div id="BBOText" class="ui piled segment" style="width: 854px; margin:0px auto;"> | |
- | + | <h2 style="text-align: center;">Biobrick Blast Online</h2> | |
- | + | <br/> | |
- | + | <p>Biobrick Blast Online, short for BBO, is an online Biobrick alignment and search toolkit made by SYSU-Software and SYSU-China. | |
- | + | If you still have trouble or feel monotonous when you want to find some Biobricks containing or related to the known sequence | |
- | + | which is needed, you should try our software. BBO is not only containing the latest complete iGEM part registry data, | |
- | + | but also helping you search Biobricks in 2013 or 2014 iGEM DNA Distribution. | |
- | + | </p> | |
- | + | ||
- | + | <p>It is easy and convenient for everyone to use it. Enter your sequence or import the sequence from your file, | |
- | + | and then choose the E-Value, database and output format as you like, | |
- | + | you will soon get all Biobricks that contain or are related to the sequence, | |
- | + | as well as the overall information on those Biobricks. What’s more, our software is nonprofit and practical. | |
- | + | Now, move on and have a try! | |
- | + | </p> | |
- | + | ||
- | + | <p>The online version of software is released: | |
- | + | <a style="color:blue;" href="http://biobrickblast.sysusoftware.info/" target="_blank">http://biobrickblast.sysusoftware.info/</a> | |
- | + | </p> | |
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | ||
<div id="flameBottom"> | <div id="flameBottom"> | ||
<img id="" src="https://static.igem.org/mediawiki/2014/5/56/SYSU-Software_footer.png"> | <img id="" src="https://static.igem.org/mediawiki/2014/5/56/SYSU-Software_footer.png"> | ||
Line 107: | Line 170: | ||
<div id="bgToTop"> | <div id="bgToTop"> | ||
- | < | + | <a id="igemlogo" href="https://2014.igem.org/Main_Page" target="_blank" > |
+ | <img src="https://static.igem.org/mediawiki/2014/7/73/SYSU-Software_igemlogo.png" alt="igemlogo"> | ||
+ | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | <div style="display: none;" id="rocket-to-top"> | |
- | + | <div style="opacity:0;display: block;" class="level-2"></div> | |
+ | <div class="level-3"></div> | ||
+ | </div> | ||
</body> | </body> | ||
<script type="text/javascript" src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> | ||
- | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/allMenu. | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/allMenu.js?action=raw&ctype=text/javascript"></script> |
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-Software/toTop.js?action=raw&ctype=text/javascript"></script> | ||
</html> | </html> |
Latest revision as of 13:33, 10 October 2014
Biobrick Blast Online
Biobrick Blast Online
Biobrick Blast Online, short for BBO, is an online Biobrick alignment and search toolkit made by SYSU-Software and SYSU-China. If you still have trouble or feel monotonous when you want to find some Biobricks containing or related to the known sequence which is needed, you should try our software. BBO is not only containing the latest complete iGEM part registry data, but also helping you search Biobricks in 2013 or 2014 iGEM DNA Distribution.
It is easy and convenient for everyone to use it. Enter your sequence or import the sequence from your file, and then choose the E-Value, database and output format as you like, you will soon get all Biobricks that contain or are related to the sequence, as well as the overall information on those Biobricks. What’s more, our software is nonprofit and practical. Now, move on and have a try!
The online version of software is released: http://biobrickblast.sysusoftware.info/