Difference between revisions of "Team:USTC-Software"

 
(60 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{USTC-Software}}
 
−
<html>
 
  
−
<div class="column full_size" >
+
<!DOCTYPE html>
−
<h1> Welcome to USTC-Software iGEM 2017! </h1>
+
<html lang="zh-CN">
−
</div>  
+
<head>
 +
    <meta charset="utf-8">
 +
    <title>wikiHome</title>
 +
   
 +
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/jquery&action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/jquery-mouse-wheel&action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/slider&action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/bootstrap&action=raw&ctype=text/javascript" type="text/javascript"></script>
  
−
<div class="column full_size" >
+
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/bootstrap&action=raw&ctype=text/css">
−
<h2>Project Description </h2>
+
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/slider&action=raw&ctype=text/css">
−
<p>
+
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/navbar&action=raw&ctype=text/css">
−
Welcome to BioHub 2.0! This is an open and fantastic platform with practical functions for synthetic biologists. For scientists whose goal is to make discoveries in biology, steps using bioinformatics can be seen the most basic but rather troublesome part. To solve this, our team created BioHub in 2016, and we improved it this year.
+
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/index&action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/style&action=raw&ctype=text/css">
 +
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 +
   
  
−
BioHub 2.0 is a platform with several plug-ins, which means that users can not only employ the functions we provide, but also develop new and useful ones which can meet their special needs, without caring for servers and network transmission. Others include iGemer forum, in which teams participating in the competition can communicate with each other, abacus 2.0, which could design amino acid sequence from the .pdb file provided by user, image processing, which can analyze the experimental results by the RGB of image, and other splendid functions.
+
</head>
 +
<body>
 +
