Difference between revisions of "Team:Greece/home"

 
(105 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
    <!--<link type='text/css' rel='stylesheet' href='parallels.css' />
+
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
−
    <link type='text/css' rel='stylesheet' href='navigation_bar.css' />
+
<script>alert('Hover on the green one')</script>
−
    <script type='text/javascript' src='https://cldup.com/HJtlSwy2qT.js'></script>-->
+
−
 
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<!-- Navigation Bar -->
+
<object id='test_svg' data="https://static.igem.org/mediawiki/2017/5/5a/Greekom_test_svg.svg" type="image/svg+xml"></object>
  
−
              <div id='main-wraper'>
+
<script>
−
                    <!--<div style='position:absolute;z-index:-1000;border:1px solid black;height:500px;width:100px;background:#e8e4f5;'>.</div>-->
+
window.onload = function(){
−
    <div class='menu_wrap'></div>
+
var graph = document.getElementById('test_svg').contentDocument;
−
<nav class='menu'>
+
graph.getElementById('gene_xA0_Image_1_').addEventListener('mouseover',
−
<ul class='clearfix' id='list'>
+
    function(){
−
<li><a target='_self' href='https://2017.igem.org/Team:Greece/home'>
+
          graph.getElementById('rtTA_xA0_Image_1_').style.display = 'block';
−
<img class='logo' id='logo'
+
       
−
src='https://scontent-frt3-2.xx.fbcdn.net/v/t1.0-9/19894766_1578295635526080_6714302824538971318_n.jpg?oh=6302c72597373a43c3a264cf8008564a&oe=5A01A2CD' /></a></li>
+
    })
−
<!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/home'>HOME</a></li>-->
+
graph.getElementById('gene_xA0_Image_1_').addEventListener('mouseleave',
−
<span id='just_to_align'>
+
    function(){
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/our_project'>PROJECT</a></li>
+
          graph.getElementById('rtTA_xA0_Image_1_').style.display = 'none';
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/modeling'>MODELING</a></li>
+
    })
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/human_practices'>HUMAN PRACTICES</a></li>
+
}
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/contribution'>CONTRIBUTION</a></li>
+
</script>
−
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/our_team'>TEAM</a></li>
+
−
</span>
+
−
</ul>
+
−
</nav>
+
−
                </div>
+
  
−
<!-- The Navigation Menu -->
+
<script>
−
<style>
+
$.getJSON('https://2017.igem.org/Template:Greece/samples/data/json/map?callback=?', function (data) {
 +
  try{
 +
    alert(typeof(data));
 +
  }catch(e){
 +
      alert(e.message);
 +
  }
 +
})
 +
</script>
  
−
body{ background: #ffffff }
 
  
−
a{
+
\[E = \frac{{stress}}{{strain}} = \frac{{F{L_0}}}{{A({L_n} - {L_0})}}\]
−
text-decoration:none;
+
−
color:#000000;
+
−
}
+
−
a:visited{ text-decoration:none; }
+
−
a:link{ text-decoration:none; }
+
−
a:hover{ text-decoration:none; }
+
−
a:active{ text-decoration:none; }
+
−
+
−
.clearfix:after {
+
−
    display:block;
+
−
    clear:both;
+
−
}
+
−
.menu_wrap {
+
−
position:absolute;
+
−
        margin:-4px 0px 0px 0px;
+
−
text-align:center;
+
−
height:74px;
+
−
        width: 100%;
+
−
        -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
+
−
        -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
+
−
        box-shadow:0px 1px 3px rgba(0,0,0,0.2);
+
−
        background:#ffffff;
+
−
        opacity:0.6;
+
−
z-index:1000;
+
−
/*border:1px solid black;*/
+
−
}
+
  
−
.menu {
 
−
    position:relative;
 
−
    width: 100%;
 
−
    margin:-5px 0px 0px 0px;
 
−
    z-index:1000;
 
−
    height: 70px;
 
−
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
−
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
−
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 
−
}
 
−
 
−
.menu li {
 
−
position:relative;
 
−
padding:0px;
 
−
        margin-right: 3%;
 
−
        margin-left: 3%;
 
−
        list-style: none;
 
−
height: 35px;
 
−
/*border-right: 1px solid #428bca;*/
 
−
display:inline-block;
 
−
}
 
  
−
.menu a{
 
−
    transition:all linear 0.25s;
 
−
    color:#868383;
 
−
font-size:15px;
 
−
font-family:Century Gothic;
 
−
font-size: 17px;
 
−
}
 
−
 
−
.menu li:hover > a{
 
−
    text-decoration:none;
 
−
    color:#000000;
 
−
}
 
−
.menu > ul > li {
 
−
    float:left;
 
−
margin-left:8px;
 
−
    display:inline-block;
 
−
    position:relative;
 
−
    font-size:18px;
 
−
line-height:30px;
 
−
}
 
−
 
−
.menu ul li a {
 
−
    padding:4px 25px;
 
−
    display:inline-block;
 
−
    text-shadow:0px 1px 0px rgba(0,0,0,0.3);
 
−
}
 
  
−
/* Logo */
 
  
−
.logo{
 
−
position:absolute;
 
−
margin:-17px 0px 0px -50px;
 
−
width:122px;
 
−
height:69px;
 
−
/*border:1px solid grey;*/
 
−
text-align:left;
 
−
/*box-shadow:0px 1px 3px rgba(0,0,0,0.2);*/
 
−
        z-index:1000;
 
−
}
 
  
−
#just_to_align{
 
−
position:absolute;
 
−
right: 5%;
 
−
width: 100%;
 
−
margin: 16px 10px 0px 0px;
 
−
/*border: 1px solid black;*/
 
−
text-align:right;
 
−
}
 
  
−
.li_indiv{
 
−
position:relative;
 
−
text-align:center;
 
−
margin:0px 35px 0px 0px;
 
−
/*word-wrap: break-word;*/
 
−
/*border:1px solid black;*/
 
−
}
 
  
−
.li_indiv a{
 
−
position:relative;
 
−
top:5px;
 
−
}
 
  
−
div #sideMenu a #home_logo img{
 
−
  display:none;
 
−
}
 
  
−
</style>
 
  
  
