Difference between revisions of "Team:USTC-Software"

 
(30 intermediate revisions by 3 users not shown)
Line 6: Line 6:
 
     <title>wikiHome</title>
 
     <title>wikiHome</title>
 
      
 
      
−
<script src="https://code.jquery.com/jquery-3.2.1.min.js"><script>
+
<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 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 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://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></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>
−
<link rel="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
 
 +
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/bootstrap&action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/slider&action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/slider&action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/navbar&action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/navbar&action=raw&ctype=text/css">
 
<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/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 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">
 
      
 
      
  
Line 21: Line 23:
 
<section id="dowebok" class="fullscreenslider">
 
<section id="dowebok" class="fullscreenslider">
 
     <div style="position:relative; z-index:4">
 
     <div style="position:relative; z-index:4">
−
        <nav class="navbar navcolor" id="nav">
+
            <nav class="navbar navcolor" id="nav">
−
            <div>
+
                <div>
−
                <div class="navbar-header">
+
                    <a href="http://biohub.technology" style="margin-left: 20px;margin-top: 11px;">
−
                     <a class="navbar-brand" href="index.html">Brand</a>
+
                        <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>
 
                 </div>
−
                <ul class="nav navbar-nav navbar-right page-1">
+
             </nav>
−
                    <li><a href="index.html">Home</a></li>
+
         </div>
−
                    <li>
+
−
                        <a href="#">
+
−
                            Team
+
−
                            <b class="caret"></b>
+
−
                        </a>
+
−
                        <ul class="menu">
+
−
                            <li><a href="#">Team</a></li>
+
−
                            <li><a href="#">Collaborations</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">
+
−
                            Project
+
−
                            <b class="caret"></b>
+
−
                        </a>
+
−
                        <ul class="menu">
+
−
                            <li><a href="#">Description</a></li>
+
−
                            <li><a href="#">Design</a></li>
+
−
                            <li><a href="#">Experiments</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li><a href="#">Parts</a></li>
+
−
                    <li><a href="#">Safety</a></li>
+
−
                    <li><a href="#">Human Practices</a></li>
+
−
                    <li><a href="#">Awards</a></li>
+
−
                    <li><a href="#">Judging Form</a></li>
+
−
                    <li><a></a></li>
+
−
                </ul>
+
−
             </div>
+
−
         </nav>
+
−
    </div>
+
 
     <div class="slidewrapper">
 
     <div class="slidewrapper">
 
         <article class="slide" id="theme-graph">
 
         <article class="slide" id="theme-graph">
Line 64: Line 118:
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="graphic-one">
 
                     <div class="graphic-one">
−
                         <img src="img/LOGO.png" style="opacity: 0.9;width: 270px; position: relative; left: 370px; top: 300px;">
+
                         <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">
 
                         <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>
 
                             <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>
−
                         <div id="arrows-2" style="width: 60px; position: relative; left: 360px;top: 180px;height:0">
+
                         <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>
 
                             <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>
Line 80: Line 134:
 
                             <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>
 
                             <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>
−
                         <div id="talk-2" style="width: 100px; position: relative; left: 300px;top: 60px; height: 0;">
+
                         <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>
 
                             <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>
−
                         <div id="wheel-1" style="width: 35px; position: relative; left: 530px;top: 0px; height: 0;stroke-width: 80px;">
+
                         <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>
 
                             <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>
Line 89: Line 143:
 
                             <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>
 
                             <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>
−
                         <div id="wheel-3" style="width: 65px; position: relative; left: 620px;top: 130px;height: 0;">
+
                         <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>
 
                             <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>
Line 110: Line 164:
 
                             <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>
 
                             <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>
−
                         <div id="brick-1" style="width: 80px; position: relative; left: 710px;top:170px; height:0;">
+
                         <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>
 
                             <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>
 
                         <div style="position: relative; left:270px;top:400px;font-size: 2em;">
 
                         <div style="position: relative; left:270px;top:400px;font-size: 2em;">
−
                             <img style="width: 500px;"  src="./img/brand.png">
+
                             <img style="width: 500px;"  src="https://static.igem.org/mediawiki/2017/c/c1/Logo_white.png">
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 121: Line 175:
 
         </article>
 
         </article>
 
         <article class="slide">
 
         <article class="slide">
