Difference between revisions of "Team:SJTU-Software/home"

 
(18 intermediate revisions by 2 users not shown)
Line 37: Line 37:
 
</head>
 
</head>
 
<body class = "am-animation-fade am-animation-delay-1">
 
<body class = "am-animation-fade am-animation-delay-1">
−
<nav data-am-sticky>
+
<br/>
−
  <br/>
+
<nav data-am-sticky>
 
   <ul class="am-avg-sm-7 am-thumbnails mainNav">
 
   <ul class="am-avg-sm-7 am-thumbnails mainNav">
 
     <li class = "navItem">
 
     <li class = "navItem">
 
       <a href="home">
 
       <a href="home">
−
      <img class="am-thumbnails navPhoto" id = "1" src="https://static.igem.org/mediawiki/2015/4/43/SJTU-SOFTWARE.1-2.png" />
+
        <img class="am-thumbnails navPhoto" id = "1" src="https://static.igem.org/mediawiki/2015/2/2c/SJTU-SOFTWARE.nav1-2.png" />
−
    <p class = "navPhoto">Home</p>
+
        <p class = "navPhoto">Home</p>
−
    </a>
+
      </a>
−
</li>
+
    </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="project">
+
      <a href="project">
−
      <img class="am-thumbnails navPhoto" id = "2" src="https://static.igem.org/mediawiki/2015/b/b0/SJTU-SOFTWARE.2-1.png" />
+
        <img class="am-thumbnails navPhoto" id = "2" src="https://static.igem.org/mediawiki/2015/b/b3/SJTU-SOFTWARE.nav2-1.png" />
−
    <p class = "navPhoto">Project</p>
+
        <p class = "navPhoto">Project</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="document">
+
      <a href="document">
−
      <img class="am-thumbnails navPhoto" id = "3" src="https://static.igem.org/mediawiki/2015/6/63/SJTU-SOFTWARE.3-1.png" />
+
        <img class="am-thumbnails navPhoto" id = "3" src="https://static.igem.org/mediawiki/2015/8/84/SJTU-SOFTWARE.nav3-1.png" />
−
    <p class = "navPhoto">&nbsp;Document</p>
+
        <p class = "navPhoto">Document</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="requirement">&nbsp;&nbsp;
+
      <a href="requirement">&nbsp;&nbsp;
−
      <img class="am-thumbnails navPhoto" id = "4" src="https://static.igem.org/mediawiki/2015/d/d0/SJTU-SOFTWARE.4-1.png" />
+
        <img class="am-thumbnails navPhoto" id = "4" src="https://static.igem.org/mediawiki/2015/4/49/SJTU-SOFTWARE.nav4-1.png" />
−
    <p class = "navPhoto">Requirement</p>
+
        <p class = "navPhoto">Requirement</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
 
       <a href="saftyPolicyconcern">
 
       <a href="saftyPolicyconcern">
−
         <img class="am-thumbnails navPhoto" id = "5" src="https://static.igem.org/mediawiki/2015/2/2a/SJTU-SOFTWARE.5-1.png" />
+
         <img class="am-thumbnails navPhoto" id = "5" src="https://static.igem.org/mediawiki/2015/b/b1/SJTU-SOFTWARE.nav7-1.png" />
−
         <p class = "navPhoto">Safty<br/>policy<br/>concern</p>
+
         <p class = "navPhoto" style = "font-size:14px">Safty&policy<br/>concern</p>
 
       </a>
 
       </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="humanPractice">
+
      <a href="Practices">
−
      <img class="am-thumbnails navPhoto" id = "6" src="https://static.igem.org/mediawiki/2015/0/08/SJTU-SOFTWARE.6-1.png" />
+
        <img class="am-thumbnails navPhoto" id = "6" src="https://static.igem.org/mediawiki/2015/d/d0/SJTU-SOFTWARE.nav5-1.png" />
−
    <p class = "navPhoto">Human<br/>practice</p>
+
        <p class = "navPhoto">Human<br/>practice</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="team">
+
      <a href="team">
−
      <img class="am-thumbnails navPhoto" id = "7" src="https://static.igem.org/mediawiki/2015/b/b7/SJTU-SOFTWARE.7-1.png" />
+
        <img class="am-thumbnails navPhoto" id = "7" src="https://static.igem.org/mediawiki/2015/d/dd/SJTU-SOFTWARE.nav6-1.png" />
−
    <p class = "navPhoto">Team</p>
+
        <p class = "navPhoto">Team</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
   </ul>
 
   </ul>
 
</nav>
 
</nav>
  
−
<div id = "home">
 
−
  <div class = "content" style = "margin-top: 12%">
 
−
<img src = "logo.png" style = "height: 80px; width: 320px;"></img>
 
−
<p style = "margin-top: -5px; font-family: &quot;Helvatica&quot;">A web-based tool for biobrick evaluation, helping researchers build new devices and systems.</p>
 
−
<p style = "width: 40%; font-size: 12px; color: white; font-family: &quot;Helvatica&quot;">Many existing biobricks are not well documented, which make it challenging to use them. Here we present a web-based tool BASE (Biobrick Auxiliary Selection Explorer) to search, evaluate and visualize biobricks at part, devise and system levels. There are about 13000 devices and 14000 parts in the database of BASE.
 
−
At part-level, similar to our work last year, biobrick parts are scored according to their current status, user comments and reviews, times of citation and etc.
 
−
At device level, features, such as the order of parts and the co-existence frequency of two parts in a device, are added into the scoring system.
 
−
At system-level, the regulation relationship between devices is added to the scoring system.
 
−
At each level, the biobricks can be searched, evaluated and ranked according to their scores. A visualization function is also provided.
 
−
In addition, the score can also be calculated according to a user-defined configuration, and an automatic adjusting system is also provided to incorporate users' selection preference.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
 
−
</br></br>
 
−
</br>
 
  
 
<!--[if (gte IE 9)|!(IE)]><!-->
 
<!--[if (gte IE 9)|!(IE)]><!-->

Latest revision as of 22:46, 18 September 2015

Base Wiki