−
<!--Responsive stylesheets-->
 
−
<!--DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION-->
 
  
−
<style>
 
  
 +
$$\frac{dN}{dt}= rN \left(1 - \left(\frac{N}{N_{max}}\right)^m\right)\left(1 - \left(\frac{N_{min}}{N}\right)^n\right)$$
  
  
−
/* 1366px - 768px Resolution Desktop Screen*/
+
$$x^2=2 \Rightarrow x=\pm2$$
−
/* DEFAULT PROPERTIES ARE INHERITED FROM 1920px - 1080px RESOLUTION*/
+
−
@media screen and (min-width: 769px) and (max-width: 1367px) {
+
−
.menu_wrap{
+
−
position:relative;
+
−
                margin:-10px 0px 0px 0px;
+
−
                width: 1359px;
+
−
/*No left or right margins - menu wides fullscreen*/
+
−
}
+
−
+
−
.menu{
+
−
position:absolute;
+
−
width:1359px;
+
−
margin:-70px 0px 0px 0px;
+
−
}
+
  
−
.menu > ul > li{
+
<div style='border: 1px solid black'>
−
margin-left:12px;
+
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
−
}
+
  <msup>
−
.menu li{
+
    <mi>x</mi>
−
margin-right: 35px;
+
    <mn>2</mn>
−
margin-left: 35px;
+
  </msup>
−
}
+
  <mo>=</mo>
−
+
  <mn>2</mn>
−
#just_to_align{
+
  <mo stretchy="false">&#x21D2;<!-- ⇒ --></mo>
−
right:35px;
+
  <mi>x</mi>
−
margin:15px 10px 0px 0px;
+
  <mo>=</mo>
−
}
+
  <mo>&#x00B1;<!-- ± --></mo>
−
.logo{
+
  <mn>2</mn>
−
margin: -20px 0px 0px -56px;
+
</math>
−
}
+
</div>
−
</style>
+
  
 +
\[\mathop {\lim }\limits_{x \to \infty } x\]
 +
<div style='position:absolute; z-index:1000; background-color: #ffffff; margin:150px 0px 0px 300px; width:250px; height:250px; text-align: center;'>
  
 +
<p><h1>Testing MathJax</h1></p>
  
 +
<math style='position:absolute; z-index:99; border:none; font-size:25px;' display='block'>
 +
<mrow>
 +
  <mfrac>
 +
  <mrow>
 +
    <mo>&#x2212;</mo><mi>b</mi><mo>&#x00B1;</mo><msqrt>
 +
    <mrow>
 +
      <msup>
 +
      <mi>b</mi>
 +
      <mn>2</mn>
 +
      </msup>
 +
      <mo>&#x2212;</mo><mn>4</mn><mi>a</mi><mi>c</mi>
 +
    </mrow>
 +
    </msqrt>
 +
   
 +
  </mrow>
 +
  <mrow>
 +
    <mn>2</mn><mi>a</mi>
 +
  </mrow>
 +
  </mfrac>
 +
</mrow>
 +
</math>
  
−
<!--Styling script-->
+
<math style='position:absolute; z-index: 1000; font-size:20px; border:none; margin-top:20px;' display='block'>
 +
<mrow>
 +
  <mi>x</mi><mo>+</mo><mi>y</mi><mo>+</mo><mi>z</mi><mo>=</mo><mi>k</mi>
 +
</mrow>
 +
</math>
 +
 
 +
<math display='block'>
 +
<mrow>
 +
  <munder>
 +
  <mrow>
 +
    <mi>lim</mi>
 +
  </mrow>
 +
  <mrow>
 +
    <mi>x</mi><mo>&#x2192;</mo><mi>&#x221E;</mi>
 +
  </mrow>
 +
  </munder>
 +
  <msup>
 +
  <mi>x</mi>
 +
  <mn>2</mn>
 +
  </msup>
 +
 
 +
</mrow>
 +
</math>
 +
 
 +
 
 +
</div>
 +
 
 +
<style>
 +
#math_section{ font-size: 25px; }
 +
</style>
 +
<div style="border:2px solid #000000; width:500px; height:500px">
 +
</html>
 +
 
 +
{{Greece/notebok}}
 +
 
 +
<html>
 +
</div>
 
<script>
 
<script>
 
//Changes shall apply under void()
 
//Changes shall apply under void()
Line 220: Line 154:
 
</script>
 
</script>
 
</body>
 
</body>
 +
 
</html>
 
</html>

Latest revision as of 01:00, 1 November 2017

\[E = \frac{{stress}}{{strain}} = \frac{{F{L_0}}}{{A({L_n} - {L_0})}}\] $$\frac{dN}{dt}= rN \left(1 - \left(\frac{N}{N_{max}}\right)^m\right)\left(1 - \left(\frac{N_{min}}{N}\right)^n\right)$$ $$x^2=2 \Rightarrow x=\pm2$$

x 2 = 2 ⇒ x = ± 2
\[\mathop {\lim }\limits_{x \to \infty } x\]

Testing MathJax

−b± b 2 −4ac 2a x+y+z=k lim x→∞ x 2


    INTERACTIVITY CONTROLS
  • Move the graph by clicking and dragging in a blank area
  • Zoom in or out with your mouse wheel
  • Hover on the nodes to see the team's name
  • Click on the rectangular notes for more information on the collaboration project

    •