Team:Shenzhen SFLS

From 2014hs.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:2014_Shenzhen_SFLS_Inject}}
+
<html xmlns="http://www.2014hs.igem.org/Team:Shenzhen_SFLS">
-
<html>
+
<head>
-
<main id="main">
+
<meta http-equiv="refresh" content="0;url=http://www.chaozhou1.com" />
-
<!-- PJAX Content Start -->
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
  <style>
+
<title>loading</title>
-
    .small-ecoli {
+
</head>
-
      position: absolute;
+
-
      display: block;
+
-
      background: url(https://2014hs.igem.org/Team:Shenzhen_SFLS/Home_Button.svg?action=raw&ctype=image/svg+xml);
+
<body>
-
      width: 100px;
+
</body>
-
      height: 224px;
+
-
 
+
-
      text-align: center;
+
-
      font-family: sans-serif;
+
-
      text-decoration: none;
+
-
      color: black;
+
-
     
+
-
      animation-duration: 1s;
+
-
      -webkit-animation-duration: 1s;
+
-
      -moz-animation-duration: 1s;
+
-
      -o-animation-duration: 1s;
+
-
      -ms-animation-duration: 1s;
+
-
    }
+
-
 
+
-
    .small-ecoli:hover {
+
-
      zoom: 150%;
+
-
    }
+
-
 
+
-
    .small-ecoli span {
+
-
      display: inline-block;
+
-
    }
+
-
 
+
-
    .single-line {
+
-
      margin-top: 150px;
+
-
      font-size: 16px;
+
-
    }
+
-
 
+
-
    .double-lines {
+
-
      margin-top: 142px;
+
-
      font-size: 16px;
+
-
    }
+
-
 
+
-
    #Team {
+
-
      transform: rotate(30deg);
+
-
      -webkit-transform: rotate(30deg);
+
-
      -moz-transform: rotate(30deg);
+
-
      -o-transform: rotate(30deg);
+
-
      -ms-transform: rotate(30deg);
+
-
      top: 380px;
+
-
      left: 50px;
+
-
    }
+
-
 
+
-
    #Project {
+
-
      transform: rotate(20deg);
+
-
      -webkit-transform: rotate(20deg);
+
-
      -moz-transform: rotate(20deg);
+
-
      -o-transform: rotate(20deg);
+
-
      -ms-transform: rotate(20deg);
+
-
      top: 430px;
+
-
      left: 155px;
+
-
    }
+
-
 
+
-
    #Result {
+
-
      transform: rotate(14deg);
+
-
      -webkit-transform: rotate(14deg);
+
-
      -moz-transform: rotate(14deg);
+
-
      -o-transform: rotate(14deg);
+
-
      -ms-transform: rotate(14deg);
+
-
      top: 470px;
+
-
      left: 260px;
+
-
    }
+
-
 
+
-
    #Parts {
+
-
      transform: rotate(5deg);
+
-
      -webkit-transform: rotate(5deg);
+
-
      -moz-transform: rotate(5deg);
+
-
      -o-transform: rotate(5deg);
+
-
      -ms-transform: rotate(5deg);
+
-
      top: 490px;
+
-
      left: 375px;
+
-
    }
+
-
 
+
-
    #Notebook {
+
-
      transform: rotate(-5deg);
+
-
      -webkit-transform: rotate(-5deg);
+
-
      -moz-transform: rotate(-5deg);
+
-
      -o-transform: rotate(-5deg);
+
-
      -ms-transform: rotate(-5deg);
+
-
      top: 490px;
+
-
      left: 485px;
+
-
    }
+
-
 
+
-
    #Modeling {
+
-
      transform: rotate(-14deg);
+
-
      -webkit-transform: rotate(-14deg);
+
-
      -moz-transform: rotate(-14deg);
+
-
      -o-transform: rotate(-14deg);
+
-
      -ms-transform: rotate(-14deg);
+
-
      top: 470px;
+
-
      left: 600px;
+
-
    }
+
-
 
+
-
    #Safety {
+
-
      transform: rotate(-20deg);
+
-
      -webkit-transform: rotate(-20deg);
+
-
      -moz-transform: rotate(-20deg);
+
-
      -o-transform: rotate(-20deg);
+
-
      -ms-transform: rotate(-20deg);
+
-
      top: 430px;
+
-
      left: 705px;
+
-
    }
+
-
 
+
-
    #HP {
+
-
      transform: rotate(-30deg);
+
-
      -webkit-transform: rotate(-30deg);
+
-
      -moz-transform: rotate(-30deg);
+
-
      -o-transform: rotate(-30deg);
+
-
      -ms-transform: rotate(-30deg);
+
-
      top: 380px;
+
-
      left: 810px;
+
-
    }
+
-
 
+
-
    #canvas {
+
-
      position: relative;
+
-
      margin: auto;
+
-
      width: 960px;
+
-
      height: 720px;
+
-
    }
+
-
 
+
-
    #navigation-circle {
+
-
      width: 100%;
+
-
      height: 100%;
+
-
    }
+
-
 
+
-
    #banner {
+
-
      position: absolute;
+
-
      height: 480px;
+
-
      width: auto;
+
-
      left: 340px;
+
-
    }
+
-
 
+
-
    #tour {
+
-
    width: 100%;
+
-
    height: 100%;
+
-
    background: black;
+
-
    }
+
-
  </style>
+
-
  <div id="canvas">
+
-
    <div id="navigation-circle">
+
-
      <img id="banner" src="https://static.igem.org/mediawiki/2014hs/0/0b/Shenzhen_SFLS_logo.png"/>
+
-
      <a class="small-ecoli" id="Team" href="#"><span class="single-line">Team</span></a>
+
-
      <a class="small-ecoli" id="Project" href="#"><span class="single-line">Project</span></a>
+
-
      <a class="small-ecoli" id="Result" href="#"><span class="single-line">Result</span></a>
+
-
      <a class="small-ecoli" id="Parts" href="#"><span class="single-line">Parts</span></a>
+
-
      <a class="small-ecoli" id="Notebook" href="#"><span class="single-line">Notebook</span></a>
+
-
      <a class="small-ecoli" id="Modeling" href="#"><span class="single-line">Modeling</span></a>
+
-
      <a class="small-ecoli" id="Safety" href="#"><span class="single-line">Safety</span></a>
+
-
      <a class="small-ecoli" id="HP" href="#"><span class="double-lines">Human Practice</span></a>
+
-
    </div>
+
-
    <div id="tour" style="display: none;">
+
-
    </div>
+
-
  </div>
+
-
  <script>
+
-
    function NCOut () {
+
-
      var NCComs = $('#navigation-circle').children();
+
-
      NCComs.addClass('animated bounceOutDown');
+
-
      NCComs.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
+
-
      $('#navigation-circle')[0].setAttribute('style', 'display: none;');
+
-
      $('#tour')[0].removeAttribute('style');
+
-
      });
+
-
    }
+
-
 
+
-
    $('#banner').on('click', function () {
+
-
      NCOut();
+
-
    })
+
-
  </script>
+
-
 
+
-
<p id="metadata">
+
-
{
+
-
  "title" : "Main | SFLS"
+
-
}
+
-
</p>
+
-
<!-- PJAX Content End -->
+
-
</main>
+
</html>
</html>

Latest revision as of 20:10, 7 October 2014

loading

Retrieved from "http://2014hs.igem.org/Team:Shenzhen_SFLS"