Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <link href="//2016.igem.org/Template:SCUT-China_A/jqamcss?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
− | < | + | <style type="text/css"> |
+ | /* reset the fvcking template */ | ||
+ | #content { | ||
+ | width:100%; | ||
+ | background:url(/wiki/images/b/b3/T--SCUT-China_A--body-bg.jpg); | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | background-size:100% 100%; | ||
+ | } | ||
+ | #top-title {display:none;} | ||
+ | #sideMenu {display: none;} | ||
+ | /* reset end */ | ||
+ | /* ~~ 元素/标签选择器 ~~ */ | ||
+ | ul, ol, dl { /* 由于浏览器之间的差异,最佳做法是在列表中将填充和边距都设置为零。为了保持一致,您可以在此处指定需要的数值,也可以在列表所包含的列表项(LI、DT 和 DD)中指定需要的数值。请注意,除非编写一个更为具体的选择器,否则您在此处进行的设置将会层叠到 .nav 列表。 */ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6, p { | ||
+ | margin-top: 0; /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */ | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; /* 向 div 内的元素侧边(而不是 div 自身)添加填充可避免使用任何方框模型数学。此外,也可将具有侧边填充的嵌套 div 用作替代方法。 */ | ||
+ | height: 100%; | ||
+ | font-family: "微软雅黑"; | ||
+ | } | ||
+ | /*******************************************test**************/ | ||
+ | .filterinput{ | ||
+ | background-color:rgba(249, 244, 244, 0); | ||
+ | border-radius:15px; | ||
+ | width:90%; | ||
+ | height:30px; | ||
+ | border:thin solid #FFF; | ||
+ | text-indent:0.5em; | ||
+ | font-weight:bold; | ||
+ | color:#FFF; | ||
+ | margin-top: 9px; | ||
+ | margin-right: 100%; | ||
+ | |||
+ | } | ||
+ | #demo-list a{ | ||
+ | overflow:hidden; | ||
+ | text-overflow:ellipsis; | ||
+ | -o-text-overflow:ellipsis; | ||
+ | white-space:nowrap; | ||
+ | width:100%; | ||
+ | } | ||
+ | /*******************************************test**************/ | ||
+ | /* ~~ 此固定宽度容器包含其它 div ~~ */ | ||
+ | .container { | ||
+ | width: 960px; | ||
+ | background: #FFF; | ||
+ | margin: 0 auto; /* 侧边的自动值与宽度结合使用,可以将布局居中对齐 */ | ||
+ | border:1px solid #F60 ; | ||
+ | box-shadow:3px 3px 20px rgba(0,0,0, .8); | ||
+ | } | ||
+ | div.box | ||
+ | { | ||
+ | box-sizing:border-box; | ||
+ | -moz-box-sizing:border-box; /* Firefox */ | ||
+ | -webkit-box-sizing:border-box; /* Safari */ | ||
+ | width:; | ||
+ | border:1px solid #F60; | ||
+ | float:left; | ||
+ | } | ||
+ | /* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符,该占位符应替换为您自己的链接徽标 ~~ */ | ||
+ | .header { | ||
+ | width: 960px; | ||
+ | box-shadow:3px 3px 20px rgba(0,0,0, .8); | ||
+ | background-image: url(../kkkk/images/66.png); | ||
+ | background-position: right; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | /* ~~ 以下是此布局的列。 ~~ | ||
− | + | 1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样,您可以避免使用任何"方框模型数学"。请注意,如果向 div 自身添加任何侧边填充或边框,这些侧边填充或边框将与您定义的宽度相加,得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充,并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。 | |
− | + | ||
− | + | ||
− | + | 2) 由于这些列均为浮动列,因此未对其指定边距。如果必须添加边距,请避免在浮动方向一侧放置边距(例如:div 中的右边距设置为向右浮动)。在很多情况下,都可以改用填充。对于必须打破此规则的 div,应向该 div 的规则中添加“display:inline”声明,以控制某些版本的 Internet Explorer 会使边距翻倍的错误。 | |
− | + | ||
− | + | ||
− | + | 3) 由于可以在一个文档中多次使用类(并且一个元素可以应用多个类),因此已向这些列分配类名,而不是 ID。例如,必要时可堆叠两个侧栏 div。您可以根据个人偏好将这些名称轻松地改为 ID,前提是仅对每个文档使用一次。 | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | 4) 如果您更喜欢在右侧(而不是左侧)进行导航,只需使这些列向相反方向浮动(全部向右,而非全部向左),它们将按相反顺序显示。您无需在 HTML 源文件中移动 div。 | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | */ | |
− | + | .sidebar1 { | |
− | + | float: left; | |
− | + | width: 180px; | |
− | + | background: #0F0F0F; | |
− | + | padding-bottom: 10px; | |
− | + | color:#CCC; | |
+ | } | ||
+ | .content { | ||
+ | padding: 10px 0; | ||
+ | width: 780px; | ||
+ | float: left; | ||
+ | background-color:#FFF; | ||
+ | color:#000; | ||
+ | font-family: "微软雅黑"; | ||
+ | font-size: 12px; | ||
+ | } | ||
− | + | /* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */ | |
− | + | .content ul, .content ol { | |
− | + | padding: 0 15px 15px 40px; /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素,置于左侧可用于创建缩进。您可以根据需要进行调整。 */ | |
+ | } | ||
− | + | .Tip{ | |
+ | margin-left:8px; | ||
+ | margin-top:5px; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | font-size:18px; | ||
+ | float:none; | ||
+ | padding-left:12px;} | ||
+ | .container .content.box #tip a { | ||
+ | color: #333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .container .content.box #tip a:hover{ | ||
+ | color:#F60; | ||
+ | font-weight:bold;} | ||
+ | /* ~~ 脚注 ~~ */ | ||
+ | .footer { | ||
+ | width:960px; | ||
+ | padding: 10px 0; | ||
+ | color:#FFF; | ||
+ | background: #F60; | ||
+ | position: relative;/* 这可以使 IE6 hasLayout 以正确方式进行清除 */ | ||
+ | clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */ | ||
+ | } | ||
+ | ul.footer{ | ||
+ | |||
+ | } | ||
+ | .container #footer { | ||
+ | } | ||
+ | /* ~~ 其它浮动/清除类 ~~ */ | ||
+ | .fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */ | ||
+ | float: right; | ||
+ | margin-left: 8px; | ||
+ | } | ||
+ | .fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */ | ||
+ | float: left; | ||
+ | margin-right: 8px; | ||
+ | } | ||
+ | .clearfloat { /* 如果从 #container 中删除或移出了 #footer,则可以将此类放置在 <br /> 或空 div 中,作为 #container 内最后一个浮动 div 之后的最终元素 */ | ||
+ | clear:both; | ||
+ | height:0; | ||
+ | font-size: 1px; | ||
+ | line-height: 0px; | ||
+ | } | ||
+ | .container .sidebar1 p { | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | .container #footer table tr th a { | ||
+ | color: #FFF; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .container #footer table tr th a:hover{ | ||
+ | color:#999; | ||
+ | } | ||
+ | /*#bodybg { | ||
+ | width: 100%; | ||
+ | height: 200%; | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | top: 0px; | ||
+ | z-index: -1; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | |||
+ | .stretch { | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | }*/ | ||
+ | --> | ||
+ | </style> | ||
− | < | + | <script src="//2016.igem.org/Template:SCUT-China_A/jqam? |
− | + | action=raw&ctype=text/javascript" type="text/javascript"></script> | |
− | + | <script type="text/javascript"> | |
− | + | jQuery(document).ready(function () { | |
+ | jQuery("#jquery-accordion-menu").jqueryAccordionMenu(); | ||
+ | |||
+ | }); | ||
− | </ | + | $(function(){ |
+ | //顶部导航切换 | ||
+ | $("#demo-list li").click(function(){ | ||
+ | $("#demo-list li.active").removeClass("active") | ||
+ | $(this).addClass("active"); | ||
+ | }) | ||
+ | }) | ||
+ | </script> | ||
+ | <body> | ||
− | + | <!-- <div id="bodybg"> | |
− | + | <img src="../kkkk/images/565605c511367_1024.jpg" alt="" class="stretch"/></div>--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="container"> | ||
+ | <div class="header"> | ||
+ | <a href="#"><img src="../kkkk/images/UNR-Sponser-IGEM_2.png" width="182" height="142" style="background: #050505; display:block; color: #D6D6D6;"/></a> | ||
+ | </div><!-- end .header --> | ||
+ | <div class="sidebar1 box " style="width:180px;"> | ||
+ | <div id="jquery-accordion-menu" class="jquery-accordion-menu red"> | ||
+ | <div class="jquery-accordion-menu-header" id="form"></div> | ||
+ | <ul id="demo-list"> | ||
+ | <li class="active"><a href="#">Home </a></li> | ||
+ | <li> | ||
+ | <a href="#">Team </a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="#">Team </a></li> | ||
+ | <li> | ||
+ | <a href="#">Collaborations </a> | ||
+ | <span class="jquery-accordion-menu-label">10 </span> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Project </a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="#">Description </a></li> | ||
+ | <li> | ||
+ | <a href="#">Collaborations </a> | ||
+ | <span class="jquery-accordion-menu-label">10 </span> | ||
+ | </li> | ||
+ | <li><a href="#">Design </a></li> | ||
+ | <li><a href="#">Experiments </a></li> | ||
+ | <li><a href="#">Proof of Concept </a></li> | ||
+ | <li><a href="#">Demonstrate </a></li> | ||
+ | <li><a href="#">Results </a></li> | ||
+ | <li><a href="#">Notebook </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Parts </a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="#">Parts </a></li> | ||
+ | <li><a href="#">Basic Parts </a></li> | ||
+ | <li> | ||
+ | <a href="#">Composite Parts </a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="#">1 </a></li> | ||
+ | <li><a href="#">2 </a></li> | ||
+ | <li><a href="#">3 </a></li> | ||
+ | <li><a href="#">4 </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Part Collection </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Safety </a></li> | ||
+ | <li><a href="#">Attributions </a> | ||
+ | <li> | ||
+ | <a href="#">Human Practices </a></li> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="#">Human Practices </a></li> | ||
+ | <li> | ||
+ | <a href="#">Silver </a> | ||
+ | <span class="jquery-accordion-menu-label">10 </span> | ||
+ | </li> | ||
+ | <li><a href="#">Gold </a></li> | ||
+ | <li><a href="#">Integrated Practices </a></li> | ||
+ | <li><a href="#">Engagement </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Awards </a> | ||
+ | <ul class="submenu"> | ||
+ | <li><a href="#">Entrepreneurship </a></li> | ||
+ | <li> | ||
+ | <a href="#">Hardware </a> | ||
+ | <span class="jquery-accordion-menu-label">10 </span> | ||
+ | </li> | ||
+ | <li><a href="#">Software </a></li> | ||
+ | <li><a href="#">Measurement </a></li> | ||
+ | <li><a href="#">Model </a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="brief" > | ||
+ | <p style="text-align:center; "><b> Welcome to iGEM</b></p> | ||
+ | <p>The iGEM Foundation is dedicated to education and competition, advancement of synthetic biology, and the development of open community and collaboration.</p> | ||
+ | <p>The main program at the iGEM Foundation is the International Genetically Engineered Machine (iGEM) Competition. The iGEM Competition is the premiere student competition in Synthetic Biology. Since 2004, participants of the competition have experienced education, teamwork, sharing, and more in a unique competition setting.</p> | ||
+ | </div> | ||
+ | </div><!-- end .sidebar1 --> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | (function($) { | ||
+ | $.expr[":"].Contains = function(a, i, m) { | ||
+ | return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase()) >= 0; | ||
+ | }; | ||
+ | function filterList(header, list) { | ||
+ | //@header 头部元素 | ||
+ | //@list 无需列表 | ||
+ | //创建一个搜素表单 | ||
+ | var form = $("<form>").attr({ | ||
+ | "class":"filterform", | ||
+ | action:"#" | ||
+ | }), input = $("<input>").attr({ | ||
+ | "class":"filterinput", | ||
+ | type:"text" | ||
+ | }); | ||
+ | $(form).append(input).appendTo(header); | ||
+ | $(input).change(function() { | ||
+ | var filter = $(this).val(); | ||
+ | if (filter) { | ||
+ | $matches = $(list).find("a:Contains(" + filter + ")").parent(); | ||
+ | $("li", list).not($matches).slideUp(); | ||
+ | $matches.slideDown(); | ||
+ | } else { | ||
+ | $(list).find("li").slideDown(); | ||
+ | } | ||
+ | return false; | ||
+ | }).keyup(function() { | ||
+ | $(this).change(); | ||
+ | }); | ||
+ | } | ||
+ | $(function() { | ||
+ | filterList($("#form"), $("#demo-list")); | ||
+ | }); | ||
+ | })(jQuery); | ||
+ | </script> | ||
+ | <!--------------------------------------------------------------------------------------> | ||
+ | <div class="content box" style="width:780px; float:right; border:0px;" > | ||
+ | <p id="tip" class="Tip"> | ||
+ | <a href="#"> Project </a>><a href="#"> Description </a>><a href="#"> __ </a>><a href="#"> ___ </a> | ||
+ | </p> | ||
+ | <tr> | ||
+ | <th> | ||
+ | <h1 style="text-align:left; text-shadow:2px 2px 4px rgba(0,0,0,0.3);"><img src="img/title22.png" width="300" height="auto" style="background: transparent; display:block; margin: 10px auto;"/><br /></h1> | ||
+ | </th> | ||
+ | </tr> | ||
+ | <hr/> | ||
+ | <p>As we know, oil is one of the most important energy in the world, however, burning the oil has done great harm to the environment. Especially the sulfur element, which causes the acid rain, has caused serious damage to the buildings, plants, and animals and so on. To avoid these harm, people have done a lot in industry, but the traditional desulfurization has shown its evident shortcomings. Therefore, we put forward the bio-desulfurization to improve this matter.</p> | ||
+ | <br/> | ||
+ | <p style="text-align:center; font-size:12px; text-shadow:1px 1px 1px #999; ">4S-Pathway</p> | ||
+ | <h1><img src="img/4s.png" width="600" height="auto" style="background: transparent; display:block; margin: 10px auto;"/><br /></h1> | ||
+ | |||
+ | <hr/> | ||
+ | <br/> | ||
+ | <p style="text-align:center; font-size:12px; text-shadow:1px 1px 1px #999; ">Design of bio-desulfurization</p> | ||
+ | <h1><img src="img/all.png" width="600" height="auto" style="background: transparent; display:block; margin: 10px auto;"/><br /></h1> | ||
+ | |||
+ | <p>In the process of bio-desulfurization, we choose the thiophenes DBT as substrate, and desulfurize in a 4s pathway. By now, we have succeeded building the gene pathway of the enzymes Dsz A ,B, C, D in E.coli, which are used in the 4s pathway, and they have expressed. In the same time, we suppose to introduce a MexAB-OprM efflux system in E.coli so that the product HBP can be removed from the bacteria, preventing the bacteria from harming. In the preliminary experiments, we have proved that the engineering bacteria are able to turn DBT into HBP, this is what we call bio-desulfurization. In the future, we will optimize the system and improve the efficiency of desulfurization.</p> | ||
+ | <p>When we are modeling, we have found that when Enzyme concentration meet Dsz B>DszC>DszA, we get the highest efficiency. So in the next stage, we will adjust the biocircuit and the ratio of oil and water, in order to find the best model.</p> | ||
+ | <p>With regard to human practice, parts of work are in progress, including questionnaire, discussion with Guangzhou environmental monitoring and petrochemical works, and searching for relevant laws and regulations. In addition, we will contact the Environmental Protection Bureau, jointly develop a new standard of sulfur emission, and promote the bio-desulfurization to public.<br /> | ||
+ | </p> | ||
+ | |||
+ | <div class="column half_size" > | ||
+ | <tr> | ||
+ | <th><h1 style="text-align:left;text-shadow:2px 2px 4px rgba(0,0,0,0.3);">Before you start:</h1></th> | ||
+ | </tr> | ||
+ | <hr/> | ||
+ | <p> Please read the following pages:</p> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Requirements">Requirements page </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div><!-- end .content --> | ||
+ | <div id="footer" class="footer" > | ||
+ | <table style="text-align:center; font-size:12px;width:960px;"> | ||
+ | <tr> | ||
+ | <th width="25%"><a href="#">Contact Us</a></th> | ||
+ | <th width="25%"><a href="#">wow</a></th> | ||
+ | <th width="25%"><a href="#">Help Desk</a></th> | ||
+ | <th width="25%"><a href="#">Contributors</a></th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan="4" >@All copy rights are reserved.</td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <p></p> | ||
+ | </div><!-- end .footer --> | ||
+ | </div><!-- end .container --> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:45, 4 September 2016
Project > Description > __ > ___
As we know, oil is one of the most important energy in the world, however, burning the oil has done great harm to the environment. Especially the sulfur element, which causes the acid rain, has caused serious damage to the buildings, plants, and animals and so on. To avoid these harm, people have done a lot in industry, but the traditional desulfurization has shown its evident shortcomings. Therefore, we put forward the bio-desulfurization to improve this matter.
4S-Pathway
Design of bio-desulfurization
In the process of bio-desulfurization, we choose the thiophenes DBT as substrate, and desulfurize in a 4s pathway. By now, we have succeeded building the gene pathway of the enzymes Dsz A ,B, C, D in E.coli, which are used in the 4s pathway, and they have expressed. In the same time, we suppose to introduce a MexAB-OprM efflux system in E.coli so that the product HBP can be removed from the bacteria, preventing the bacteria from harming. In the preliminary experiments, we have proved that the engineering bacteria are able to turn DBT into HBP, this is what we call bio-desulfurization. In the future, we will optimize the system and improve the efficiency of desulfurization.
When we are modeling, we have found that when Enzyme concentration meet Dsz B>DszC>DszA, we get the highest efficiency. So in the next stage, we will adjust the biocircuit and the ratio of oil and water, in order to find the best model.
With regard to human practice, parts of work are in progress, including questionnaire, discussion with Guangzhou environmental monitoring and petrochemical works, and searching for relevant laws and regulations. In addition, we will contact the Environmental Protection Bureau, jointly develop a new standard of sulfur emission, and promote the bio-desulfurization to public.
Before you start:
Please read the following pages: