(20 intermediate revisions by 3 users not shown) | |||
Line 16: | Line 16: | ||
<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 22: | 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"> | |
− | + | <div> | |
− | + | <a href="http://biohub.technology" style="margin-left: 20px;margin-top: 11px;"> | |
− | <a class="navbar- | + | <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> | ||
− | + | </nav> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
<div class="slidewrapper"> | <div class="slidewrapper"> | ||
<article class="slide" id="theme-graph"> | <article class="slide" id="theme-graph"> | ||
Line 71: | Line 118: | ||
<div class="row"> | <div class="row"> | ||
<div class="graphic-one"> | <div class="graphic-one"> | ||
− | <img src=" | + | <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: | + | <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 87: | 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: | + | <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: | + | <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 96: | 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: | + | <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 117: | 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: | + | <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 style="width: 500px;" src="https://static.igem.org/mediawiki/2017/c/c1/Logo_white.png"> |
</div> | </div> | ||
</div> | </div> | ||
Line 128: | 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 | + | <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> | |
− | <p | + | </div> |
</div> | </div> | ||
</div> | </div> | ||
Line 142: | Line 189: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
− | <div | + | <div style="position: relative;top: 100px;left: 19%;width: 700px"> |
− | <p | + | <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> | ||
+ | |||
+ | <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 152: | 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 | + | <div style="position: relative;top: 100px;left: 23%;width: 1000px;"> |
− | + | <object style="position: relative;left: 10%;"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2017/e/e3/Biohub-search.swf" style="width:800px;height: 500px;"></embed> | |
− | + | </object> | |
− | + | <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 | + | <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> | </div> | ||
Line 179: | Line 249: | ||
<script> | <script> | ||
− | |||
var fss | var fss | ||
$(function () { | $(function () { |
Latest revision as of 02:46, 2 November 2017
<!DOCTYPE html>