Team:NTU-Taida

From 2012.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:NTU-Taida/Templates/Header}}{{:Team:NTU-Taida/Templates/Navbar}}<html> <!--跨頁========================================= --> <div style=' width: 100%; '> <div cla...")
 
(27 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:NTU-Taida/Templates/Header}}{{:Team:NTU-Taida/Templates/Navbar}}<html>
-
<head>
+
<!--跨頁========================================= -->
-
<style type="text/css">
+
<div style='
 +
width: 100%;
 +
'>
 +
  <div class="container">
 +
    <div class='row'>
 +
      <img src='https://static.igem.org/mediawiki/2012/5/53/NTU-Taida-Home-2012.jpg' width='100%'>
 +
    </div>
 +
  </div> <!-- /container -->
 +
</div>
-
.nav {
+
</html>{{:Team:NTU-Taida/Templates/Footer|ActiveNavbar=Home}}
-
  margin-bottom: 18px;
+
-
  margin-left: 0;
+
-
  list-style: none;
+
-
}
+
-
 
+
-
.nav > li > a {
+
-
  display: block;
+
-
}
+
-
 
+
-
.nav > li > a:hover {
+
-
  text-decoration: none;
+
-
  background-color: #eeeeee;
+
-
}
+
-
 
+
-
.nav > .pull-right {
+
-
  float: right;
+
-
}
+
-
 
+
-
.nav .nav-header {
+
-
  display: block;
+
-
  padding: 3px 15px;
+
-
  font-size: 11px;
+
-
  font-weight: bold;
+
-
  line-height: 18px;
+
-
  color: #999999;
+
-
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+
-
  text-transform: uppercase;
+
-
}
+
-
 
+
-
.nav li + .nav-header {
+
-
  margin-top: 9px;
+
-
}
+
-
 
+
-
.nav-tabs,
+
-
.nav-pills {
+
-
  *zoom: 1;
+
-
}
+
-
 
+
-
.nav-tabs:before,
+
-
.nav-pills:before,
+
-
.nav-tabs:after,
+
-
.nav-pills:after {
+
-
  display: table;
+
-
  content: "";
+
-
}
+
-
 
+
-
.nav-tabs:after,
+
-
.nav-pills:after {
+
-
  clear: both;
+
-
}
+
-
 
+
-
.nav-tabs > li,
+
-
.nav-pills > li {
+
-
  float: left;
+
-
}
+
-
 
+
-
.nav-tabs > li > a,
+
-
.nav-pills > li > a {
+
-
  padding-right: 12px;
+
-
  padding-left: 12px;
+
-
  margin-right: 2px;
+
-
  line-height: 14px;
+
-
}
+
-
 
+
-
.nav-tabs {
+
-
  border-bottom: 1px solid #ddd;
+
-
}
+
-
 
+
-
.nav-tabs > li {
+
-
  margin-bottom: -1px;
+
-
}
+
-
 
+
-
.nav-tabs > li > a {
+
-
  padding-top: 8px;
+
-
  padding-bottom: 8px;
+
-
  line-height: 18px;
+
-
  border: 1px solid transparent;
+
-
  -webkit-border-radius: 4px 4px 0 0;
+
-
    -moz-border-radius: 4px 4px 0 0;
+
-
          border-radius: 4px 4px 0 0;
+
-
}
+
-
 
+
-
.nav-tabs > li > a:hover {
+
-
  border-color: #eeeeee #eeeeee #dddddd;
+
-
}
+
-
 
+
-
.nav-tabs > .active > a,
+
-
.nav-tabs > .active > a:hover {
+
-
  color: #555555;
+
-
  cursor: default;
+
-
  background-color: #ffffff;
+
-
  border: 1px solid #ddd;
+
-
  border-bottom-color: transparent;
+
-
}
+
-
 
+
-
.nav-pills > li > a {
+
-
  padding-top: 8px;
+
-
  padding-bottom: 8px;
+
-
  margin-top: 2px;
+
-
  margin-bottom: 2px;
+
-
  -webkit-border-radius: 5px;
+
-
    -moz-border-radius: 5px;
+
-
          border-radius: 5px;
+
-
}
+
-
 
+
-
.nav-pills > .active > a,
+
-
.nav-pills > .active > a:hover {
+
-
  color: #ffffff;
+
-
  background-color: #0088cc;
+
-
}
+
-
 
+
-
.nav-stacked > li {
+
-
  float: none;
+
-
}
+
-
 
+
-
.nav-stacked > li > a {
+
-
  margin-right: 0;
+
-
}
+
-
 
+
-
.nav-tabs.nav-stacked {
+
-
  border-bottom: 0;
+
-
}
+
-
 
+
-
.nav-tabs.nav-stacked > li > a {
+
-
  border: 1px solid #ddd;
+
-
  -webkit-border-radius: 0;
+
-
    -moz-border-radius: 0;
+
-
          border-radius: 0;
+
-
}
+
-
 
