Difference between revisions of "Team:USTC-Software"

Latest revision as of 02:46, 2 November 2017

<!DOCTYPE html> wikiHome

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

@@ Line 23: / Line 23: @@
 <section id="dowebok" class="fullscreenslider">
      <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="https://2017.igem.org/Team:USTC-Software">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>
-                <ul class="nav navbar-nav navbar-right page-1">
+             </nav>
-                    <li><a href="https://2017.igem.org/Team:USTC-Software">Home</a></li>
+         </div>
-                    <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/Collaboration">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/implementation">Implementation</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/Improve">Improve</a></li>
-                            <li><a href="https://2017.igem.org/Team:USTC-Software/Demonstrate">Demonstrate</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>
-                </ul>
-             </div>
-         </nav>
-    </div>
      <div class="slidewrapper">
          <article class="slide" id="theme-graph">
@@ Line 124: / Line 168: @@
                          </div>
                          <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>
@@ Line 135: / Line 179: @@
                      <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="text-align: center; margin-top: -160px;">
+                         <div style="margin-top: -160px;">
-                             <p>A vibrant forum</p>
+                             <p style="font-size: 60px!important;text-align: center!important; position: relative;">A vibrant forum</p>
                          </div>
                      </div>
@@ Line 149: / Line 193: @@
                              <embed src="https://static.igem.org/mediawiki/2017/7/74/Biohub-exp.swf" style="width:600px;height: 500px;"></embed>
                          </object>
-                         <div style="text-align: center;">
+                         <div>
-                            <p style="font-size: 22px; position: relative;top: 50px">
+                            <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="text-align: center; margin-top: 80px;">
+                         <div style="margin-top: 80px;">
-                             <p style="position: relative;">Share Experiences</p>
+                             <p style="font-size: 60px !important;position: relative !important;text-align: center !important; ">Share Experiences</p>
                          </div>
                      </div>
@@ Line 170: / Line 214: @@
                          </object>
                          <div style="text-align: center;">
-                             <p style="color: white !important;;font-size: 22px !important; position: relative !important;;top: 50px !important;">
+                             <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="color: white;text-align: center; margin-top: 80px;">
+                         <div style="margin-top: 80px;">
-                             <p style="position: relative;">Fluent search</p>
+                             <p style="color: white !important;text-align: center !important;position: relative;font-size: 60px !important;">Fluent search</p>
                          </div>
                      </div>
@@ Line 187: / Line 231: @@
                      <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">
+                             <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">
+                             <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="color:white;text-align: center; margin-top: 80px;">
+                         <div style="margin-top: 80px;">
-                             <p style="position: relative;">Plugin System</p>
+                             <p style="color: white !important;text-align: center !important;position: relative;font-size: 60px !important;">Plugin System</p>
                          </div>
                      </div>