Difference between revisions of "Team:Tongji-Software"

 
(157 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{Tongji-Software}}
 
 
<html>
 
<html>
 +
</script>
  
  
 +
<style>
 +
/**************************************************************************************************************************************************************************************************/
  
  
<div class="column full_size" >
 
<h1> Tongji-Software </h1>
 
  
+
/**************************************************************************************************************************************************************************************************/
 +
/* DEFAULT WIKI SETTINGS */
 +
/**************************************************************************************************************************************************************************************************/
  
</div>
+
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
  
 +
body{
 +
  margin: 0;
 +
  background-color:#fff8e9;
 +
  color : #826767;
 +
  font-family: 'Khmer MN';
 +
}
 +
#contact h3{
 +
font-family: 'Khmer MN';
 +
}
 +
@font-face {
 +
  font-family: 'Khmer MN';
 +
src: url('Khmer MN.eot');
 +
src: local('Khmer MN Regular'), 
 +
    local('Khmer MN'),     
 +
      url('Khmer MN.woff') format('woff'),     
 +
    url('Khmer MN.ttf') format('truetype'), 
 +
      url('Khmer MN.svg#Khmer MN') format('svg');
 +
}
 +
.background{
 +
position:fixed;
 +
top:-200px;
 +
z-index: -1;
 +
opacity: 0.8;
 +
}
  
<div class="column full_size" >
+
.big hr{
 +
color:#826767;
 +
width:60%;
 +
margin:10px auto;
 +
border: 0;
 +
height: 0;
 +
border-top:1px solid  #826767;
 +
border-bottom: 0.5px solid #826767;
 +
}
 +
#contact hr{
 +
color:#826767;
 +
width:60%;
 +
margin:10px auto;
 +
border: 0;
 +
height: 0;
 +
border-top:1px solid  #826767;
 +
border-bottom: 0.5px solid #826767;
 +
}
 +
.big{
 +
  position: absolute;
 +
  display: block;
 +
  box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
 +
  transition:0.4s;
 +
}
 +
.big :hover{
 +
/*position: absolute;*/
 +
/* display: block;
 +
  box-shadow: 3px 3px 3px rgba(0,0,0,0.4);*/
 +
  transition:0.4s;
 +
  transform:scale(1.2);
 +
}
  
<h3>Metabolic Pathway</h3>
+
.big a{
 +
  position: relative;
 +
  display: block;
 +
  text-align: center;
 +
  vertical-align: baseline;
 +
  top: 50%;
 +
  cursor: pointer;
 +
  text-decoration: none;
 +
  color: #4c4040;
 +
  transition:0.4s;
 +
  margin-top:-10px;
 +
  font-size: 20px;
 +
}
  
<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>
+
.small{
 +
  position: absolute;
 +
  display: block;
 +
  box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
 +
  height: 75px;
 +
  width: 75px;
 +
}
 +
.small span{
 +
  position: relative;
 +
  display: block;
 +
  text-align: center;
 +
  vertical-align: baseline;
 +
  top: 9px;
 +
  font-size: 42px;
 +
}
  
</div>
+
#logo{
 +
  background:#ffb6bc;
 +
  height: 180px;
 +
  width: 180px;
 +
  left: 0px;
 +
  top: 0px;
 +
  z-index: 99;
 +
}
 +
#logo a{
 +
  position: relative;
 +
  top:30px;
 +
left:0px;
 +
  padding-left: 15px;
 +
  padding-top: 0px;
 +
}
  
 +
#logo a:hover{
 +
  transform:scale(1.2);
 +
  transition:0.4s;
 +
}
  
<div class="clear extra_space"></div>
 
<div class="line_divider"></div>
 
<div class="clear extra_space"></div>
 
  
 +
#igem{
 +
  background:#aadffa;
 +
  height: 90px;
 +
  width: 270px;
 +
  left: 180px;
 +
  top: 0px;
 +
  font-weight: bold;
 +
  z-index: 98;
 +
}
 +
#igem a{
 +
  letter-spacing: 3px;
 +
  font-size: 16px;
 +
}
 +
#tj{
 +
  background:#ffe389;
 +
  height:90px;
 +
  width: 360px;
 +
  left: 180px;
 +
  top: 90px;
 +
  font-weight: bold;
 +
  z-index: 97;
 +
}
 +
#tj a{
 +
  margin-top: -15px;
 +
  font-size: 24px;
 +
  font-weight:bold;
 +
  letter-spacing: 2px;
 +
}
 +
#a{
 +
  background:#ffe389;
 +
  left: 375px;
 +
  top: 0px;
 +
  font-weight: bold;
 +
  z-index:96;
 +
  color: #f4c84d;
 +
}
 +
