Team:SYSU-Software/humanpra

From 2013.igem.org

(Difference between revisions)
Line 19: Line 19:
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
 +
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
  $("#thumbnail li a").click(function() {
 +
    $(".zoompic img").hide().attr({ "src": $(this).attr("href"), "title": $("> img", this).attr("title") });
 +
    $("#thumbnail li.current").removeClass("current");
 +
    $(this).parents("li").addClass("current");
 +
    return false;
 +
  });
 +
  $(".zoompic>img").load(function(){
 +
    $(".zoompic>img:hidden").show();
 +
  });
 +
 
 +
  var $slider = $('.slider ul');
 +
  var $slider_child_l = $('.slider ul li').length;
 +
  var $slider_width = $('.slider ul li').width();
 +
  $slider.width($slider_child_l * $slider_width);
 +
 
 +
  var slider_count = 0;
 +
 
 +
  if ($slider_child_l < 5) {
 +
    $('#btn-right').css({cursor: 'auto'});
 +
    $('#btn-right').removeClass("dasabled");
 +
  }
 +
 
 +
  $('#btn-right').click(function() {
 +
    if ($slider_child_l < 5 || slider_count >= $slider_child_l - 5) {
 +
      return false;
 +
    }
 +
 
 +
    slider_count++;
 +
    $slider.animate({left: '-=' + $slider_width + 'px'}, 'fast');
 +
    slider_pic();
 +
  });
 +
 
 +
  $('#btn-left').click(function() {
 +
    if (slider_count <= 0) {
 +
      return false;
 +
    }
 +
    slider_count--;
 +
    $slider.animate({left: '+=' + $slider_width + 'px'}, 'fast');
 +
    slider_pic();
 +
  });
 +
 
 +
  function slider_pic() {
 +
    if (slider_count >= $slider_child_l - 5) {
 +
      $('#btn-right').css({cursor: 'auto'});
 +
      $('#btn-right').addClass("dasabled");
 +
    }
 +
    else if (slider_count > 0 && slider_count <= $slider_child_l - 5) {
 +
      $('#btn-left').css({cursor: 'pointer'});
 +
      $('#btn-left').removeClass("dasabled");
 +
      $('#btn-right').css({cursor: 'pointer'});
 +
      $('#btn-right').removeClass("dasabled");
 +
    }
 +
    else if (slider_count <= 0) {
 +
      $('#btn-left').css({cursor: 'auto'});
 +
      $('#btn-left').addClass("dasabled");
 +
    }
 +
  }
 +
});
 +
</script>
 +
 +
 +
<style type="text/css">
 +
*{list-style-type:none;}
 +
/* zoombox */
 +
.zoombox{width:970px;margin:20px auto 0 auto;}
 +