−
             <div class="container">
+
             <div class="container" style="background: #FFC930;height: 100%;width:100%">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6" align="center">
+
                     <div style="position: relative;left: 19%;width: 1200px;">
−
                        <img src="img/brand.png" width="350px" class="brand">
+
                        <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>
+
                         <div style="margin-top: -160px;">
−
                    <div class="col-xs-6">
+
                            <p style="font-size: 60px!important;text-align: center!important; position: relative;">A vibrant forum</p>
−
                         <p class="bio-text">forums</p>
+
                        </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 135: Line 189:
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6">
+
                     <div style="position: relative;top: 100px;left: 19%;width: 700px">
−
                         <p class="bio-text">share your experience</p>
+
                        <object style="position: relative;left: 15%">
−
                    </div>
+
                            <embed src="https://static.igem.org/mediawiki/2017/7/74/Biohub-exp.swf" style="width:600px;height: 500px;"></embed>
−
                    <div class="col-xs-6" align="center">
+
                         </object>
−
                         <img src="img/brand.png" width="350px" class="brand">
+
                        <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>
 +
 
 +
                        <div style="margin-top: 80px;">
 +
                            <p style="font-size: 60px !important;position: relative !important;text-align: center !important; ">Share Experiences</p>
 +
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 145: Line 207:
 
         </article>
 
         </article>
 
         <article class="slide">
 
         <article class="slide">
−
             <div class="container">
+
             <div class="container" style="background: #FF6530;height: 100%;width:100%">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6" align="center">
+
                     <div style="position: relative;top: 100px;left: 23%;width: 1000px;">
−
                        <img src="img/brand.png" width="350px" class="brand">
+
                        <object style="position: relative;left: 10%;">
−
                    </div>
+
                            <embed src="https://static.igem.org/mediawiki/2017/e/e3/Biohub-search.swf" style="width:800px;height: 500px;"></embed>
−
                    <div class="col-xs-6">
+
                        </object>
−
                        <p class="bio-text">search biobricks</p>
+
                        <div style="text-align: center;">
 +
                            <p style="text-align: center !important;color: white !important;;font-size: 22px !important; position: relative !important;top: 50px !important;">
 +
                                BioSearch is a powerful search engine against Biobricks, with hight performance and great accuracy powered by advanced search method.
 +
                            </p>
 +
                        </div>
 +
                        <div style="margin-top: 80px;">
 +
                            <p style="color: white !important;text-align: center !important;position: relative;font-size: 60px !important;">Fluent search</p>
 +
                        </div>
 
                     </div>
 
                     </div>
 +
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </article>
 
         </article>
 
         <article class="slide">
 
         <article class="slide">
−
             <div class="container">
+
             <div class="container" style="background: #115d8e;height: 100%;width:100%">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6">
+
                     <div style="position: relative;top: 100px;left: 27%;width: 900px">
−
                         <p class="bio-text">a lot more plugins</p>
+
                         <div style="position: relative;left: 8%;">
−
                    </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/c/cb/Biohub-jigsaw.gif" style="width: 700px;">
−
                    <div class="col-xs-6" align="center">
+
                        </div>
−
                         <img src="img/brand.png" width="350px" class="brand">
+
                        <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>
 
                 </div>
Line 172: Line 249:
  
 
<script>
 
<script>
−
/* DD Full Screen Slider
 
−
* Created: May 20th, 2015 by DynamicDrive.com
 
−
* Visit http://www.dynamicdrive.com/ for full source code
 
−
*/
 
−
var pageColors = ["#3498db", "white", "white", "white", "white"]
 
−
 
