Difference between revisions of "Team:TJU"

 
(22 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
 +
{{:Team:TJU/header}}
 
<html>
 
<html>
−
 
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
−
#contentSub, #footer-box, #catlinks, #search-controls,
 
−
#p-logo, .printfooter, .firstHeading, .visualClear {
 
−
display: none;
 
−
}
 
−
#globalWrapper, #content {
 
−
width: 100%;
 
−
height: 100%;
 
−
border: 0px;
 
−
background-color:#FFF;
 
−
margin: 0px;
 
−
padding: 0px;
 
−
font-size: 100%;
 
−
}
 
  
−
*{
+
*{margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;}
−
margin-bottom: 0px;
+
#contain{width:1100px;margin-left:auto;margin-right:auto;text-align: justify;font-size:16px;font-family:Arial;}
−
margin-left: 0px;
+
#foot{
−
margin-right: 0px;
+
height: 80px;
−
margin-top: 0px;
+
background-color: #333;
−
}
+
float: left;
 +
margin-left:auto;margin-right:auto;
 +
width:1100px;
 +
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
 +
font-size:15px;line-height: 25px;
 +
color: rgba(255,255,255,1);
 +
text-align: center;}
 +
#project{width:40%; height:100px;margin-left:10%;background-color:rgba(0,204,153,1);float:left}
 +
#modeling{width:40%; height:100px;background-color:rgba(204,153,51,1);float:left}
 +
</style>
 +
<!-- End of CSS -->
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
  
−
 
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
−
#Contain{width:1000px;height:2000px;background-color:#FFF;margin-left:auto;margin-right:auto;}
 
−
#header-1{width: 1000px;height: 50px;background-color:rgba(255,255,255,0.6);margin-left:auto;margin-right:auto;position:fixed;}
 
−
#header-2{width:973px;height:350px;background-color:#FFF;}
 
−
#body{
 
−
width: 1000px;
 
−
height: 1500px;
 
−
background-color: #FFF;
 
−
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
 
−
font-weight: lighter;
 
−
font-size: large;
 
−
text-align: left;
 
−
line-height: 40px;float:left;
 
−
}
 
  
−
#foot{width:1000px;height:100px;background-color:#333;float:left;margin-bottom:0px;}
 
  
−
 
  
−
 
−
 
−
/*CLASSES */
 
−
 
−
.menu ul {list-style:none;position:fixed;}
 