#l{
 +
  background:#aadffa;
 +
  left: 375px;
 +
  top: 75px;
 +
  font-weight: bold;
 +
  z-index:95;
 +
  color: #7cc9e8;
 +
}
  
  
<div class="column full_size" >
+
#project{
<h3> Computational pathway design </h3>
+
  background:#aadffa;
<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>
+
  height: 90px;
<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>
+
  width: 270px;
 +
  left: 0px;
 +
  top: 180px;
 +
  font-weight: bold;
 +
  z-index: 94;
 +
}
 +
#project a{
 +
  font-size: 23px;
 +
  margin-top: -14px;
 +
  }
 +
#p{
 +
  background:#ffb6bc;
 +
  left: 150px;
 +
  top: 150px;
 +
  font-weight: bold;
 +
  z-index:93;
 +
  color: #f4929e;
 +
}
 +
#h{
 +
  background:#aadffa;
 +
  left: 150px;
 +
  top: 225px;
 +
  font-weight: bold;
 +
  z-index:92;
 +
  color: #7cc9e8;
 +
}
  
</div>
+
#medal{
 +
  background:#ffb6bc;
 +
  height: 180px;
 +
  width: 225px;
 +
  left: 270px;
 +
  top: 180px;
 +
  font-weight: bold;
 +
  z-index: 91;
 +
}
 +
#medal a{
 +
  font-size: 20px;
 +
  margin-top: -60px;
 +
  margin-bottom: 110px;
 +
}
  
  
 +
#notebook{
 +
  background:#ffe389;
 +
  height: 90px;
 +
  width: 270px;
 +
  left: 0px;
 +
  top: 270px;
 +
  font-weight:normal;
 +
  z-index: 92;
 +
}
 +
#aa{
 +
  background:#ffb6bc;
 +
  left: 225px;
 +
  top: 300px;
 +
  font-weight: bold;
 +
  z-index:89;
 +
  color: #f4929e;
 +
}
  
 +
#human{
 +
  background:#aadffa;
 +
  height: 90px;
 +
  width: 315px;
 +
  left: 0px;
 +
  top: 360px;
 +
  font-weight: bold;
 +
  z-index: 88;
 +
}
 +
#collaborations{
 +
  background:#ffe389;
 +
  height: 90px;
 +
  width: 270px;
 +
  left: 315px;
 +
  top: 360px;
 +
  /*font-weight: bold;*/
 +
  z-index: 87;
 +
}
 +
#aaa{
 +
  background:#ffb6bc;
 +
  left: 450px;
 +
  top: 375px;
 +
  font-weight: bold;
 +
  z-index:86;
 +
  color: #f4929e;
 +
}
  
 +
#modeling{
 +
  background:#ffb6bc;
 +
  height: 180px;
 +
  width: 405px;
 +
  left: 0px;
 +
  top: 450px;
 +
/*  font-weight: bold;*/
 +
  z-index: 85;
 +
}
 +
#modeling a{
 +
  font-size: 23px;
 +
  letter-spacing: 2px;
 +
  margin-top: -65px;
 +
  margin-bottom: 110px;
 +
}
 +
#n{
 +
  background:#ffe389;
 +
  left: 375px;
 +
  top: 450px;
 +
  font-weight: bold;
 +
  z-index:84;
 +
  color: #f4c84d;
 +
}
 +
#t{
 +
  background:#ffb6bc;
 +
  left: 375px;
 +
  top: 525px;
 +
  font-weight: bold;
 +
  z-index:83;
 +
  color: #f4929e;
 +
}
  
<div class="clear extra_space"></div>
+
.bottom{
<div class="line_divider"></div>
+
  position: absolute;
<div class="clear extra_space"></div>
+
  display: block;
 +
  top: 500px;
 +
  width: 790px;
 +
  left:550px;
 +
  font-size: 19px;
 +
  font-weight: bold;
 +
}
 +
.bottom span{
 +
line-height:29px;
 +
color : #5b3d3d;
 +
word-spacing: 2px;
 +
}
  
 +
.bottom a{
 +
font-size:32px;
 +
color:#e5838f;
 +
}
  
 +
#contact{
 +
  position: absolute;
 +
  top:660px;
 +
  left:60px;
 +
  border-radius: 15px;
 +
  width: 90%;
 +
  height:auto;
 +
  background:rgba(255,255,255,0.4);
 +
/* border: 2.5px solid rgba(0,0,0,0.7);*/
 +
  z-index: 5;
 +
  text-align: center;
 +
  display: block;
 +
  margin-bottom: 100px;
 +
}
  
