Difference between revisions of "Team:USTC-Software"

 
(36 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
 +
<!DOCTYPE html>
 
<html lang="zh-CN">
 
<html lang="zh-CN">
 
<head>
 
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <title>wikiHome</title>
 
     <title>wikiHome</title>
−
<script src="https://code.jquery.com/jquery-3.2.1.min.js"><script>
+
   
−
    <link rel="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
<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://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/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/jquery-mouse-wheel&action=raw" 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://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/slider&action=raw" type="text/javascript">
+
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/bootstrap&action=raw&ctype=text/javascript" type="text/javascript"></script>
−
    <script>
+
  
 +
<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/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/style&action=raw&ctype=text/css">
 +
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 +
   
  
−
 
−
var pageColors = ["#3498db", "white", "white", "white", "white"]
 
−
 
−
var fss
 
−
  $(function () {
 
−
    fss = new ddfullscreenslider({
 
−
      sliderid: 'dowebok'
 
−
    })
 
−
  })
 
−
</script>
 
−
<style>
 
−
.fssopen, .fssopen body { /* class added to HTML element when full screen slider is open to hide potential body scrollbars */
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    top: 0;
 
−
    left: 0;
 
−
    margin: 0;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
.fullscreenslider {
 
−
    position: fixed;
 
−
    left: 0;
 
−
    top: 0;
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    z-index: 2000;
 
−
    font-size: 16px; /* base font size */
 
−
    visibility: visible;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
.slidewrapper { /* wrapper DIV that surrounds the ARTICLE elements inside .dd_fullscreenslider */
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    position: absolute;
 
−
    top: 0;
 
−
    left: 0;
 
−
    -webkit-transform: translate3d(0, 0, 0); /* to prevent flickering in iOS */
 
−
    -moz-transition: -moz-transform 0.5s; /* actual duration controlled by script */
 
−
    -webkit-transition: -webkit-transform 0.5s;
 
−
    transition: transform 0.5s;
 
−
}
 
−
 
−
.fssnav { /* UL list dynamically added by script for Slider navigation */
 
−
    list-style: none;
 
−
    margin: 0;
 
−
    position: absolute;
 
−
    top: 50%; /* vertically center menu */
 
−
    right: 80px; /* distance from right edge of screen */
 
−
    transform: translateY(-50%); /* vertically center menu */
 
−
}
 
−
 
−
.fssnav li {
 
−
    margin-bottom: 15px;
 
−
}
 
−
 
−
.fssnav li a {
 
−
    text-decoration: none;
 
−
    border: 2.5px solid #225378; /* border color of nav links */
 
−
    opacity: 0.8;
 
−
    border-radius: 50%;
 
−
    width: 16px; /* dimensions of nav links */
 
−
    height: 16px;
 
−
    display: block;
 
−
    position: relative;
 
−
    text-indent: -500px;
 
−
    outline: none;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
.fssnav li a::after { /* create "fill" element inside A */
 
−
    content: "";
 
−
    position: absolute;
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    top: 100%;
 
−
    left: 0;
 
−
    background: #225378; /* color of "fill" element */
 
−
    opacity: 0.6;
 
−
    transition: top 0.5s; /* transition for "fill up" effect */
 
−
}
 
−
 
−
.fssnav .selected a::after {
 
−
    top: 0; /* fill up selected A element from bottom to top */
 
−
}
 
−
 
−
.fullscreenslider .slide { /* CSS for each slide */
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    display: block;
 
−
    font-family: 'Droid Sans', sans-serif; /* Use google font */
 
−
    font-size: 60px;
 
−
    line-height: 2em;
 
−
    color: #225378;
 
−
    overflow: hidden;
 
−
    -webkit-box-sizing: border-box; /* include padding/ border as part of declared menu width */
 
−
    -moz-box-sizing: border-box;
 
−
    z-index: 1000;
 
−
    background: white;
 
−
    -webkit-transform: translate3d(0, 0, 0); /* to prevent flickering in iOS */
 
−
}
 
−
 
−
.fullscreenslider .slide h2 { /* H2 Header inside each slide */
 
−
    font-size: 3em;
 
−
    margin: 0;
 
−
    line-height: 1.1em;
 
−
    letter-spacing: 3px;
 
−
}
 
−
 
−
.fullscreenslider .slide .scrollable { /* Assign this class to elements within a slide that should be scrollable */
 
−
    overflow: auto;
 
−
}
 
−
 
−
.fullscreenslider .slide {
 
−
    background: white;
 
−
}
 
−
 
−
.fullscreenslider .closex { /* Large x close button inside Slider */
 
−
    width: 50px;
 
−
    height: 50px;
 
−
    overflow: hidden;
 
−
    display: block;
 
−
    position: fixed;
 
−
    cursor: pointer;
 
−
    text-indent: -1000px;
 
−
    opacity: 0.8;
 
−
    z-index: 1001;
 
−
    top: 5px;
 
−
    right: 3px;
 
−
}
 
−
 
−
.fullscreenslider .closex::after { /* render large x inside close button */
 
−
    content: "";
 
−
    display: block;
 
−
    position: absolute;
 
−
    width: 100%;
 
−
    height: 6px;
 
−
    background: white; /* color of x button */
 
−
    top: 50%;
 
−
    margin-top: -3px;
 
−
    -ms-transform: rotate(-45deg);
 
−
    -webkit-transform: rotate(-45deg);
 
−
    transform: rotate(-45deg);
 
−
}
 
−
 
−
.fullscreenslider .closex::after { /* render large cross inside close button */
 
−
    -ms-transform: rotate(-135deg);
 
−
    -webkit-transform: rotate(-135deg);
 
−
    transform: rotate(-135deg);
 
−
}
 
−
 
−
.bio-text {
 
−
    margin-top: 30%;
 
−
    font-size:30px;
 
−
    line-height: 40px;
 
−
}
 
−
.navbar {
 
−
    -webkit-transition: ease-in-out 0.5s;
 
−
    -moz-transition: ease-in-out 0.5s;
 
−
    -ms-transition: ease-in-out 0.5s;
 
−
    -o-transition: ease-in-out 0.5s;
 
−
    transition: ease-in-out 0.5s;
 
−
    background: white;
 
−
    border-radius: 0;
 
−
    min-height:45px !important;
 
−
    height: 48px;
 
−
    font-size: 20px;
 
−
}
 
−
 
−
.navbar-brand {
 
−
    margin-left:2em;
 
−
    padding-top: 14px;
 
−
    padding-bottom: 10px;
 
−
    color: #555 !important;
 
−
}
 
−
 
−
ul.nav {
 
−
    margin-right:2em;
 
−
}
 
−
 
−
ul li {
 
−
    position: relative;
 
−
    list-style: none;
 
−
}
 
−
 
−
ul.nav li:hover > ul {
 
−
    visibility: visible;
 
−
    opacity: 1;
 
−
    margin-top: 0;
 
−
}
 
−
 
−
ul.nav ul {
 
−
    min-width: 120px;
 
−
    position: absolute;
 
−
    top: 100%;
 
−
    left: 0;
 
−
    visibility: hidden;
 
−
    opacity: 0;
 
−
    margin-top: -30px;
 
−
}
 
−
 
−
 
−
ul.nav > li > a {
 
−
    -webkit-transition: border-color ease-in-out 0.1s;
 
−
    -moz-transition: border-color ease-in-out 0.1s;
 
−
    -o-transition: border-color ease-in-out 0.1s;
 
−
    transition: border-color ease-in-out 0.1s;
 
−
    margin: 0px 12px 0px 12px;
 
−
    padding: 15px 0px 8px 0px;
 
−
    background: transparent !important;
 
−
    border-bottom: 4px solid transparent!important;
 
−
    color: #555 ;
 
−
}
 
−
 
−
ul.nav > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c;
 
−
}
 
−
 
−
 
−
ul.menu {
 
−
    background: white;
 
−
    width: auto;
 
−
    padding-left: 20px;
 
−
    padding-right:20px;
 
−
    z-index: 3;
 
−
}
 
−
 
−
ul.menu li a, ul.menu li {
 
−
    padding-top: 4px !important;
 
−
    padding-bottom: 7px !important;
 
−
    color: #555;
 
−
    font-size: 18px;
 
−
    text-decoration: none;
 
−
    -webkit-transition: color ease-in-out 0.2s;
 
−
    -moz-transition: color ease-in-out 0.2s;
 
−
    -ms-transition: color ease-in-out 0.2s;
 
−
    -o-transition: color ease-in-out 0.2s;
 
−
    transition: color ease-in-out 0.2s;
 
−
}
 
−
 
−
 
−
.brand {
 
−
    margin-top: 5em;
 
−
}
 
−
ul.nav > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.nav > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.nav ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.nav ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.nav ul.menu {
 
−
    background: #F3F7F2;
 
−
}
 
−
 
−
#menu {
 
−
    position: fixed;
 
−
    z-index: 3000;
 
−
    left: 7%;
 
−
    top:20%;
 
−
}
 
−
 
−
#menu ul li {
 
−
    height: 30px;
 
−
    line-height:30px;
 
−
    padding-left:10px;
 
−
    border-left: solid #c2c2c2 5px;
 
−
}
 
−
 
−
#menu ul li a{
 
−
    display: block;
 
−
    font-size: 15px;
 
−
    color: #c2c2c2;
 
−
    width: 120px;
 
−
    text-decoration: none;
 
−
    outline:none;
 
−
}
 
