Difference between revisions of "Team:ShanghaitechChina"

Line 227: Line 227:
 
}
 
}
 
</style>
 
</style>
 +
<head class="no-skrollr">
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 +
<title>ShanghaiTech University</title>
 +
<link rel="stylesheet" href="css/main2.css" />
 +
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 +
</head>
 +
<body>
 +
<div id="bg1" data-0="background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
 +
<div id="bg2" data-0="background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
 +
<div id="bg3" data-0="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>
 +
   
 +
<div id="progress" data-0="width:0%;background:hsl(200, 100%, 50%);" data-end="width:100%;background:hsl(920, 100%, 50%);"></div>
  
 +
<div id="intro" data-0="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-500="opacity:0;top:-10%;transform:rotate(-90deg);">
 +
<h1 style="font-size:5em;margin-top:20%;">Solar Hunter</h1>
 +
<p style="font-size:2em;margin-top:3%">Hunting Solar Energy</p>
 +
</div>
 +
   
 +
<div id="transform" data-500="transform:scale(0) rotate(0deg);" data-1000="transform:scale(1) rotate(1440deg);opacity:1;" data-1600="" data-1700="transform:scale(5) rotate(3240deg);opacity:0;">
 +
<h1 style="font-size:3em;margin-top:-7%">Quantum Dots</h1>
 +
<img src="./wood.jpg" style="width:80%;">
 +
</div>
 +
 +
<div id="properties" data-1700="top:100%;" data-2200="top:0%;" data-3000="display:block;" data-3500="top:-100%;display:none;">
 +
<div class="content" id="content2">
 +
          <div class="row">
 +
                                    <div class="col-lg-4">
 +
                                        <img style="width:100%;" src="https://static.igem.org/mediawiki/2015/9/9e/Heidelberg_media_pictures_aachen.png">
 +
                                    </div>
 +
                                    <!-- col-lg-4 -->
 +
                                    <div class="col-lg-8">
 +
          An article (abbreviated to ART) is a word (prefix or suffix) that is used alongside a noun to indicate the type of reference being made by the noun. Articles specify grammatical definiteness of the noun, in some languages extending to volume or numerical scope. The articles in the English language are the and a/an, and (in certain contexts) some. "An" and "a" are modern forms of the Old English "an", which in Anglian dialects was the number "one" (compare "on", in Saxon dialects) and survived into Modern Scots as the number "owan". Both "on" (respelled "one" by the Normans) and "an" survived into Modern English, with "one" used as the number and "an" ("a", before nouns that begin with a consonant sound) as an indefinite article.
 +
 +
In many languages, articles are a special part of speech, which cannot easily be combined with other parts of speech. In English, articles are frequently
 +
considered a part of a broader speech category called determiners, which combines articles and demonstratives (such as "this" and "that").
 +
 +
In languages that employ articles, every common noun,
 +
        </div>
 +
      </div>
 +
</div>
 +
</div>
 +
<div id="easing_wrapper" data-0="display:none;" data-3900="display:block;" data-4900="background:rgba(0, 0, 0, 0);color[swing]:rgb(0,0,0);" data-5900="background:rgba(0,0,0,1);color:rgb(255,255,255);" data-6900="top:0%;" data-7900="top:-100%;">
 +
<div id="easing" data-3900="left:100%" data-4600="left:25%;">
 +
<h2>Liu Yi is handsome?</h2>
 +
<p>sure.</p>
 +
<p>let me dim the <span data-3900="" data-4900="color[swing]:rgb(0,0,0);" data-5900="color:rgb(255,255,0);">lights</span> for this one...</p>
 +
<p data-5900="opacity:0;font-size:100%;" data-6500="opacity:1;font-size:150%;">you can set easings for each property and define own easing functions</p>
 +
</div>
 +
</div>
 +
 +
<div id="end" data-8000="top[cubic]:100%;border-radius[cubic]:0em;background:rgb(0,50,100);border-width:0px;" data-8500="top:10%;border-radius:2em;background:rgb(190,230,255);border-width:6px;">
 +
<h2>The End</h2>
 +
<p>Thank you for watching</p><br/>
 +
        <p style="text-align:center"><script src="/js/ad_js/bd_250250x.js" type="text/javascript"></script></p>
 +
</div>
 +
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
 +
<!--[if lt IE 9]><script type="text/javascript" src="js/skrollr.ie.min.js"></script><![endif]-->
 +
<script>
 +
var s = skrollr.init({
 +
//edgeStrategy: 'set',
 +
easing: {
 +
WTF: Math.random,
 +
inverted: function(p) {
 +
return 1-p;
 +
}
 +
}
 +
});
 +
</script>
 +
 +
 +
</body>
  
  
 
</html>
 
</html>

Revision as of 02:56, 1 October 2016

igem2016:ShanghaiTech

ShanghaiTech University

Solar Hunter

Hunting Solar Energy

Quantum Dots

An article (abbreviated to ART) is a word (prefix or suffix) that is used alongside a noun to indicate the type of reference being made by the noun. Articles specify grammatical definiteness of the noun, in some languages extending to volume or numerical scope. The articles in the English language are the and a/an, and (in certain contexts) some. "An" and "a" are modern forms of the Old English "an", which in Anglian dialects was the number "one" (compare "on", in Saxon dialects) and survived into Modern Scots as the number "owan". Both "on" (respelled "one" by the Normans) and "an" survived into Modern English, with "one" used as the number and "an" ("a", before nouns that begin with a consonant sound) as an indefinite article. In many languages, articles are a special part of speech, which cannot easily be combined with other parts of speech. In English, articles are frequently considered a part of a broader speech category called determiners, which combines articles and demonstratives (such as "this" and "that"). In languages that employ articles, every common noun,

Liu Yi is handsome?

sure.

let me dim the lights for this one...

you can set easings for each property and define own easing functions

The End

Thank you for watching