<div class="column two_thirds_size" >
+
#contact h3{
<h3>Our goal</h3>
+
  font-size: 22px;
<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>
+
  margin-top:35px;
 +
  margin-bottom:10px;
 +
  color : #5b3d3d;
 +
}
 +
 
 +
#contact span{
 +
  margin-top: 15px;
 +
  font-size: 19px;
 +
  color : #826767;
 +
}
 +
 
 +
#contact img{
 +
  margin-top: 10px;
 +
  transition: all 0.4s;
 +
  margin-bottom: 30px;
 +
}
 +
 
 +
#contact img:hover{
 +
  transform: scale(1.15);
 +
  transition: all 0.4s;
 +
}
 +
 
 +
.ant {
 +
  position: absolute;
 +
  top:620px;
 +
  left:990px;
 +
  z-index: 9;
 +
  transform: rotate(-90deg);
 +
}
 +
.video{
 +
  position: absolute;
 +
  left:0px;
 +
  top:0px;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
<body>
 +
<div class="background">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/57/T--Tongji-Software--background.png" width="100%" >
 +
</div>
 +
  <div id="logo" class="big">  
 +
  <a href="http://118.31.56.237:8099/Alpha%20ant/"><img src="https://static.igem.org/mediawiki/2018/9/9d/T--Tongji-Software--logo4.png" width="80%"></a>
 +
</div>
 +
<div id="igem" class="big">
 +
<a href="">2018 iGEM</a>
 +
</div>
 +
<div id="tj" class="big">
 +
<a href="">Tongji-Software</a>
 +
</div>
 +
<div id="project" class="big">
 +
<a href="https://2018.igem.org/Team:Tongji-Software/Project"><b>PROJECT</b></a>
 +
</div>
 +
<div id="medal" class="big">
 +
<a href="https://2018.igem.org/Team:Tongji-Software/Model">MODEL</a>
 +
<hr/>
 +
<a href="https://2018.igem.org/Team:Tongji-Software/Team">TEAM</a>
 +
</div>
 +
<div id="human" class="big">
 +
<a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices">HUMAN PRACTICES</a>
 +
</div>
 +
<div id="collaborations" class="big">
 +
<a href="https://2018.igem.org/Team:Tongji-Software/Collaborations">COLLABORATIONS</a>
 +
</div>
 +
<div id="notebook" class="big">
 +
<a href="https://2018.igem.org/Team:Tongji-Software/Requirements">REQUIRMENTS</a>
 
</div>
 
</div>
  
 +
<div id="modeling" class="big">
 +
        <a href="https://2018.igem.org/Team:Tongji-Software/Medal">MEDAL</a>
 +
        <hr/>
 +
<a href="https://2018.igem.org/Team:Tongji-Software/Attributions">ATTRIBUTIONS</a>
 +
</div>
  
  
</html>
+
<div class="video">
 +
<video  muted  src="https://static.igem.org/mediawiki/2018/archive/a/ad/20181016164940%21T--Tongji-Software--background-video2.mp4" type="video/mp4"width="100%" height="auto" autoplay="autoplay"  loop="loop">
 +
</video>
 +
</div>
 +
<div class="bottom">
 +
<span><font style="font-size:37px">Alpha ant</font> is a computational tool for <b>pathway design</b> and <b>reconstruction</b>. With full consideration of metabolic burden and some useful functions, we provide an efficient and powerful pathway design guide.</br><a href="http://118.31.56.237:8099/Alpha%20ant/">Click HERE to use!</a></span>
 +
</div>
 +
<div id="contact">
 +
<h3>CONTACT</h3>
 +
<span>annecao@tongji.edu.cn</span><hr/>
 +
<h3>ADDRESS</h3>
 +
<span>1239# Siping Road</br>Tongji University,Shanghai China</span><hr/>
 +
<h3>GET IN TOUCH</h3>
 +
<a href="https://www.facebook.com/tongjiIGEMer/?ref=bookmarks"><img src="https://static.igem.org/mediawiki/2018/8/8c/T--Tongji-Software--facebook.png" width="5%"></a>
 +
</div>
 +
<img class="ant" src="https://static.igem.org/mediawiki/2018/d/de/T--Tongji-Software--ant2.png" width="8%">
 +
 
 +
</body>

Latest revision as of 02:56, 18 October 2018

Alpha ant is a computational tool for pathway design and reconstruction. With full consideration of metabolic burden and some useful functions, we provide an efficient and powerful pathway design guide.
Click HERE to use!

CONTACT

annecao@tongji.edu.cn

ADDRESS

1239# Siping Road
Tongji University,Shanghai China

GET IN TOUCH