Difference between revisions of "Team:Hong Kong HKUST/mobile"

(Created page with "Testing")
 
 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
Testing
+
<html>
 +
<head>
 +
</head>
 +
 
 +
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 +
<script>
 +
  document.getElementById("firstHeading").style.display = "none";
 +
  document.getElementById("top_title").style.display = "none";
 +
  setTimeout(function(){document.getElementById("sideMenu").style.display = "none";}, 25);
 +
</script>
 +
 
 +
<body>
 +
 
 +
 
 +
<div id="test" class="fixed-center">
 +
  <h1 align="center" style="font-size:500%;height:60px;;word-spacing:5px;line-height:50%">Hong Kong HKUST</h1>
 +
  <h2 align="center" style="font-size:450%;height:60px;">Troika presents</h2>
 +
</div>
 +
 
 +
<div id="test1" style="display: none" class="fixed-centerforsecondtext" >
 +
<h1 align="center" style="color:white;font-size:500%;height:125px;weight:600px;">The Genetic Tristable Switch</h1>
 +
</div>
 +
 
 +
<div id="test2" style="display: none" class="fixed-centertree" >
 +
  <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team"><img src="https://static.igem.org/mediawiki/2016/8/88/Sourcetree.png"  style="width:700px;height:900px;"></a>
 +
</div>
 +
 
 +
<div id="test3" style="display: none" class="fixed-forthirdtext" >
 +
<h1 align="center" style="color:white;font-size:250%;height:125px;weight:600px;word-spacing:5px;line-height:100%">Please click on our tree and enjoy a tour through our wiki </h1>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<style>
 +
body{
 +
background-color: #99CC99;
 +
}
 +
 
 +
#content{
 +
background-color: #99CC99;
 +
}
 +
 
 +
.fixed-center{
 +
 +
  width:600px;
 +
  height:600px;
 +
  position:fixed;
 +
  top:40%;
 +
  left: 50%;
 +
  margin-left: -300px;
 +
  color: #FFFFFF;
 +
}
 +
 
 +
.fixed-centerforsecondtext{
 +
 +
  width:1000px;
 +
  height:600px;
 +
  position:fixed;
 +
  top:45%;
 +
  left:50%;
 +
  margin-left: -500px;
 +
  color: #FFFFFF;
 +
}
 +
 
 +
.fixed-centertree{
 +
 +
  width:400px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:10%;
 +
  left: 50%;
 +
  margin-left: -350px;
 +
  color: #FFFFFF;
 +
}
 +
 
 +
.fixed-forthirdtext{
 +
 
 +
  width:400px;
 +
  height:200px;
 +
  position:fixed;
 +
  top:70%;
 +
  left:64%;
 +
  margin-left:-350px;
 +
 
 +
 
 +
}
 +
 
 +
#test h1 {
 +
    font-size: 350%;
 +
    margin-top: 25px;
 +
    font-size: 21px;
 +
    text-align: center;
 +
    color: white;
 +
 
 +
 
 +
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
 +
      -moz-animation: fadein 2s; /* Firefox < 16 */
 +
        -ms-animation: fadein 2s; /* Internet Explorer */
 +
        -o-animation: fadein 2s; /* Opera < 12.1 */
 +
            animation: fadein 2s;
 +
}
 +
 
 +
@keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
/* Firefox < 16 */
 +
@-moz-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
/* Safari, Chrome and Opera > 12.1 */
 +
@-webkit-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
/* Internet Explorer */
 +
@-ms-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
/* Opera < 12.1 */
 +
@-o-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
 
 +
#test h2 {
 +
    font-size: 300%;
 +
    margin-top: 25px;
 +
    font-size: 21px;
 +
    text-align: center;
 +
    color: white ;
 +
 
 +
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
 +
      -moz-animation: fadein 4s; /* Firefox < 16 */
 +
        -ms-animation: fadein 4s; /* Internet Explorer */
 +
        -o-animation: fadein 4s; /* Opera < 12.1 */
 +
            animation: fadein 4s;
 +
}
 +
 
 +
@keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
/* Firefox < 16 */
 +
@-moz-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
/* Safari, Chrome and Opera > 12.1 */
 +
@-webkit-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
/* Internet Explorer */
 +
@-ms-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
/* Opera < 12.1 */
 +
@-o-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
</style>
 +
 
 +
<script>
 +
  setTimeout(function(){window.location.href='https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team'},1000000);
 +
 
 +
  setTimeout(function(){$( "#test" ).fadeOut( 600 );},3000);;
 +
  setTimeout(function(){$( "#test1" ).fadeIn( 600 );},3500);
 +
  setTimeout(function(){$( "#test1" ).fadeOut( 600 );},6500);
 +
  setTimeout(function(){$( "#test2" ).fadeIn( 600 );},7000);
 +
  setTimeout(function(){$( "#test3" ).fadeIn( 600 );},7000);
 +
 
 +
</script>
 +
</body>
 +
</html>

Latest revision as of 12:03, 2 December 2016

Hong Kong HKUST

Troika presents