Team:SYSU-Software/humanpra

From 2013.igem.org

(Difference between revisions)
Line 11: Line 11:
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
-
<link href="https://2013.igem.org/Team:SYSU-Software/humanpra.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
+
<!-- <link href="https://2013.igem.org/Team:SYSU-Software/humanpra.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> -->
 +
<link href="human practice/css/human practice.css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
Line 42: Line 43:
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
-
   $("#thumbnail li a").click(function() {
+
   $("#thumbnail li .thumbnails").click(function() {
-
     $(".zoompic img").hide().attr({ "src": $(this).attr("href"), "title": $("> img", this).attr("title") });
+
console.log({ "src": $(this).data("path"), "title": $("> img", this).attr("title") });
 +
     // $(".zoompic img").hide().attr({ "src": $(this).data("path"), "title": $("> img", this).attr("title") });
 +
    $(".zoompic img").hide().attr({ "src": $(this).data("path") });
     $("#thumbnail li.current").removeClass("current");
     $("#thumbnail li.current").removeClass("current");
     $(this).parents("li").addClass("current");
     $(this).parents("li").addClass("current");
Line 145: Line 148:
               <div class="slider" id="thumbnail">
               <div class="slider" id="thumbnail">
                 <ul>
                 <ul>
 +
                      <img src="team/jay2.png" width="115" height="74" />
                   <li class="current">
                   <li class="current">
-
                    <a href="team/jay2.jpg" target="_blank">
+
<span class="thumbnails" data-path="team/jay2.png">
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                   <li>
                   <li>
-
                    <a href="team/jay2.png" target="_blank">
+
<span class="thumbnails" data-path="team/jay.png">
-
                      <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74"  />
+
-
                    </a>
+
-
                  </li>
+
-
 
+
-
                  <li>
+
-
                    <a href="team/jay.png" target="_blank">
+
-
                      <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74"  />
+
-
                    </a>
+
-
                  </li>
+
-
 
+
-
                  <li>
+
-
                    <a href="team/jay2.png" target="_blank">
+
-
                      <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74"  />
+
-
                    </a>
+
-
                  </li>
+
-
 
+
-
                  <li>
+
-
                    <a href="team/jay.png" target="_blank">
+
-
                      <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
+
-
                    </a>
+
-
                  </li>
+
-
 
+
-
                  <li>
+
-
                    <a href="team/jay2.png" target="_blank">
+
-
                      <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
+
-
                    </a>
+
-
                  </li>
+
-
 
+
-
                  <li>
+
-
                    <a href="team/jay.png" target="_blank">
+
-
                      <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
+
-
                    </a>
+
-
                  </li>
+
-
 
+
-
                  <li>
+
-
                    <a href="team/jay2.png" target="_blank">
+
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                   <li>
                   <li>
-
                    <a href="team/jay.png" target="_blank">
+
<span class="thumbnails" data-path="team/jay2.png">
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                   <li>
                   <li>
-
                    <a href="team/jay2.png" target="_blank">
+
<span class="thumbnails" data-path="team/jay.png">
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                   <li>
                   <li>
-
                    <a href="team/jay.png" target="_blank">
+
<span class="thumbnails" data-path="team/jay2.png">
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                   <li>
                   <li>
-
                    <a href="team/jay2.png" target="_blank">
+
<span class="thumbnails" data-path="team/jay.png">
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                   <li>
                   <li>
-
                    <a href="team/jay.png" target="_blank">
+
<span class="thumbnails" data-path="team/jay2.png">
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                   <li>
                   <li>
-
                     <a href="team/jay2.png" target="_blank">
+
                     <!-- <a href="team/jay2.png" target="_blank"> -->
 +
                      <!-- <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" /> -->
 +
                    <!-- </a> -->
 +
<span class="thumbnails" data-path="team/jay.png">
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                   <li>
                   <li>
-
                     <a href="team/jay.png" target="_blank">
+
                     <!-- <a href="team/jay.png" target="_blank"> -->
 +
                      <!-- <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" /> -->
 +
                    <!-- </a> -->
 +
<span class="thumbnails" data-path="team/jay2.png">
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
                       <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png" width="115" height="74" />
-
                    </a>
+
</span>
                   </li>
                   </li>
                 </ul>
                 </ul>

Revision as of 12:09, 26 September 2013

Team:SYSU-Software new

TEDx Salon
Introduction
Accurate simulation and gene circuit design are essential but difficult parts in synthetic biology.Here, we designed CAST to cover the workflow from beginning to end, users can focus on function design and the gene circuit would be automatically designed. Furthermore, we developed a new simulation model that work with standard dynamic characteristic and verified by wetlab experiments. Moreover, we build an expandable database that users can contribute their own dynamic information which would lead to more accurate and sufficient dynamic information of all the Biobricks. Finally, our software is designed as an easy deployed server so that it can be used on personal purpose or shared by a whole lab or institution.
Game
Accurate simulation and gene circuit design are essential but difficult parts in synthetic biology.Here, we designed CAST to cover the workflow from beginning to end, users can focus on function design and the gene circuit would be automatically designed. Furthermore, we developed a new simulation model that work with standard dynamic characteristic and verified by wetlab experiments. Moreover, we build an expandable database that users can contribute their own dynamic information which would lead to more accurate and sufficient dynamic information of all the Biobricks. Finally, our software is designed as an easy deployed server so that it can be used on personal purpose or shared by a whole lab or institution.

Retrieved from "http://2013.igem.org/Team:SYSU-Software/humanpra"