Difference between revisions of "Team:Tongji-Software"

Line 1: Line 1:
−
{{Tongji-Software}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
−
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
−
 
+
<head>
−
 
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
 
+
<title>CSS3点击显示</title>
−
 
+
<style>
−
<div class="column full_size" >
+
*{ margin:0; padding:0; }
−
<h1> Tongji-Software </h1>
+
html{ height:100%; }
−
 
+
p{ padding:10px 0; }
 +
body{ min-height:100%; font-family:arial; position:relative; }
 +
body.sideMenu{ margin:0; -webkit-transform:none; transform:none; }
 +
#footer {
 +
position:relative;
 +
bottom:0; left:0;
 +
width:100%;
 +
height:48px;
 +
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
 +
background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
 +
background-image:-o-linear-gradient(top, #999, #666 2%, #222);
 +
padding:0;
 +
border-top:1px solid #444; transition:0.25s ease-out; -webkit-transition:0.25s ease-out;
 +
}
 +
#sideToggle{ display:none; }
 +
#sideToggle:checked + aside{ left:0; }
 +
#sideToggle:checked ~ #wrap{ padding-left:220px; }
 +
#sideToggle:checked ~ #footer{margin-left:200px; }
 +
body > aside{ position:absolute; top:0; bottom:0; left:-200px; width:200px; background:#f1103a; transition:0.2s ease-out; -webkit-transition:0.2s ease-out; }
 +
body > aside > h2{ color:#FFF; text-align:center; font-weight:normal; padding:10px; }
 +
#wrap{ margin-left:20px; padding:10px; transition:0.25s ease-out; -webkit-transition:0.25s ease-out; }
 +
  #wrap > label{ display:inline-block; }
 +
    #wrap > label{
 +
      background:#f1103a;
 +
      border-radius:50px;
 +
      color: #FFF;
 +
      cursor: pointer;
 +
      display: block;
 +
      font-family: Courier New;
 +
      font-size: 25px;
 +
      font-weight: bold;
 +
      width: 30px;
 +
      height: 30px;
 +
      line-height: 35px;
 +
      text-align: center;
 +
      text-shadow: 0 -4px;
 +
    }
 +
    #wrap > label:hover{ background:#000; }
 
 
−
 
+
</style>
−
</div>  
+
</head>
−
<div class="clear extra_space"></div>
+
<body>
−
<div class="line_divider"></div>
+
<input type='checkbox' id='sideToggle'>
−
<div class="clear extra_space"></div>
+
<aside><h2>Side Menu</h2></aside>
−
 
+
<div id='wrap'>
−
 
+
<label id='sideMenuControl' for='sideToggle'>=</label>
−
 
+
<p>HTML5/CSS3点击显示侧边框  </p>
−
<div class="column full_size" >
+
</div>
−
 
+
<div id="footer"></div>
−
<h3>Metabolic Pathway</h3>
+
</body>
−
 
+
</html>
−
<p>In biochemistry, a metabolic pathway is a linked series of chemical reactions occurring within a cell. The reactants, products, and intermediates of an enzymatic reaction are known as metabolites, which are modified by a sequence of chemical reactions catalyzed by enzymes.[1] Advancements  in metabolic engineering have enabled us to engineer and express  enzymes and construct novel pathways for various applications  including drug discovery and value-added biochemical production. Therefore, the vital problem is to design a pathway between two certain compounds.</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column full_size" >
+
−
<h3> Computational Pathway Design </h3>
+
−
<p>Computational pathway design algorithms enumerate potential routes linking the two molecules, while often taking into consideration a multitude of criteria such as shortest route, minimal number of heterologous reactions, thermodynamic feasibility, and enzyme availability.[2]</p>
+
−
<p>There are some pathway design tools with different criteria such as MRE(Metabolic Route Explorer) and Gil. The latter is made by the iGEM team Korea_U_Seoul in 2015. These tools are both useful to find potential routes linking the two molecules and rank the routes for various applications, but are not comprehensive enough to judge the practicability of those pathways. For instance, the route found by Gil with largest ATP production from L-Tyrosine to Naringenin is almost infeasible in thermodynamics, which get lower score than the 500th route in MRE. So it’s crucial to put several affecting factors into consideration. </p>  
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Our Goal</h3>
+
−
<p>Our aim is to develop a software to find better metabolic pathways with combining more critical factors which may influent the performance of pathway. Recently, we have developed an alpha version of our tool. This version ranks all the pathways with comprehensive consideration, including thermodynamic feasibility, material competition of heterologous reactions, atom conservation.  </p>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
<div class="column five_fifths_size" >
+
−
<h5>Reference</h5>
+
−
<p>[1]. David L. Nelson; Cox, Michael M. (2008).Lehninger principles of biochemistry (5th ed.). New York: W.H. Freeman. ISBN 978-0-7167-7108-1.</p>
+
−
<p>[2]. Lin Wang, Satyakam Dash, Chiam Yu Ng, Costas D. Maranas. (2017). A review of computational tools for design and reconstruction of metabolic pathways. Synthetic and Systems Biotechnology 2 (2017) 243-252</p>
+
−
</div>
+
−
 
+
  
  
 
</html>
 
</html>

Revision as of 13:27, 4 October 2018

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> CSS3点击显示

HTML5/CSS3点击显示侧边框


</html>