−
 
−
#menu ul li:hover {
 
−
    border-left: solid #ef4c3c 5px;
 
−
}
 
−
 
−
#menu .focused {
 
−
    color: #ef4c3c;
 
−
    font-size: 17px;
 
−
}
 
−
 
−
/*.scroll-img{
 
−
    position: fixed;
 
−
    z-index: 3000;
 
−
    width: 120px;
 
−
    left: 115px;
 
−
    bottom: 5%;
 
−
}*/
 
−
 
−
#content {
 
−
    margin-left: 24%;
 
−
    width: 900px;
 
−
    margin-top: 100px;
 
−
    margin-bottom: 100px;
 
−
}
 
−
 
−
#content .item {
 
−
    margin-top: 100px;
 
−
    padding: 20px;
 
−
    font-size: 16px;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
#content .item h2 {
 
−
    font-size: 36px;
 
−
    color: #555;
 
−
}
 
−
 
−
.item ul li {
 
−
    float:left;
 
−
    margin-right:10px;
 
−
    margin-bottom:10px;
 
−
    display:inline;
 
−
    overflow:hidden;
 
−
    position:relative;
 
−
}
 
−
 
−
.item ul li .photo {
 
−
    width:200px;
 
−
    height:200px;
 
−
    overflow:hidden;
 
−
    background-color: darkgray;
 
−
}
 
−
 
−
.item .rsp {
 
−
    width:200px;
 
−
    height:200px;
 
−
    overflow:hidden;
 
−
    position: absolute;
 
−
    background:#000;
 
−
    top:0;
 
−
    left:0;
 
−
}
 
−
 
−
.item .text {
 
−
    position:absolute;
 
−
    width:200px;
 
−
    height:200px;
 
−
    left:-200px;
 
−
    top:0;
 
−
    overflow:hidden;
 
−
}
 
−
 
−
.item .text a {
 
−
    text-decoration:none
 
−
}
 
−
 
−
.item .text p {
 
−
    color:#FFFFFF;
 
−
    font-size:18px;
 
−
}
 
−
 
−
.item .box {
 
−
    padding:10px 0px 10px 0px;
 
−
    border-top: solid;
 
−
    border-left: solid;
 
−
    border-width:1px;
 
−
    border-color: #f1f1f1;
 
−
    box-shadow: 2px 2px 1px #e1e1e1;
 
−
    margin-left: 20px;
 
−
}
 
−
 
−
.item .img {
 
−
    width: 160px;
 
−
    height: 160px;
 
−
    border-radius: 160px;
 
−
    text-align: center;
 
−
    border: solid;
 
−
    border-width:1px;"
 
−
}
 
−
 
−
.item h3 {
 
−
    text-align: center;
 
−
    border-top: solid;
 
−
    font-size:15px;
 
−
    border-color: #e1e1e1;
 
−
    border-width:1px;
 
−
    padding:8px 0 8px;
 
−
    margin: 0px 0 0px;
 
−
}
 
−
 
−
.item h5 {
 
−
    height: 50px;
 
−
    overflow: hidden;
 
−
    text-align: center;
 
−
    border-top: solid;
 
−
    border-color: #e1e1e1;
 
−
    border-width:1px;
 
−
    padding:22px 0 5px;
 
−
    margin: 0px 0 0px;
 
−
}
 
−
 
−
#theme-graph svg {
 
−
    filter: brightness(90%);
 
−
}
 
−
 
−
section,body {
 
−
    min-width: 1020px;
 
−
}
 
−
ul.page-1 > li > a {
 
−
    color: #ECF0F1;
 
−
}
 
−
ul.page-1 > li > a:hover {
 
−
    border-bottom: 4px solid #ECF0F1!important;
 
−
}
 
−
ul.page-1 ul.menu li a {
 
−
    color: #ECF0F1;
 
−
}
 
−
ul.page-1 ul.menu li a:hover {
 
−
    color: #aaf;
 
−
}
 
−
ul.page-1 ul.menu {
 
−
    background: #2980b8;
 
−
}
 
−
 
−
ul.page-2 > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.page-2 > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.page-2 ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.page-2 ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.page-2 ul.menu {
 
−
    background: #ECF0F1;
 
−
}
 
−
 
−
ul.page-3 > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.page-3 > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.page-3 ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.page-3 ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.page-3 ul.menu {
 
−
    background: #ECF0F1;
 
−
}
 
−
 
−
ul.page-4 > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.page-4 > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.page-4 ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.page-4 ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.page-4 ul.menu {
 
−
    background: #ECF0F1;
 
−
}
 
−
 
−
ul.page-5 > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.page-5 > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.page-5 ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.page-5 ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.page-5 ul.menu {
 
−
    background: #ECF0F1;
 
−
}
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
</style>
 
−
 
 
</head>
 
</head>
 
<body>
 
<body>
 
<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 558: 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 574: 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 583: 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 604: 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 615: 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 629: 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 639: 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 666: Line 249:
  
 
<script>
 
<script>
−
+
  var fss
 +
  $(function () {
 +
    fss = new ddfullscreenslider({
 +
      sliderid: 'dowebok'
 +
    })
 +
  })
 
</script>
 
</script>
  

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