+
-
.nav-tabs.nav-stacked > li:first-child > a {
+
-
  -webkit-border-radius: 4px 4px 0 0;
+
-
    -moz-border-radius: 4px 4px 0 0;
+
-
          border-radius: 4px 4px 0 0;
+
-
}
+
-
 
+
-
.nav-tabs.nav-stacked > li:last-child > a {
+
-
  -webkit-border-radius: 0 0 4px 4px;
+
-
    -moz-border-radius: 0 0 4px 4px;
+
-
          border-radius: 0 0 4px 4px;
+
-
}
+
-
 
+
-
.nav-tabs.nav-stacked > li > a:hover {
+
-
  z-index: 2;
+
-
  border-color: #ddd;
+
-
}
+
-
 
+
-
.nav-pills.nav-stacked > li > a {
+
-
  margin-bottom: 3px;
+
-
}
+
-
 
+
-
.nav-pills.nav-stacked > li:last-child > a {
+
-
  margin-bottom: 1px;
+
-
}
+
-
 
+
-
.nav-tabs .dropdown-menu {
+
-
  -webkit-border-radius: 0 0 5px 5px;
+
-
    -moz-border-radius: 0 0 5px 5px;
+
-
          border-radius: 0 0 5px 5px;
+
-
}
+
-
 
+
-
.nav-pills .dropdown-menu {
+
-
  -webkit-border-radius: 4px;
+
-
    -moz-border-radius: 4px;
+
-
          border-radius: 4px;
+
-
}
+
-
 
+
-
.nav-tabs .dropdown-toggle .caret,
+
-
.nav-pills .dropdown-toggle .caret {
+
-
  margin-top: 6px;
+
-
  border-top-color: #0088cc;
+
-
  border-bottom-color: #0088cc;
+
-
}
+
-
 
+
-
.nav-tabs .dropdown-toggle:hover .caret,
+
-
.nav-pills .dropdown-toggle:hover .caret {
+
-
  border-top-color: #005580;
+
-
  border-bottom-color: #005580;
+
-
}
+
-
 
+
-
.nav-tabs .active .dropdown-toggle .caret,
+
-
.nav-pills .active .dropdown-toggle .caret {
+
-
  border-top-color: #333333;
+
-
  border-bottom-color: #333333;
+
-
}
+
-
 
+
-
.nav > .dropdown.active > a:hover {
+
-
  color: #000000;
+
-
  cursor: pointer;
+
-
}
+
-
 
+
-
.nav-tabs .open .dropdown-toggle,
+
-
.nav-pills .open .dropdown-toggle,
+
-
.nav > li.dropdown.open.active > a:hover {
+
-
  color: #ffffff;
+
-
  background-color: #999999;
+
-
  border-color: #999999;
+
-
}
+
-
 
+
-
.nav li.dropdown.open .caret,
+
-
.nav li.dropdown.open.active .caret,
+
-
.nav li.dropdown.open a:hover .caret {
+
-
  border-top-color: #ffffff;
+
-
  border-bottom-color: #ffffff;
+
-
  opacity: 1;
+
-
  filter: alpha(opacity=100);
+
-
}
+
-
</style>
+
-
</head>
+
-
 
+
-
<body>
+
-
<ul class="nav nav-tabs" id="myTab">
+
-
  <li class="active" >
+
-
    <a href="#">Home</a>
+
-
  </li>
+
-
  <li><a href="https://2012.igem.org/Team:NTU-Taida/Team">Team</a></li>
+
-
  <li>
+
-
    <a href="https://2012.igem.org/Team:NTU-Taida/https://igem.org/Team.cgi?year=2012&team_name=NTU-Taida">
+
-
      Official Team Profile
+
-
    </a>
+
-
  </li>
+
-
  <li><a href="https://2012.igem.org/Team:NTU-Taida/Project">Project</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:NTU-Taida/Parts">Parts Submitted to the Registry</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:NTU-Taida/Modeling">Modeling</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:NTU-Taida/Notebook">Notebook</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:NTU-Taida/Safety">Safety</a></li>
+
-
  <li><a href="https://2012.igem.org/Team:NTU-Taida/Attributions">Attributions</a></li>