.zoompic{border:solid 1px #dfdfdf;width:968px;height:500px;background:url(team/loading.gif) no-repeat 50% 50%;}
 +
.zoompic img{height: 500px;}
 +
.sliderbox{height:76px;overflow:hidden;margin:6px 0 0 0;}
 +
.sliderbox .arrow-btn{z-index:1000;width:38px;height:76px;background:url(team/arrow-btn.png) no-repeat;cursor:pointer;}
 +
.sliderbox #btn-left{float:left;background-position:0 0;}
 +
.sliderbox #btn-left.dasabled{background-position:0 -76px;}
 +
.sliderbox #btn-right{float:right;background-position:-38px 0;}
 +
.sliderbox #btn-right.dasabled{background-position:-38px -76px;}
 +
.sliderbox .slider{float:left;height:76px;width:870px;position:relative;overflow:hidden;margin:0 0 0 3px;display:inline;}
 +
.sliderbox .slider ul{position:absolute;left:0;width:999em;}
 +
.sliderbox .slider li{float:left;width:121px;height:76px;text-align:center;}
 +
.sliderbox .slider li img{border:solid 1px #dfdfdf;}
 +
.sliderbox .slider li.current img{border:solid 1px #3366cc;}
 +
</style>
<head>
<head>
Line 30: Line 113:
-
<div id="practice-container">
+
<!-- practice content -->
-
   
+
  <div id="practice-container">
-
     <div id="shiyantai">
+
     <div id="practice-top">
-
       <span id="shiyantai-images">
+
       <img id="practice-top-image" src="new/human practice 00.png">
-
        <img src="https://static.igem.org/mediawiki/2013/0/04/Tai.png">
+
-
      </span>
+
-
      <span  id="package">
+
-
        <img src="https://static.igem.org/mediawiki/2013/6/6f/Package.png">
+
-
      </span>
+
     </div>
     </div>
     <div id="practice-content">
     <div id="practice-content">
-
       <div id="part1-header">
+
       <div id="practice-content-header">
-
         What’s the “wishing” part, you ask?
+
         TEDx Salon
       </div>
       </div>
-
       <div id="part1-image">
+
       <div id="practice-content-image">
-
         <img src="https://static.igem.org/mediawiki/2013/f/f1/Q1-image.png">
+
         <img src="new/human practice 11.png">
       </div>
       </div>
-
       <div id="part1-content">
+
       <div id="practice-introduction">
-
         Wee Society came bouncing into the world one year ago today. We can’t quite believe it, but it’s true. Wee are 1!<br>
+
         Introduction
-
        Since the launch of our very first app, we’ve been hard at work coming up with new ways to delight little and big people<br>
+
-
        alike. It’s been more fun than we could have imagined—and we have crazy imaginations.But instead of telling you all the<br>
+
-
        highlights, we thought it would be more fun to show you. Have a look. And remember, there’s more where that came from.
+
       </div>
       </div>
-
       <div id="part2-header">
+
       <div id="practice-introduction-text">
-
         What’s the “wishing” part, you ask?
+
         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.
       </div>
       </div>
-
       <div id="part2-content">
+
 
-
         Wee Society came bouncing into the world one year ago today. We can’t quite believe it, but it’s true. Wee are 1!<br>
+
       <div id="practice-slide">
-
        Since the launch of our very first app, we’ve been hard at work coming up with new ways to delight little and big people<br>  
+
         <div class="zoombox">
-
        alike. It’s been more fun than we could have imagined—and we have crazy imaginations.But instead of telling you all the<br>
+
          <div class="zoompic">
-
        highlights, we thought it would be more fun to show you. Have a look. And remember, there’s more where that came from.  
+
            <img src="team/jay.png" width="1000" height="400"  />
 +
          </div>
 +
 
 +
          <div class="sliderbox">
 +
            <div id="btn-left" class="arrow-btn dasabled"></div>
 +
              <div class="slider" id="thumbnail">
 +
                <ul>
 +
                  <li class="current">
 +
                    <a href="team/jay2.jpg" target="_blank">
 +
                      <img src="team/jay2.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay2.png" target="_blank">
 +
                      <img src="team/jay2.png" width="115" height="74"  />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay.png" target="_blank">
 +
                      <img src="team/jay.png" width="115" height="74"  />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay2.png" target="_blank">
 +
                      <img src="team/jay2.png" width="115" height="74"  />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay.png" target="_blank">
 +
                      <img src="team/jay.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay2.png" target="_blank">
 +
                      <img src="team/jay2.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay.png" target="_blank">
 +
                      <img src="team/jay.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay2.png" target="_blank">
 +
                      <img src="team/jay2.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay.png" target="_blank">
 +
                      <img src="team/jay.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay2.png" target="_blank">
 +
                      <img src="team/jay2.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay.png" target="_blank">
 +
                      <img src="team/jay.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay2.png" target="_blank">
 +
                      <img src="team/jay2.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay.png" target="_blank">
 +
                      <img src="team/jay.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay2.png" target="_blank">
 +
                      <img src="team/jay2.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
 
 +
                  <li>
 +
                    <a href="team/jay.png" target="_blank">
 +
                      <img src="team/jay.png" width="115" height="74" />
 +
                    </a>
 +
                  </li>
 +
                </ul>
 +
              </div>
 +
            <div id="btn-right" class="arrow-btn"></div>
 +
          </div>
 +
 
 +
        </div><!--slider end-->
       </div>
       </div>
 +
     </div>
     </div>
 +
 +
    <div id="practice-game">
 +
      <div id="game-header">
 +
        Game
 +
      </div>
 +
      <div>
 +
        <div id="game-show">
 +
          <table>
 +
            <tr>
 +
              <td>
 +
                <a href="">
 +
                  <span id="game-presentaion">
 +
                    <img src="human practice/wikiad.png">
 +
                  </span>
 +
                </a>
 +
              </td>
 +
 +
              <td>
 +
                <span id="game-introdution">
 +
                  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.
 +
                </span>
 +
            </td>
 +
            </tr>
 +
          </table>
 +
        </div>
 +
      </div>
 +
    </div>
 +
   </div>
   </div>
 +
 
 +
-
 
-
<footer></footer>
 
</body>
</body>
</html>
</html>

Revision as of 06:18, 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"