−
.menu a {color:#999;text-decoration: none;}
 
−
.menu ul li {
 
−
width: 120px;
 
−
height: 50px;
 
−
background-color:transparent;
 
−
float: left;
 
−
text-align: center;
 
−
margin-left: 0px;
 
−
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
 
−
font-size: 15px;
 
−
line-height: 50px;
 
−
background-position: 100% 0%;
 
−
 
−
}
 
−
/*For the menu buttons, changes the color when hovering*/
 
−
.menu li:hover {color:#6FF;}
 
−
/*Submenus are not displayed as default*/
 
−
.menu li ul {display: none;padding-top:10px;margin-left:auto;}
 
−
/*Submenus are displayed when hovering the menu button */
 
−
.menu li:hover ul {display: block; position: absolute;margin-left:-40px;margin-top:5px;float:right;
 
−
}
 
  
−
/*Style the submenu buttons*/
+
<!--picture banner-->
−
.menu li ul li{background-color:rgba(255,255,255,0.6);float:inherit;text-align: center;font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;font-style: normal;font-weight: lighter;font-size:15px;line-height: 30px; padding-left:10px;padding-right:10px;
+
<style type="text/css">
−
margin-top:-15px;margin-left:-5px;color:#999;width:116px;}
+
  
 +
#banner { padding: 0px; width: 1100; float:left;margin-top:0px;margin-left:-25px}
 +
.slides { margin-left:auto;margin-right:auto; width: 100%; overflow: hidden; position: relative; }
 +
.slide-pic { margin-left:auto;margin-right:auto;padding:0px; width: 100%; overflow: hidden; list-style: none; }
 +
.slide-pic img { width: 100%; }
 +
.slide-pic li { display: none; }
 +
.slide-pic li.cur { display: block; }
 +
.slide-li {padding: 0px; right: 50px; bottom: 0px; position: absolute;float:left;}
 +
.slide-li li { margin: 0px; padding: 0px; width: 30px; height:20px ;float:left;overflow: hidden;}
 +
.slide-li a { width: 30px; height: 20px; color: #000; font-size: 20px; display: block; text-align:center;text-decoration:none;margin-bottom:5px;}
 +
.slide-li a:hover { color: #ccc; text-decoration: none; }
 +
.slide-txt span { display: none; }
 +
</style>
 +
<script type="text/javascript">
 +
jQuery(function ($) {
 +
    if ($(".slide-pic").length > 0) {
 +
        var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 };
 +
        var _titles = $("ul.slide-txt li");
 +
        var _titles_bg = $("ul.op li");
 +
        var _bodies = $("ul.slide-pic li");
 +
        var _count = _titles.length;
 +
        var _current = 0;
 +
        var _intervalID = null;
 +
        var stop = function () { window.clearInterval(_intervalID); };
 +
        var slide = function (opts) {
 +
            if (opts) {
 +
                _current = opts.current || 0;
 +
            } else {
 +
                _current = (_current >= (_count - 1)) ? 0 : (++_current);
 +
            };
 +
            _bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function () {
 +
                _bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
 +
                _bodies.removeClass("cur").eq(_current).addClass("cur");
 +
            });
 +
            _titles.removeClass("cur").eq(_current).addClass("cur");
 +
            _titles_bg.removeClass("cur").eq(_current).addClass("cur");
 +
        };
 +
        var go = function () {
 +
            stop();
 +
            _intervalID = window.setInterval(function () { slide(); }, defaultOpts.interval);
 +
        };
 +
        var itemMouseOver = function (target, items) {
 +
            stop();
 +
            var i = $.inArray(target, items);
 +
            slide({ current: i });
 +
        };
 +
        _titles.hover(function () { if ($(this).attr('class') != 'cur') { itemMouseOver(this, _titles); } else { stop(); } }, go);
 +
        _bodies.hover(stop, go);
 +
        go();
 +
    }
 +
});
 +
</script>
  
 +
<style type="text/css">
 +
.icon{float:left;}
 +
.icon img{width:190px;height:190px;}
 +
</style>
  
−
</style>
+
 
−
<!-- End of CSS -->
+
−
 
+
−
 
+
  
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
−
<div id ="Contain">
+
<div id="contain">
−
<div id="header-1">
+
<!-- START -->
−
<div class="menu">  
+
    <div id="banner">
−
<ul>
+
        <div class="slides">
−
<a href="https://2015.igem.org/Team:TJU"><li>Home</li></a>
+
            <ul class="slide-pic">
−
                    <a href="#"><li>Project
+
                <li class="cur">
−
            <ul>
+
                    <img  src="https://static.igem.org/mediawiki/2015/2/2c/Home%E4%BF%AE%E6%94%B9%E7%89%883333.jpg" width="1100" alt="" /></li>
−
<a href="https://2015.igem.org/Team:TJU/Description"><li>Description</li>
+
                <li>
−
<a href="https://2015.igem.org/Team:TJU/Experiments"><li>Experiments </li></a> 
+
                    <img src="https://static.igem.org/mediawiki/2015/6/6f/Home%E4%BF%AE%E6%94%B9%E7%89%884444.jpg" width="1100" alt=""/></li>
−
<a href="https://2015.igem.org/Team:TJU/Results"><li>Results</li></a> 
+
                <li>
−
<a href="https://2015.igem.org/Team:TJU/Design"><li>Design</li></a>
+
                    <img src="https://static.igem.org/mediawiki/2015/c/c9/Home%E4%BF%AE%E6%94%B9%E7%89%887777.jpg" width="1100px" alt="" /></li>
−
</ul>
+
                <li>
−
</li>
+
                    <img src="https://static.igem.org/mediawiki/2015/e/ef/Home-last.jpg" alt="" width="1100" /></li>
−
                    <a href="https://2015.igem.org/Team:TJU/Modeling"><li>Modeling</li></a>
+
              <li>
−
                    <a href="https://2015.igem.org/Team:TJU/Practices"><li>Human Practice</li></a>
+
                    <img src="https://static.igem.org/mediawiki/2015/3/30/Home55555.jpg" alt="" width="1100" /></li>
−
                    <a href="https://2015.igem.org/Team:TJU/Safety"><li>Safty</li></a>
+
             
−
            <a href="https://2015.igem.org/Team:TJU/Team"><li>Team</li></a>
+
            </ul>
−
                    <a href="https://2015.igem.org/Team:TJU/Notebook"><li>Notebook</li></a>
+
            <ul class="slide-li op">
−
                  <a href="https://2015.igem.org/Team:TJU/Attributions"><li>Attributions</li></a>
+
                <li class="cur"></li>
−
                  </ul>
+
                <li></li>
−
          </div>
+
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
            </ul>
 +
            <ul class="slide-li slide-txt">
 +
                <li><a href="#">●</a></li>
 +
                <li><a href="#">●</a></li>
 +
                <li><a href="#">●</a></li>
 +
                <li><a href="#">●</a></li>
 +
                <li><a href="#">●</a></li>
 +
            </ul>
 +
        </div>
 
     </div>
 
     </div>
 +
    <!-- END OF THE BANNER -->
  
−
  <div id="header-2">
+
    <div id="body">
−
          <img src="https://static.igem.org/mediawiki/2015/2/22/HOME-%E9%A6%96%E5%9B%BE.jpg" width="1000" height="350"  alt=""/>
+
    </br>
 +
        <img src="https://static.igem.org/mediawiki/2015/5/52/TJUabstract1.png"  width="1100"/></br>
 +
 
 +
        <div id="body">
 +
<a href="https://2015.igem.org/Team:TJU"><img src="https://static.igem.org/mediawiki/2015/8/83/Home1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/0/01/Home2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/8/83/Home1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Description"><img src="https://static.igem.org/mediawiki/2015/6/6d/Project1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/d/d1/Project2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/6d/Project1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Modeling"><img src="https://static.igem.org/mediawiki/2015/5/5d/Modeling11111.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/f/fe/Modeling222.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/5/5d/Modeling11111.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Judging"><img src="https://static.igem.org/mediawiki/2015/6/63/Achievement111.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/9/90/Achievement2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/63/Achievement111.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Data"><img src="https://static.igem.org/mediawiki/2015/d/d1/Notebook1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/d/d2/Notebook2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/d/d1/Notebook1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Safety"><img src="https://static.igem.org/mediawiki/2015/4/42/Safety1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/a/a6/Safety2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/4/42/Safety1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Collaborations"><img src="https://static.igem.org/mediawiki/2015/6/66/Outreach1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/9/92/Outreach2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/66/Outreach1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Team"><img src="https://static.igem.org/mediawiki/2015/a/a6/Team1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/8/8b/Team2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/a/a6/Team1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Attribution"><img src="https://static.igem.org/mediawiki/2015/e/ef/Attribution1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/0/00/Attribution2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/e/ef/Attribution1.jpg'"></a>
 +
 
 +
 
 +
        </div>
 +
    <div id="foot">
 +
      <p>E-mail: ggjyliuyue@gmail.com |Address: Building No.20, No.92 Weijin road, Tianjin University, China | Zip-cod: 300072</br>
 +
      </p>
 +
      <p>Copyright 2015@TJU iGEM Team</p>
 
     </div>
 
     </div>
−
    <div id="body">
+
</div>              
−
            <h2>Team-TJU from Tianjin University<br>
+
     
−
  <small>title</small></h2>
+
−
  <h3>Project Description</h3>
+
−
<p> Bioelectrochemical systems (BESs), including microbial fuel cells (MFCs), microbial electrolysis cells, and microbial electrosynthesis etc., are sustainable and green technologies that enable biogeochemical cycles, waste decomposition and biofuel production. Meanwhile, extending engineering capabilities from single-cell behaviors to multicellular microbial consortia represents a new frontier of synthetic biology. </p>
+
−
        <p> What we want to do is to create “sparks” between the two. By taking great advantages of mutualistic interactions, syntrophic microbial consortia were widely used in MFCs due to their capability to degrade a wide spectrum of complicated substrates by the fermentative microorganisms. The subsequent utilization of these fermentation end products by the exoelectrogens (producing electricity via their extracellular electron transfer pathways) can relieve feedback inhibition on the fermentative microbes, allowing rapid metabolism of substrates. In this way, the collective output through mutualistic interactions is typically greater than that of each of the monoculture systems so that we could possibly make the MFCs more efficient and economical. </p>
+
−
        <p> Inspired by the concept, we construct a co-cultured system of E.coli and Shewanella oneidensis, one of the most well-studied exoelectrogens to accomplish our goal. In our project, their interactions are explored and modified to establish a more innovative and efficient system of energy transformation. </p>
+
−
  </div>
+
−
+
−
        <div id="foot"></div>
+
−
</div>       
+
−
</html>       
+
−
</div>       
+
 
</html>
 
</html>

Latest revision as of 14:24, 16 November 2015