+
-
</ul>
+
-
+
-
<script>
+
-
  !function ($) {
+
-
 
+
-
  "use strict"; // jshint ;_;
+
-
 
+
-
 
+
-
/* TAB CLASS DEFINITION
+
-
  * ==================== */
+
-
 
+
-
  var Tab = function ( element ) {
+
-
    this.element = $(element)
+
-
  }
+
-
 
+
-
  Tab.prototype = {
+
-
 
+
-
    constructor: Tab
+
-
 
+
-
  , show: function () {
+
-
      var $this = this.element
+
-
        , $ul = $this.closest('ul:not(.dropdown-menu)')
+
-
        , selector = $this.attr('data-target')
+
-
        , previous
+
-
        , $target
+
-
        , e
+
-
 
+
-
      if (!selector) {
+
-
        selector = $this.attr('href')
+
-
        selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+
-
      }
+
-
 
+
-
      if ( $this.parent('li').hasClass('active') ) return
+
-
 
+
-
      previous = $ul.find('.active a').last()[0]
+
-
 
+
-
      e = $.Event('show', {
+
-
        relatedTarget: previous
+
-
      })
+
-
 
+
-
      $this.trigger(e)
+
-
 
+
-
      if (e.isDefaultPrevented()) return
+
-
 
+
-
      $target = $(selector)
+
-
 
+
-
      this.activate($this.parent('li'), $ul)
+
-
      this.activate($target, $target.parent(), function () {
+
-
        $this.trigger({
+
-
          type: 'shown'
+
-
        , relatedTarget: previous
+
-
        })
+
-
      })
+
-
    }
+
-
 
+
-
  , activate: function ( element, container, callback) {
+
-
      var $active = container.find('> .active')
+
-
        , transition = callback
+
-
            && $.support.transition
+
-
            && $active.hasClass('fade')
+
-
 
+
-
      function next() {
+
-
        $active
+
-
          .removeClass('active')
+
-
          .find('> .dropdown-menu > .active')
+
-
          .removeClass('active')
+
-
 
+
-
        element.addClass('active')
+
-
 
+
-
        if (transition) {
+
-
          element[0].offsetWidth // reflow for transition
+
-
          element.addClass('in')
+
-
        } else {
+
-
          element.removeClass('fade')
+
-
        }
+
-
 
+
-
        if ( element.parent('.dropdown-menu') ) {
+
-
          element.closest('li.dropdown').addClass('active')
+
-
        }
+
-
 
+
-
        callback && callback()
+
-
      }
+
-
 
+
-
      transition ?
+
-
        $active.one($.support.transition.end, next) :
+
-
        next()
+
-
 
+
-
      $active.removeClass('in')
+
-
    }
+
-
  }
+
-
 
+
-
 
+
-
/* TAB PLUGIN DEFINITION
+
-
  * ===================== */
+
-
 
+
-
  $.fn.tab = function ( option ) {
+
-
    return this.each(function () {
+
-
      var $this = $(this)
+
-
        , data = $this.data('tab')
+
-
      if (!data) $this.data('tab', (data = new Tab(this)))
+
-
      if (typeof option == 'string') data[option]()
+
-
    })
+
-
  }
+
-
 
+
-
  $.fn.tab.Constructor = Tab
+
-
 
+
-
 
+
-
/* TAB DATA-API
+
-
  * ============ */
+
-
 
+
-
  $(function () {
+
-
    $('body').on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
+
-
      e.preventDefault()
+
-
      $(this).tab('show')
+
-
    })
+
-
  })
+
-
 
+
-
}
+
-
  $(function () {
+
-
    $('#myTab a:last').tab('show');
+
-
  })
+
-
  $('#myTab a').click(function (e) {
+
-
    e.preventDefault();
+
-
    $(this).tab('show');
+
-
  })
+
-
  $('#myTab a[href="#"]').tab('show');
+
-
</script>
+
-
</body>
+
-
</html>
+
-
 
+
-
{{Project_Description}}
+
-
 
+
-
 
+
-
== PepdEx: Smart Peptide-Based Therapies ==
+
-
*Microbial biotechnology has applications in a wide spectrum of areas, from agriculture, environmental protection to biofuels. The original scheme is simple, for instance manipulate microbes to produce certain chemicals. As a medical-based team, we aim to design microbes to target human diseases. The ultimate goal is to use microbes as a general platform to do complex calculations that respond to conditions in human body, and then administer smart peptide-based therapies.<br />
+
-
*We will first use anti-obesity as a proof-of-principle application to this approach. Non-pathogenic E. Coli will live in the intestines and serve as a device to sense the presence of fatty acids, and as an output secret synthetic GLP-1 peptide to suppress the appetite. Appropriate signal peptide and Penetratin will be used to facilitate peptide secretion and intestinal uptake, respectively. Since the intestine is a highly fluctuating environment, we will incorporate a two-filter circuit with anti-noise function, so that the system only responds to sustained stimulus. In addition, due to burden effect bacteria with artificial plasmids will be gradually lost from the population without selection pressure; plasmid segregational instability will also introduce undesirable alterations to the final function for systems encoded in multiple plasmids (as in our case). <br />
+
-
*To circumvent this, we also incorporate plasmid stabilization modules including partition system and multimer resolution system. With this general concept we will also explore other pieces of human disease with alternative circuit designs, for instance with an oscillator circuit we can periodically deliver synthetic peptides based on natural secretory pattern or therapeutic regimen.<br />
+

Latest revision as of 23:28, 26 October 2012