<section id="dowebok" class="fullscreenslider">
 +
    <div style="position:relative; z-index:4">
 +
            <nav class="navbar navcolor" id="nav">
 +
                <div>
 +
                    <a href="http://biohub.technology" style="margin-left: 20px;margin-top: 11px;">
 +
                        <img src="https://static.igem.org/mediawiki/2017/b/b3/Biohub-brand.png" height="35" style="margin-top: 11px;">
 +
                    </a>
 +
                    <ul class="nav navbar-nav navbar-right page-1">
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:USTC-Software">Home</a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#">
 +
                                Team
 +
                                <b class="caret"></b>
 +
                            </a>
 +
                            <ul class="menu">
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/team">Members</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Collaborations">Collaborations</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Attributions">Attributions</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#">
 +
                                Project
 +
                                <b class="caret"></b>
 +
                            </a>
 +
                            <ul class="menu">
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/project">Description</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Video">Video</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Model">Model</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/implementation">Implementation</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Improve">Improve</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Installation">Installation</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#">
 +
                                Human Practice
 +
                                <b class="caret"></b>
 +
                            </a>
 +
                            <ul class="menu">
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/HP/Silver">Silver</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/HP/Gold_Integrated">Gold_Integrated</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#">
 +
                                        Requirements
 +
                                        <b class="caret"></b>
 +
                                    </a>
 +
                                    <ul class="menu">
 +
                                        <li>
 +
                                            <a href="https://2017.igem.org/Team:USTC-Software/Contribution">Contribution</a>
 +
                                        </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/validation">Validation</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Demonstrate">Demonstrate</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Safety">Safety</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    <div class="slidewrapper">
 +
        <article class="slide" id="theme-graph">
 +
            <div class="container" style="background-color: #3498db; height: 100%; width: 100%;">
 +
                <div class="row">
 +
                    <div class="graphic-one">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/39/Biohub-snail.png" style="opacity: 0.9;width: 370px; position: relative; left: 320px; top: 300px;">
 +
                        <div id="arrows-1" style="width: 100px; position: relative; left: 480px;top: -40px;height: 0">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.33 217.25"><defs><style>.cls-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}</style></defs><title>交换箭头</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M266.33,52l-75-43.3V26.34a7,7,0,0,0-1.33-.13H17a7,7,0,0,0-7,7v87.54A11.82,11.82,0,0,0,27.73,131l27.36-15.8A11.82,11.82,0,0,0,61,105V77.21H190a7,7,0,0,0,1.33-.13V95.26Z"/><path class="cls-1" d="M10,165.29l75,43.3V190.9a7,7,0,0,0,1.33.13h173a7,7,0,0,0,7-7V96.5A11.82,11.82,0,0,0,248.6,86.26l-27.36,15.8a11.82,11.82,0,0,0-5.91,10.24V140h-129a7,7,0,0,0-1.33.13V122Z"/></g></g></svg>
 +
                        </div>
 +
                        <div id="arrows-2" style="width: 60px; position: relative; left: 390px;top: 180px;height:0">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.33 217.25"><defs><style>.arrow-2{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:13px;}</style></defs><title>交换箭头</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="arrow-2" d="M266.33,52l-75-43.3V26.34a7,7,0,0,0-1.33-.13H17a7,7,0,0,0-7,7v87.54A11.82,11.82,0,0,0,27.73,131l27.36-15.8A11.82,11.82,0,0,0,61,105V77.21H190a7,7,0,0,0,1.33-.13V95.26Z"/><path class="arrow-2" d="M10,165.29l75,43.3V190.9a7,7,0,0,0,1.33.13h173a7,7,0,0,0,7-7V96.5A11.82,11.82,0,0,0,248.6,86.26l-27.36,15.8a11.82,11.82,0,0,0-5.91,10.24V140h-129a7,7,0,0,0-1.33.13V122Z"/></g></g></svg>
 +
                        </div>
 +
                        <div id="abacus-1" style="width: 130px; position: relative; left: 600px;top: 30px;height:0">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 119"><defs><style>.cls-1,.cls-2{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;}.cls-1{stroke-width:10px;}.cls-2{stroke-width:5px;}.cls-3{fill:#3ba2d7;}</style></defs><title>资源 2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><rect class="cls-1" x="5" y="5" width="230" height="109" rx="7" ry="7"/><line class="cls-2" x1="120" y1="5" x2="120" y2="114"/><line class="cls-2" x1="157" y1="5" x2="157" y2="114"/><line class="cls-2" x1="195" y1="5" x2="195" y2="114"/><line class="cls-2" x1="83" y1="5" x2="83" y2="114"/><line class="cls-2" x1="42" y1="5" x2="42" y2="114"/><line class="cls-1" x1="5" y1="41" x2="235" y2="41"/><rect class="cls-3" x="30" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="69" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="69" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="69" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="69" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="69" width="25" height="7" rx="3.5" ry="3.5"/></g></g></svg>
 +
                        </div>
 +
                        <div id="abacus-2" style="width: 140px; position: relative; left: 420px;top: 265px;height: 0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 119"><defs><style>.cls-1,.cls-2{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;}.cls-1{stroke-width:10px;}.cls-2{stroke-width:5px;}.cls-3{fill:#3ba2d7;}</style></defs><title>资源 2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><rect class="cls-1" x="5" y="5" width="230" height="109" rx="7" ry="7"/><line class="cls-2" x1="120" y1="5" x2="120" y2="114"/><line class="cls-2" x1="157" y1="5" x2="157" y2="114"/><line class="cls-2" x1="195" y1="5" x2="195" y2="114"/><line class="cls-2" x1="83" y1="5" x2="83" y2="114"/><line class="cls-2" x1="42" y1="5" x2="42" y2="114"/><line class="cls-1" x1="5" y1="41" x2="235" y2="41"/><rect class="cls-3" x="30" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="30" y="69" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="71" y="69" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="108" y="69" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="145" y="69" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="28" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="20" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="101" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="93" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="85" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="77" width="25" height="7" rx="3.5" ry="3.5"/><rect class="cls-3" x="183" y="69" width="25" height="7" rx="3.5" ry="3.5"/></g></g></svg>
 +
                        </div>
 +
                        <div id="talk-1" style="width: 60px; position: relative; left: 640px;top: -50px;height: 0;-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-ms-transform: scaleX(-1);-o-transform: scaleX(-1);transform: scaleX(-1);">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 259 169.36"><defs><style>.talk-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:14px;}.cls-2{fill:#3ba2d7;}</style></defs><title>对话框</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="talk-1" d="M254,101.57V36.43A31.52,31.52,0,0,0,222.57,5H36.43A31.52,31.52,0,0,0,5,36.43v65.14A31.52,31.52,0,0,0,36.43,133H186.18l58.63,28.1-2.69-35A31.41,31.41,0,0,0,254,101.57Z"/><circle class="cls-2" cx="60.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="126.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="194.5" cy="70.5" r="15.5"/></g></g></svg>
 +
                        </div>
 +
                        <div id="talk-2" style="width: 100px; position: relative; left: 330px;top: 60px; height: 0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 259 169.36"><defs><style>.cls-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}.cls-2{fill:#3ba2d7;}</style></defs><title>对话框</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M254,101.57V36.43A31.52,31.52,0,0,0,222.57,5H36.43A31.52,31.52,0,0,0,5,36.43v65.14A31.52,31.52,0,0,0,36.43,133H186.18l58.63,28.1-2.69-35A31.41,31.41,0,0,0,254,101.57Z"/><circle class="cls-2" cx="60.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="126.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="194.5" cy="70.5" r="15.5"/></g></g></svg>
 +
                        </div>
 +
                        <div id="wheel-1" style="width: 35px; position: relative; left: 530px;top: 30px; height: 0;stroke-width: 80px;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-1" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 +
                        </div>
 +
                        <div id="wheel-2" style="width: 30px; position: relative; left: 360px;top: 220px; height: 0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-2{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:11px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-2" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 +
                        </div>
 +
                        <div id="wheel-3" style="width: 65px; position: relative; left: 590px;top: 130px;height: 0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-3{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:8px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-3" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 +
                        </div>
 +
                        <div id="circuit-1" style="width: 230px; position: relative; left: 500px;top: 220px; height:0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 560 288" style="enable-background:new 0 0 560 288;" xml:space="preserve"> <style type="text/css"> .circuit-1{fill:none;stroke:#3ba2d5;stroke-width:6;stroke-miterlimit:10;} </style> <image style="overflow:visible;" width="626" height="-626" xlink:href="A35BE092.jpg"  transform="matrix(1 0 0 1 -253 456)"> </image> <circle class="circuit-1" cx="308.6" cy="16.1" r="6.7"/> <polyline class="circuit-1" points="308.7,22.7 308.7,69.5 232.3,146.4 232.3,228.7 253.1,251.7 "/> <polyline class="circuit-1" points="322.3,22.7 322.3,69.5 245.9,146.4 245.9,228.7 266.7,251.7 "/> <polyline class="circuit-1" points="335.3,22.7 335.3,69.5 258.9,146.4 258.9,228.7 279.7,251.7 "/> <circle class="circuit-1" cx="255.1" cy="256.2" r="6.7"/> <polyline class="circuit-1" points="285.9,148.2 350.3,83.8 437.3,83.8 "/> <path class="circuit-1" d="M154.8,60.4"/> <polyline class="circuit-1" points="268.6,148.9 345.6,72 401.2,72 "/> <circle class="circuit-1" cx="406" cy="71.8" r="6.7"/> <circle class="circuit-1" cx="281" cy="154.4" r="6.7"/> <polyline class="circuit-1" points="308.6,144 355,95.7 424.4,95.7 "/> <circle class="circuit-1" cx="305.7" cy="149.2" r="6.7"/> <circle class="circuit-1" cx="444" cy="85.2" r="6.7"/> </svg>
 +
                        </div>
 +
                        <div id="circuit-2" style="width: 230px; position: relative; left: 150px;top: -10px; height:0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 560 288" style="enable-background:new 0 0 560 288;" xml:space="preserve"> <style type="text/css"> .circuit-2{fill:none;stroke:#3ba2d5;stroke-width:6;stroke-miterlimit:10;} </style> <image style="overflow:visible;" width="626" height="-626" xlink:href="A35BE092.jpg"  transform="matrix(1 0 0 1 -253 456)"> </image> <circle class="circuit-2" cx="308.6" cy="16.1" r="6.7"/> <polyline class="circuit-2" points="308.7,22.7 308.7,69.5 232.3,146.4 232.3,228.7 253.1,251.7 "/> <polyline class="circuit-2" points="322.3,22.7 322.3,69.5 245.9,146.4 245.9,228.7 266.7,251.7 "/> <polyline class="circuit-2" points="335.3,22.7 335.3,69.5 258.9,146.4 258.9,228.7 279.7,251.7 "/> <circle class="circuit-2" cx="255.1" cy="256.2" r="6.7"/> <polyline class="circuit-2" points="285.9,148.2 350.3,83.8 437.3,83.8 "/> <path class="circuit-2" d="M154.8,60.4"/> <polyline class="circuit-2" points="268.6,148.9 345.6,72 401.2,72 "/> <circle class="circuit-2" cx="406" cy="71.8" r="6.7"/> <circle class="circuit-2" cx="281" cy="154.4" r="6.7"/> <polyline class="circuit-2" points="308.6,144 355,95.7 424.4,95.7 "/> <circle class="circuit-2" cx="305.7" cy="149.2" r="6.7"/> <circle class="circuit-2" cx="444" cy="85.2" r="6.7"/> </svg>
 +
                        </div>
 +
                        <div id="plugin-1" style="width: 630px; position: relative; left: 260px;top: 50px; height:0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="290 0 560 288" style="enable-background:new 0 0 560 288;" xml:space="preserve"> <style type="text/css"> .st1{fill:none;stroke:#3ba2d5;stroke-width:5px;} </style> <path class="st1" d="M394.1,120.8h-19.7v-14.9h19.7c3.4,0,6.1-2.7,6.1-6.1s-2.7-6.1-6.1-6.1h-19.7v-4.9c0-5.6-4.6-10.3-10.2-10.1 c-2.3,0.1-4.6,0.3-6.8,0.8c-5,1-4.8,1.3-9.2,2.8c-5.6,1.9-9.1,6-9.4,10.4c-0.7-0.1-1.4-0.2-2.1-0.2h-3.9c-5.6,0-10.2,4.6-10.2,10.2 v3.2h-49.3v14.4h49.3v3.1c0,5.6,4.6,10.2,10.2,10.2h3.9c0.7,0,1.4-0.1,2.1-0.2c0.2,4.5,3.8,8.5,9.4,10.5c4.4,1.5,9.2,2.8,14.2,3.9 c0,0,0.1,0,0.1,0c6.2,1.3,11.9-3.6,11.9-9.9v-4.9h19.7c3.4,0,6.1-2.7,6.1-6.1C400.1,123.5,397.4,120.8,394.1,120.8z"/> </svg>
 +
                        </div>
 +
                        <div id="like-1" style="width: 200px; position: relative; left: 350px;top:-50px; height:0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="100 30 120 84" style="enable-background:new 0 0 560 288;" xml:space="preserve"> <path fill="transparent" stroke="#3ba2d5" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d=" M146.3,80.1c-0.4,0.2-0.8,0.2-1.1,0c-8.1-4.3-13.6-10.4-13.4-17c0.1-6,4.2-8,7.3-7.9c3.1,0.1,5.8,2,6.7,3h0c0.9-1,3.6-3,6.7-3 c3.1-0.1,7.2,1.9,7.3,7.9C159.9,69.7,154.5,75.8,146.3,80.1z" style="opacity: 1; transform: translateX(0%) translateY(0%);"></path> </svg>
 +
                        </div>
 +
                        <div id="like-2" style="width: 150px; position: relative; left: 550px;top:-50px; height:0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="100 30 120 84" style="enable-background:new 0 0 560 288;" xml:space="preserve"> <path fill="transparent" stroke="#3ba2d5" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d=" M146.3,80.1c-0.4,0.2-0.8,0.2-1.1,0c-8.1-4.3-13.6-10.4-13.4-17c0.1-6,4.2-8,7.3-7.9c3.1,0.1,5.8,2,6.7,3h0c0.9-1,3.6-3,6.7-3 c3.1-0.1,7.2,1.9,7.3,7.9C159.9,69.7,154.5,75.8,146.3,80.1z" style="opacity: 1; transform: translateX(0%) translateY(0%);"></path> </svg>
 +
                        </div>
 +
                        <div id="like-3" style="width: 320px; position: relative; left: 160px;top:170px; height:0;">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="100 30 120 84" style="enable-background:new 0 0 560 288;" xml:space="preserve"> <path fill="transparent" stroke="#3ba2d5" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d=" M146.3,80.1c-0.4,0.2-0.8,0.2-1.1,0c-8.1-4.3-13.6-10.4-13.4-17c0.1-6,4.2-8,7.3-7.9c3.1,0.1,5.8,2,6.7,3h0c0.9-1,3.6-3,6.7-3 c3.1-0.1,7.2,1.9,7.3,7.9C159.9,69.7,154.5,75.8,146.3,80.1z" style="opacity: 1; transform: translateX(0%) translateY(0%);"></path> </svg>
 +
                        </div>
 +
                        <div id="brick-1" style="width: 80px; position: relative; left: 680px;top:170px; height:0;">
 +
                            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 54 54" style="enable-background:new 0 0 54 54;" xml:space="preserve"> <style type="text/css">.brick{fill:#3ba2d5;stroke:#3ba2d5;stroke-width: 0px;stroke-miterlimit: 10;}</style> <g> <g> <path class="brick" d="M1,18h24c0.552,0,1-0.448,1-1V5c0-0.552-0.448-1-1-1H1C0.448,4,0,4.448,0,5v12C0,17.552,0.448,18,1,18z M2,6h22v10H2V6z" /> <path class="brick" d="M25,36H1c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V37C26,36.448,25.552,36,25,36z M24,48H2V38 h22V48z"/> <path class="brick" d="M53,4H29c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V5C54,4.448,53.552,4,53,4z M52,16H30V6h22 V16z"/> <path class="brick" d="M53,36H29c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V37C54,36.448,53.552,36,53,36z M52,48H30 V38h22V48z"/> <path class="brick" d="M14,21v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V21c0-0.552-0.448-1-1-1H15C14.448,20,14,20.448,14,21z M16,22h22 v10H16V22z"/> <path class="brick" d="M1,34h10c0.552,0,1-0.448,1-1V21c0-0.552-0.448-1-1-1H1c-0.552,0-1,0.448-1,1v12C0,33.552,0.448,34,1,34z M2,22h8v10H2V22 z"/> <path class="brick" d="M53,20H43c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h10c0.552,0,1-0.448,1-1V21C54,20.448,53.552,20,53,20z M52,32h-8 V22h8V32z"/> </g> </g> </svg>
 +
                        </div>
 +
                        <div style="position: relative; left:270px;top:400px;font-size: 2em;">
 +
                            <img style="width: 500px;"  src="https://static.igem.org/mediawiki/2017/c/c1/Logo_white.png">
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </article>
 +
        <article class="slide">
 +
            <div class="container" style="background: #FFC930;height: 100%;width:100%">
 +
                <div class="row">
 +
                    <div style="position: relative;left: 19%;width: 1200px;">
 +
                        <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 850 600" enable-background="new 0 0 850 600" xml:space="preserve"> <g> <rect x="130.1" y="131.6" fill="#F7F7F7" width="573.8" height="322.1"/> <rect x="130.1" y="131.6" fill="#204E70" width="573.8" height="71.2"/> <g> <path fill="#28628A" d="M370.3,181H176.8c-6.5,0-11.8-5.3-11.8-11.8V167c0-6.5,5.3-11.8,11.8-11.8h193.5c6.5,0,11.8,5.3,11.8,11.8 v2.2C382.2,175.7,376.8,181,370.3,181z"/> <rect x="178.6" y="159.8" fill="none" width="230.4" height="38.4"/> <text transform="matrix(1 0 0 1 178.6014 173.23)" fill="#FFFFFF" font-family="'MyriadPro-Regular'" font-size="16px">Search</text> </g> <g> <g> <path fill="#F7F7F7" stroke="#204E7D" stroke-miterlimit="10" d="M636.8,172.5c-1.3-5.3-5.2-9.2-9.8-9.3 c-4.6,0.1-8.5,3.9-9.8,9.3c-0.4,1.5,0.5,3,1.7,3H635C636.3,175.5,637.1,174,636.8,172.5z"/> <path fill="#F7F7F7" stroke="#204E7D" stroke-miterlimit="10" d="M631,179h-8.1c-1.5,0-2.6-1.1-2.6-2.4l0-8.1 c0-2.9,2.6-5.3,5.9-5.3h1.7c3.2,0,5.9,2.4,5.9,5.3l0,8C633.8,177.9,632.6,179,631,179z"/> <circle fill="#F7F7F7" stroke="#204E7D" stroke-miterlimit="10" cx="627" cy="158.3" r="4.8"/> </g> <rect x="642.1" y="154.5" fill="none" width="247.5" height="41.3"/> <text transform="matrix(1 0 0 1 642.0806 176.1075)" fill="#FFFFFF" font-family="'MyriadPro-Regular'" font-size="25.7862px">Me</text> </g> <g> <rect x="349.4" y="428.5" fill="none" width="135.2" height="19.2"/> <text transform="matrix(1 0 0 1 349.405 441.9143)" fill="#CCCCCC" font-family="'MyriadPro-Regular'" font-size="16px">Welcome to </text> </g> <g> <path fill="#FFFFFF" d="M397.7,307.3H260c-6.5,0-11.8-5.3-11.8-11.8v-38.2c0-6.5,5.3-11.8,11.8-11.8h137.7 c6.5,0,11.8,5.3,11.8,11.8v38.2C409.6,302,404.3,307.3,397.7,307.3z"/> <g> <rect x="283.5" y="265.7" fill="none" width="99.7" height="21.1"/> <text transform="matrix(1 0 0 1 283.4818 282.7241)" fill="#1695A6" font-family="'MyriadPro-Regular'" font-size="20.3928px">BBa_B0030</text> </g> </g> <g> <path fill="#FFFFFF" d="M576.5,307.3H438.8c-6.5,0-11.8-5.3-11.8-11.8v-38.2c0-6.5,5.3-11.8,11.8-11.8h137.7 c6.5,0,11.8,5.3,11.8,11.8v38.2C588.3,302,583,307.3,576.5,307.3z"/> <g> <rect x="458.5" y="265.5" fill="none" width="148.8" height="42.3"/> <text transform="matrix(1 0 0 1 458.5008 282.5258)" fill="#1695A6" font-family="'MyriadPro-Regular'" font-size="20.3928px">BBa_I14018</text> </g> </g> <g> <rect x="162.5" y="214.7" fill="none" width="186.9" height="53.1"/> <text transform="matrix(1 0 0 1 162.4752 233.2467)" font-family="'MyriadPro-Regular'" font-size="22.1268px">Popular Bricks</text> </g> <g> <path fill="#FFFFFF" d="M649.7,307.3h-34.5c-6.5,0-11.8-5.3-11.8-11.8v-38.2c0-6.5,5.3-11.8,11.8-11.8h34.5 c6.5,0,11.8,5.3,11.8,11.8v38.2C661.5,302,656.2,307.3,649.7,307.3z"/> </g> <g> <path fill="#EEEEEE" d="M655.2,307.4h12.2c3.4,0,6.2-2.8,6.2-6.2v-49.4c0-3.4-2.8-6.2-6.2-6.2h-12.2c-3.4,0-6.2,2.8-6.2,6.2v49.4 C649,304.6,651.8,307.4,655.2,307.4z"/> <g> <rect x="660.3" y="266.8" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1321.7037 -3.3014)" fill="#808080" width="2.4" height="10.5"/> <rect x="660.3" y="272.6" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 932.8773 942.0117)" fill="#808080" width="2.4" height="10.5"/> </g> </g> <g> <g> <path fill="#FFFFFF" d="M220.9,307.4h-34.5c-6.5,0-11.8-5.3-11.8-11.8v-38.2c0-6.5,5.3-11.8,11.8-11.8h34.5 c6.5,0,11.8,5.3,11.8,11.8v38.2C232.8,302.1,227.5,307.4,220.9,307.4z"/> </g> <g> <path fill="#EEEEEE" d="M180.9,306.9h-12.2c-3.4,0-6.2-2.8-6.2-6.2v-49.4c0-3.4,2.8-6.2,6.2-6.2h12.2c3.4,0,6.2,2.8,6.2,6.2v49.4 C187.1,304.2,184.4,306.9,180.9,306.9z"/> <g> <rect x="173.4" y="266.4" transform="matrix(0.7071 0.7071 -0.7071 0.7071 243.2244 -43.8741)" fill="#808080" width="2.4" height="10.5"/> <rect x="173.4" y="272.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -145.0048 204.6839)" fill="#808080" width="2.4" height="10.5"/> </g> </g> </g> <g> <g> <rect x="162.6" y="335.7" fill="#FFFFFF" width="275.1" height="83"/> <rect x="162.6" y="321.9" fill="#EEEEEE" width="275.1" height="27.7"/> <g> <rect x="168.5" y="327.7" fill="none" width="135.2" height="38.4"/> <text transform="matrix(1 0 0 1 168.4892 341.0883)" fill="#999999" font-family="'MyriadPro-Regular'" font-size="16px">Timeline</text> </g> </g> <line fill="none" stroke="#CCCCCC" stroke-miterlimit="10" x1="162.5" y1="384.4" x2="437.8" y2="384.4"/> <path fill="#EEEEEE" d="M333.1,377.7H178.8c-3.8,0-7-3.1-7-7V365c0-3.9,3.2-7,7-7h154.3c3.8,0,7,3.1,7,7v5.7 C340.1,374.6,337,377.7,333.1,377.7z"/> <path fill="#EEEEEE" d="M410,411.8H178.8c-3.8,0-7-3.1-7-7v-5.7c0-3.8,3.2-7,7-7H410c3.8,0,7,3.2,7,7v5.7 C417,408.6,413.8,411.8,410,411.8z"/> </g> <g> <g> <rect x="443.9" y="336.7" fill="#FFFFFF" width="229.7" height="82"/> <rect x="443.9" y="322.9" fill="#EEEEEE" width="229.7" height="27.7"/> <g> <rect x="455.5" y="328.7" fill="none" width="135.2" height="38.4"/> <text transform="matrix(1 0 0 1 455.5449 342.1129)" fill="#999999" font-family="'MyriadPro-Regular'" font-size="16px">Bricks you starred</text> </g> </g> <line fill="none" stroke="#CCCCCC" stroke-miterlimit="10" x1="443.9" y1="384.4" x2="673.6" y2="384.4"/> <path fill="#EEEEEE" d="M582.3,378H457.7c-3.8,0-7-3.1-7-7V365c0-3.9,3.2-7,7-7h124.6c3.8,0,7,3.1,7,7v5.9 C589.3,374.8,586.2,378,582.3,378z"/> <path fill="#EEEEEE" d="M626.8,411.5h-169c-3.8,0-7-3.1-7-7v-5.7c0-3.9,3.2-7,7-7h169c3.8,0,7,3.1,7,7v5.7 C633.8,408.4,630.6,411.5,626.8,411.5z"/> </g> </g> </svg>
 +
                        <div style="margin-top: -160px;">
 +
                            <p style="font-size: 60px!important;text-align: center!important; position: relative;">A vibrant forum</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </article>
 +
        <article class="slide">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div style="position: relative;top: 100px;left: 19%;width: 700px">
 +
                        <object style="position: relative;left: 15%">
 +
                            <embed src="https://static.igem.org/mediawiki/2017/7/74/Biohub-exp.swf" style="width:600px;height: 500px;"></embed>
 +
                        </object>
 +
                        <div>
 +
                            <p style="text-align: center !important;font-size: 22px !important; position: relative !important;top: 50px !important;">
 +
                                You can view or share your experiences on Biohub. Ready to be enlightened?
 +
                            </p>
 +
                        </div>
  
−
The following is the introduction to some project module:
+
                        <div style="margin-top: 80px;">
−
</p>
+
                            <p style="font-size: 60px !important;position: relative !important;text-align: center !important; ">Share Experiences</p>
−
<h3>
+
                        </div>
−
1. Forum
+
                    </div>
−
</h3>
+
                </div>
−
<p>
+
            </div>
−
In order to make communication in BioHub easier, we designed the 'Forum' feature to provide users an area to communicate, view others' projects and write comments on them. They are also able to share different ideas and generate new thoughts.
+
        </article>
−
In Forum, users can write, edit and remove his comments freely just like operating on any other forums. They will harvest enlightenment as well as fun.
+
        <article class="slide">
−
</p>
+
            <div class="container" style="background: #FF6530;height: 100%;width:100%">
−
<h3>
+
                <div class="row">
−
2. BioBrick manager
+
                    <div style="position: relative;top: 100px;left: 23%;width: 1000px;">
−
</h3>
+
                        <object style="position: relative;left: 10%;">
−
<p>
+
                            <embed src="https://static.igem.org/mediawiki/2017/e/e3/Biohub-search.swf" style="width:800px;height: 500px;"></embed>
−
The iGEM Registry has over 20,000 documented parts organized by type, chassis, function and more. Recognizing that this is a great asset in the field of synthetic biology, we believe that it is necessary to let users explore BioBricks on BioHub. As a result, this function was implemented as an official plugin for BioHub. Users can search for BioBricks they desire and easily browse all the information about the searching results.
+
                        </object>
−
</p>
+
                        <div style="text-align: center;">
−
<h3>
+
                            <p style="text-align: center !important;color: white !important;;font-size: 22px !important; position: relative !important;top: 50px !important;">
−
3. ABACUS
+
                                BioSearch is a powerful search engine against Biobricks, with hight performance and great accuracy powered by advanced search method.
−
</h3>
+
                            </p>
−
<p>
+
                        </div>
−
A plugin design to design amino acid sequence from the .pdb file provided by user. The uploaded .pdb file will be evaluated by several progress, with support of simulated annealing algorithm, then the server will generate a .zip file containing several .pdb files and .fasta files for user to download. It’s recommended to run this plugin on a high performance server, because the plugin will invoke computationally intensive programs. So please be patient while this plugin is running, it may take several hours to get results on a high performance server. You can press get status button to check if the calculation is done.
+
                        <div style="margin-top: 80px;">
−
</p>
+
                            <p style="color: white !important;text-align: center !important;position: relative;font-size: 60px !important;">Fluent search</p>
−
<h3>
+
                        </div>
−
4. Image processing
+
                    </div>
−
</h3>
+
−
<p>
+
−
In order to help wet students to complete the image processing work quickly, we created the image processing module. In this module, the user can get a series of information, including chemical element, which is converted from the experimental image.
+
−
</p>
+
−
<h3>
+
−
5. Plugins
+
−
</h3>
+
−
<p>
+
−
The great thing about BioHub is that we have designed a unified, extensible plugin platform, which not only have the powerful tools provided by the development team, but also is easy to learn and use by other developers to provide better features. Each specific feature of BioHub is provided by a plugin, whose developer do not need to care about details such as server and network requests. Plugins can just focus on performing their own tasks and manage user's design results. With BioHub’s plugin platform, once any of the latest tools or algorithms in the field of synthetic biology got programmed, developers can easily transform it into a BioHub plugin by studying the sample files we provide, making it a new blade of the powerful Swiss Saber - BioHub.
+
−
</p>
+
−
</div>  
+
  
 +
                </div>
 +
            </div>
 +
        </article>
 +
        <article class="slide">
 +
            <div class="container" style="background: #115d8e;height: 100%;width:100%">
 +
                <div class="row">
 +
                    <div style="position: relative;top: 100px;left: 27%;width: 900px">
 +
                        <div style="position: relative;left: 8%;">
 +
                            <img src="https://static.igem.org/mediawiki/2017/c/cb/Biohub-jigsaw.gif" style="width: 700px;">
 +
                        </div>
 +
                        <div style="text-align: center;">
 +
                            <p style="color: white;font-size: 22px; position: relative;top: 50px;text-align: center !important;">
 +
                                Hot reloadable plugin system enables users to upload full featured plugins, and integrates them into Biohub.
 +
                            </p>
 +
                        </div>
 +
                        <div style="margin-top: 80px;">
 +
                            <p style="color: white !important;text-align: center !important;position: relative;font-size: 60px !important;">Plugin System</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </article>
 +
    </div>
 +
</section>
  
 +
<script>
 +
  var fss
 +
  $(function () {
 +
    fss = new ddfullscreenslider({
 +
      sliderid: 'dowebok'
 +
    })
 +
  })
 +
</script>
  
 +
<style>
 +
    html {
 +
        overflow-x: hidden;
 +
        font-size: 625%;
 +
    }
 +
    body {
 +
        min-width: 1020px;
 +
    }
 +
    .graphic-one {
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        width: 1020px;
 +
    }
 +
</style>
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 02:46, 2 November 2017

<!DOCTYPE html> wikiHome

交换箭头
交换箭头
资源 2
资源 2
对话框
对话框
齿轮_2
齿轮_2
齿轮_2
Search Me Welcome to BBa_B0030 BBa_I14018 Popular Bricks Timeline Bricks you starred

A vibrant forum

You can view or share your experiences on Biohub. Ready to be enlightened?

Share Experiences

BioSearch is a powerful search engine against Biobricks, with hight performance and great accuracy powered by advanced search method.

Fluent search

Hot reloadable plugin system enables users to upload full featured plugins, and integrates them into Biohub.

Plugin System