Difference between revisions of "Team:Tongji-Software/Template:Example Math"

 
(55 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<head>
 
<head>
  <script type="text/x-mathjax-config">
+
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
+
      MathJax.Hub.Config({
          extensions: ["tex2jax.js"],
+
        extensions: ["tex2jax.js"],
          jax: ["input/TeX", "output/HTML-CSS"],
+
        jax: ["input/TeX", "output/HTML-CSS"],
          tex2jax: {
+
        tex2jax: {
            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+
          inlineMath: [ ['$','$'], ["\\(","\\)"] ],
            displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
+
          displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
            processEscapes: true
+
          processEscapes: true
          },
+
        },
          "HTML-CSS": { fonts: ["TeX"] }
+
        "HTML-CSS": { fonts: ["TeX"] }
        });
+
      });
      </script>
+
    </script>
  <script src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">  
+
    <script type="text/javascript" src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
<head/>
 
<head/>
</script>
 
 
  
 
<style>
 
<style>
/**************************************************************************************************************************************************************************************************/
+
.equation{
 +
font-size:0.1px;
  
 
 
/**************************************************************************************************************************************************************************************************/
 
/* DEFAULT WIKI SETTINGS */
 
/**************************************************************************************************************************************************************************************************/
 
 
 
#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; }
 
 
body{
 
margin: 0;
 
color:#685454;
 
font-family: Helvetica, Arial, sans-serif;
 
/* font-family: "Times New Roman", Cambria,  serif;*/
 
background-color:#fff;
 
 
}
 
}
 +
</style>
  
.icon {
 
  position: fixed;
 
  float: left;
 
  top: 0px;
 
  background-color: #685454;
 
  margin-top:0px;
 
  width: 10%;
 
  height: 100%;
 
  
}
 
 
 
.icon ul{
 
  position: fixed;
 
  overflow:none;
 
  display:inline-block;
 
  vertical-align: middle;
 
  width: 10%;
 
  height: 100%;
 
  /*background-color: #685454;*/
 
  padding-left: 20px;
 
  padding-top: 25px;
 
  transition: 0.3s;
 
}
 
 
.icon ul li{
 
  display:inline-block;
 
  vertical-align: middle;
 
  list-style: none;
 
  transition: 0.3s;
 
  margin-bottom: 15px;
 
}
 
 
.icon ul li img{
 
  transition: 0.3s;
 
}
 
 
.icon ul li img:hover  {
 
  transition: 0.3s;
 
  -webkit-filter: brightness(200%);
 
filter: brightness(200%);
 
transform: scale(1.2);
 
}
 
 
.left {
 
  position: fixed;
 
  float: left;
 
  top: 0px;
 
  left:10%;
 
  background-color: #78ccfc;
 
  width: 13%;
 
  height: 100%;
 
  padding-right:-20px;
 
  padding-top:10px;
 
}
 
 
.left ul{
 
  display:inline-block;
 
  text-align: center;
 
  padding-left: -5px;
 
  margin-top: 20px;
 
padding-right:-20px;
 
}
 
 
.left ul a{
 
  text-decoration:none;
 
  color:#685454;
 
  transition: 0.3s;
 
}
 
 
.left ul li{
 
  display:block;
 
  color:#685454;
 
  list-style: none;
 
  padding-bottom:20px;
 
  margin-bottom:  15px;
 
  padding-top:10px;
 
  border-bottom: 0.5px solid #685454;
 
  transition: 0.3s;
 
  font-weight:bold;
 
  font-size:15px;
 
}
 
 
.left ul li :hover{
 
  display: inline-block;
 
  -webkit-filter: brightness(0%);
 
filter: brightness(0%);
 
  transition:all 0.3s;
 
  transform: scale(1.15);
 
}
 
 
.left li:before {
 
  content: '';
 
  height: 100%;
 
  left: 0;
 
  position: absolute;
 
  top: 0;
 
  -webkit-transition: width 0.2s ease-in;
 
  transition: width 0.2s ease-in;
 
  width: 3px;
 
  z-index: -1;
 
}
 
 
.left li:hover:before {
 
  -webkit-transition: width 0.2s ease-in;
 
  transition: width 0.2s ease-in;
 
  width: 100%;
 
}
 
 
.left li.open:hover before {
 
  -webkit-transition: width 0.2s ease-in;
 
  transition: width 0.2s ease-in;
 
  width: 100%;
 
}
 
 
.picture{
 
position:absolute;
 
top:0px;
 
margin-top:-70px;
 
overflow:hidden;
 
z-index: -1;
 
}
 
 
.background{
 
position:fixed;
 
top:0px;
 
z-index: -1;
 
}
 
 
 
.title{
 
  position:absolute;
 
  float: left;
 
  top:25%;
 
  left:28%;
 
  font-size: 55px;
 
  color:#78ccfc ;
 
  z-index: 2;
 
  font-weight: bolder;
 
}
 
 
.content{
 
  position:absolute;
 
  float: left;
 
  top:110%;
 
  left:20%;
 
  width:71%;
 
  font-size: 18px;
 
  z-index: 2;
 
  color:#685454;
 
  margin-left:50px;
 
line-height: 35px;
 
 
}
 
 
.content .h1{
 
  margin-top: 20px;
 
  font-size: 30px;
 
  font-weight: bold;
 
  color: #78ccfc;
 
}
 
 
 
 
 
 
</style>
 
  
  
 
<body>
 
<body>
 +
  <div class="nav_model">
 +
      <h1 id="blast">Get the power of blast</h1>
  
 +
      <p>Where:</p>
 +
                        <span class="equation">$$X=[x_1,\ x_2,\ x_3,\ ...,\ x_n]^T$$
 +
                        $$W=[w_1,\ w_2,\ w_3,\ ...,\ w_n]^T$$
 +
                        $$\varepsilon=[\varepsilon_1,\ \varepsilon_2,\ \varepsilon_3,\ ...,\ \varepsilon_n]^T$$</span>
 +
                        <p>&emsp;&emsp;The aim is to search for the best W that minimize the mean of e.</p>
  
<span>$$\[{e^{{\rm{ - }}\Delta {\rm{r}}{G^{' \circ }}/RT}}\]$$</span>
+
<span>\[{e^{-\Delta{r}{G^{'\circ}}/RT}}\]</span>
 
<span>$$\hat p=\sigma(\theta^T \cdot x_b)=\frac{1}{1+\mathbf{e}^{-{\theta^{T \cdot x_b}}}}$$</span>
 
<span>$$\hat p=\sigma(\theta^T \cdot x_b)=\frac{1}{1+\mathbf{e}^{-{\theta^{T \cdot x_b}}}}$$</span>
 +
 +
<span>\[{\sum\nolimits_{{r^'}} {{{\rm{e}}^{ - {\Delta _{{r^'}}}{G^{' \circ /RT}}}}} }\]</span>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 17:00, 13 October 2018