−
var ddfullscreenslider = (function($){
 
−
 
−
document.createElement('section')
 
−
document.createElement('article')
 
−
 
−
var defaults = {
 
−
addHash: true,
 
−
sliderstate: 'open', // reserved for future use
 
−
keycodeNavigation: [40, 38], // keyCode codes for down and up naivagion, respectively
 
−
transitionDuration: '0.5s',
 
−
swipeconfig: {peekamount: 100, mousedrag: true},
 
−
onslide: function($slide, index){
 
−
console.log(index)
 
−
      var nav = document.getElementById("nav")
 
−
      var options = document.getElementsByClassName("navbar-nav")[0]
 
−
nav.style.backgroundColor = pageColors[index]
 
−
var list = options.classList
 
−
list.forEach(function (x) {
 
−
if (x.startsWith("page-"))
 
−
list.remove(x)
 
−
})
 
−
options.classList.add("page-" + (index + 1))
 
−
}
 
−
}
 
−
 
−
var transformprop = '' // variable to contain browser supported version of "transform" property
 
−
 
−
function supportstranslate3d(){ // based on http://stackoverflow.com/a/12621264/4360074
 
−
  if (!window.getComputedStyle) {
 
−
      return false;
 
−
  }
 
−
  var $el = $('<div style="position:absolute" />').appendTo(document.body)
 
−
  var has3d
 
−
$el.css('transform', 'translate3d(1px,1px,1px)')
 
−
has3d = $el.css('transform')
 
−
var findtransformprop = $el.get(0).style.cssText.match(/(\w|\-)*transform/i) // get "-vendor-transform" portion of CSS Text
 
−
transformprop = (findtransformprop)? findtransformprop[0] : 'transform'
 
−
  $el.remove()
 
−
 
−
  return (has3d !== undefined && has3d.length > 0 && has3d !== "none");
 
−
}
 
−
 
−
 
−
var $window = $(window)
 
−
var $root =  $('html')
 
−
 
−
function ddfullscreenslider(setting){
 
−
var translatesupport = supportstranslate3d()
 
−
var s = $.extend({}, defaults, setting)
 
−
var $slider = $('#' + s.sliderid)
 
−
var $wrapper = $slider.find('div.slidewrapper').css({transitionDuration: s.transitionDuration})
 
−
var $slides = $()
 
−
var slideslength = 0
 
−
var $nav = $()
 
−
var thisslider = this
 
−
var selectedindx = 0
 
−
var hasharray = []
 
−
var mouseslidetimer
 
−
var swipeevts = {start:"", move:"", end:""}, swipestart = false, dy = 0, bounds = [,], scrollableclass = 'scrollable', bypassdrag = false
 
−
var initialrun= true // indicate whether this is first time slider has run. After page loads, variable becomes false
 
−
 
−
if (!translatesupport){
 
−
s.transitionDuration = parseFloat(s.transitionDuration) * 1000
 
−
}
 
−
 
−
/** Function to call always after a slide is shown */
 
−
 
−
function onslidealways($slide, index){
 
−
if (!initialrun && s.addHash){
 
−
var newhash = $nav.find('li').eq(selectedindx).find('a:eq(0)').attr('href')
 
−
if (history.replaceState){
 
−
history.replaceState(null, null, newhash)
 
−
}
 
−
else{
 
−
window.location.hash = newhash
 
−
}
 
−
}
 
−
      s.onslide($slide, index) // user defined event handler
 
−
}
 
−
 
−
function hashtoselectedslide(hash){
 
−
for (var i=0; i<hasharray.length; i++){
 
−
if (hasharray[i][0] == hash){
 
−
return i
 
−
break
 
−
}
 
−
}
 
−
return 0
 
−
}
 
−
 
−
function applybounds(val, swipedir){
 
−
if (swipedir == "down"){
 
−
return (translatesupport)? Math.max(-parseInt(bounds[1]), val) : Math.max(-bounds[1], val)
 
−
}
 
−
else{
 
−
return (translatesupport)? Math.min(bounds[0], val) : Math.min(bounds[0], val)
 
−
}
 
−
}
 
−
 
−
function isscrollable($target){ // check element finger is on is contained inside a "scrollable" element that's actually scrollable (scrollHeight exceeds container height)
 
−
var $scrollel = $target.closest('.' + scrollableclass)
 
−
var scrollel
 
−
if ($scrollel.length == 1){
 
−
scrollel = $scrollel.get(0)
 
−
if (scrollel.offsetHeight < scrollel.scrollHeight){
 
−
return true
 
−
}
 
−
}
 
−
return false
 
−
}
 
−
 
−
/** Mousewheel and keyboard scroll related code. Requires jquery.mousewheel.min.js **/
 
−
 
−
function mouseslide(deltaY){
 
−
var targetindx = selectedindx
 
−
if (deltaY < 0) // mouse down
 
−
var targetindx = Math.min(slideslength-1, selectedindx+1)
 
−
  else if (deltaY > 0)
 
−
var targetindx = Math.max(0, selectedindx-1)
 
−
if (targetindx != selectedindx)
 
−
thisslider.slideTo(targetindx)
 
−
}
 
−
 
−
$slider.on('mousewheel', function(event){
 
−
clearTimeout(mouseslidetimer)
 
−
var deltaY = event.deltaY
 
−
mouseslidetimer = setTimeout(function(){
 
−
mouseslide(deltaY)
 
−
}, 100)
 
−
return false
 
−
})
 
−
 
−
$(document).on('keyup', function(e){
 
−
var targetindx = selectedindx
 
−
if (e.keyCode == s.keycodeNavigation[0]) // key to go to next slide
 
−
var targetindx = Math.min(slideslength-1, selectedindx+1)
 
−
else if (e.keyCode == s.keycodeNavigation[1]) // key to go to previous slide
 
−
var targetindx = Math.max(0, selectedindx-1)
 
−
if (targetindx != selectedindx)
 
−
{
 
−
thisslider.slideTo(targetindx)
 
−
      }
 
−
})
 
−
 
−
/** Swipe/ Mouse Drag scroll related code **/
 
−
 
−
swipeevts.start = 'touchstart' + (s.swipeconfig.mousedrag? ' mousedown' : '')
 
−
swipeevts.move = 'touchmove.dragmove' + s.sliderid + (s.swipeconfig.mousedrag? ' mousemove.dragmove' + s.sliderid : '')
 
−
swipeevts.end = 'touchend' + (s.swipeconfig.mousedrag? ' mouseup' : '')
 
−
 
−
if (s.swipeconfig.mousedrag){
 
−
$wrapper.bind('click', function(e){
 
−
if ($wrapper.data('dy') != 0) // if dragging on belt instead of clicking on it
 
−
e.preventDefault() // prevent default action
 
−
})
 
−
}
 
−
 
−
  $wrapper.bind(swipeevts.start, function(e){
 
−
bypassdrag = false
 
−
  var e = (e.type.indexOf('touch') != -1)? e.originalEvent.changedTouches[0] : e
 
−
if ( isscrollable( $(e.target) ) ){ // if target is contained inside a "scrollable" element
 
−
bypassdrag = true
 
−
return
 
−
}
 
−
swipestart = true
 
−
var mousey = e.pageY
 
−
dy = 0 // reset swipe amount
 
−
if (translatesupport){
 
−
$wrapper.css({transition: 'none'})
 
−
}
 
−
var initialy = -$window.outerHeight() * selectedindx
 
−
$wrapper.data({dy: dy})
 
−
  $(document).bind(swipeevts.move, function(e){
 
−
if (bypassdrag){
 
−
return
 
−
}
 
−
  var e = (e.type.indexOf('touch') != '-1')? e.originalEvent.changedTouches[0] : e
 
−
  dy=e.pageY-mousey //distance to move horizontally
 
−
var newy=initialy+dy
 
−
newy = applybounds(newy, (dy < 0)? 'down' : 'up')
 
−
if (translatesupport){
 
−
$wrapper.css('transform', 'translate3d(0, ' + newy + 'px, 0)')
 
−
}
 
−
else{
 
−
  $wrapper.css('top', newy)
 
−
}
 
−
$wrapper.data({dy: dy})
 
−
  return false //cancel default drag action
 
−
  })
 
−
if (e.type == "mousedown")
 
−
  return false //cancel default drag action
 
−
  })
 
−
 
−
  $(document).bind(swipeevts.end, function(e){
 
−
  $(document).unbind(swipeevts.move)
 
−
if (!swipestart || bypassdrag)
 
−
return
 
−
if (dy != 0){ // if actual swipe has occured
 
−
if (dy < 0 && dy < -s.swipeconfig.peekamount) // if swipe down and more than peek amount
 
−
var targetindx = Math.min(slideslength-1, selectedindx+1)
 
−
else if (dy > 0 && dy > s.swipeconfig.peekamount) // if swipe up and more than peek amount
 
−
var targetindx = Math.max(0, selectedindx-1)
 
−
else
 
−
targetindx = selectedindx
 
−
thisslider.slideTo(targetindx)
 
−
if (e.type == "mouseup")
 
−
return false
 
−
}
 
−
swipestart = false
 
−
  })
 
−
 
−
/** CSS3 transition ontransitionend event  set up */
 
−
 
−
$wrapper.on('transitionend webkitTransitionEnd', function(e){
 
−
if (/transform/i.test(e.originalEvent.propertyName)){ // check event fired on "transform" prop
 
−
// onslidealways($slides.eq(selectedindx), selectedindx)
 
−
}
 
−
})
 
−
 
−
/** Public functions **/
 
−
 
−
this.reloadSlides = function(){
 
−
$nav.remove()
 
−
hasharray = []
 
−
$nav = $('<ul class="fssnav" />')
 
−
$slides = $('article.slide').each(function(i){
 
−
var $curslide = $(this)
 
−
var anchorval = $curslide.attr('id') || 'slide' + (i+1)
 
−
anchorval = "#" + anchorval
 
−
hasharray.push([anchorval, i])
 
−
var title = $curslide.data('title') || anchorval
 
−
var $navli = $('<li><a href="' + anchorval +'" title="' + title +'">' + (i + 1) + '</a></li>').appendTo($nav)
 
−
var $navlink = $navli.find('a:eq(0)')
 
−
$navli.on('click touchstart', function(e){
 
−
thisslider.slideTo(i)
 
−
})
 
−
})
 
−
$nav.on('click touchstart touchend', function(e){
 
−
  var e = (e.type.indexOf('touch') != '-1')? e.originalEvent.changedTouches[0] : e
 
−
return false
 
−
}).appendTo($slider)
 
−
slideslength = $slides.length
 
−
bounds = [0, $window.outerHeight() * (slideslength-1)]
 
−
}
 
−
 
−
this.openSlider = function(){
 
−
initialrun = false
 
−
bypassdrag = false
 
−
s.sliderstate = 'open'
 
−
$root.addClass('fssopen')
 
−
$slider.css('visibility', 'visible')
 
−
}
 
−
 
−
this.closeSlider = function(){
 
−
s.sliderstate = 'close'
 
−
bypassdrag = true
 
−
$root.removeClass('fssopen')
 
−
$slider.css({visibility:'hidden'})
 
−
}
 
−
 
−
this.slideTo = function(indx, noanimation){
 
−
      onslidealways($slides.eq(selectedindx), indx)
 
−
var newy = $window.outerHeight() * indx
 
−
$nav.find('li').eq(selectedindx).removeClass('selected')
 
−
$nav.find('li').eq(indx).addClass('selected')
 
−
selectedindx = indx
 
−
if (translatesupport){
 
−
$wrapper.css({transition: (noanimation)? 'none' : transformprop + ' ' + s.transitionDuration})
 
−
$wrapper.css('transform', 'translate3d(0, -' + newy + 'px, 0)')
 
−
if (noanimation){ // run callback immediately
 
−
onslidealways($slides.eq(selectedindx), selectedindx)
 
−
}
 
−
}
 
−
else{
 
−
$wrapper.stop().animate({top: -newy}, (noanimation)? 0 : s.transitionDuration, function(){
 
−
onslidealways($slides.eq(selectedindx), selectedindx)
 
−
})
 
−
}
 
−
}
 
−
 
−
/** Initialize and show slider **/
 
−
 
−
this.reloadSlides()
 
−
selectedindx = hashtoselectedslide(window.location.hash)
 
−
this.slideTo(selectedindx, true)
 
−
if (s.sliderstate == 'open'){
 
−
this.openSlider()
 
−
}
 
−
 
−
$(window).on('resize', function(){
 
−
thisslider.slideTo(selectedindx, true)
 
−
bounds = [0, $window.outerHeight() * (slideslength-1)]
 
−
})
 
−
 
−
 
−
} // end fullscreenslider def
 
−
 
−
return ddfullscreenslider
 
−
 
−
})(jQuery)
 
 
   var fss
 
   var fss
 
   $(function () {
 
   $(function () {

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