forked from Chaospott/site
added external skrollr and first structure in index.html
This commit is contained in:
Van Fanel
14
external/skrollr/examples/README.md
vendored
Normal file
14
external/skrollr/examples/README.md
vendored
Normal file
@ -0,0 +1,14 @@
|
||||
Examples
|
||||
------
|
||||
|
||||
Showcasing the awesomeness of skrollr.
|
||||
|
||||
* [The "main" example](http://prinzhorn.github.io/skrollr/)
|
||||
* ["Classic" parallax with different sections and parallax images between the gaps](http://prinzhorn.github.io/skrollr/examples/classic.html)
|
||||
* [Demonstrating different anchors](http://prinzhorn.github.io/skrollr/examples/anchors.html)
|
||||
* [Demonstrating data-anchor-target](http://prinzhorn.github.io/skrollr/examples/anchor_target.html)
|
||||
* [Pausing the scrolling for a moment to do other animations](http://prinzhorn.github.io/skrollr/examples/pausing.html)
|
||||
* [Drawing a SVG path](http://prinzhorn.github.io/skrollr/examples/path.html)
|
||||
* [Using two custom easing functions to create a circular motion](http://prinzhorn.github.io/skrollr/examples/circular_motion.html)
|
||||
* [Parallax background with constant speed](http://prinzhorn.github.io/skrollr/examples/bg_constant_speed_less.html)
|
||||
* [gradientsmotherfucker](http://prinzhorn.github.io/skrollr/examples/gradientsmotherfucker.html)
|
||||
74
external/skrollr/examples/amd.html
vendored
Normal file
74
external/skrollr/examples/amd.html
vendored
Normal file
@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
|
||||
<title>skrollr - parallax scrolling for the masses</title>
|
||||
|
||||
<link href="fixed-positioning.css" rel="stylesheet" type="text/css" />
|
||||
<link href="main.css" rel="stylesheet" type="text/css" />
|
||||
</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><a href="https://github.com/Prinzhorn/skrollr">skrollr</a></h1>
|
||||
<h2>parallax scrolling for the masses</h2>
|
||||
<p>let's get scrollin' ;-)</p>
|
||||
<p class="arrows">▼ ▼ ▼</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;">
|
||||
<h2>transform</h2>
|
||||
<p>scale, skew and rotate the sh** out of any element</p>
|
||||
</div>
|
||||
|
||||
<div id="properties" data-1700="top:100%;" data-2200="top:0%;" data-3000="display:block;" data-3700="top:-100%;display:none;">
|
||||
<h2>all numeric properties</h2>
|
||||
<p>width, height, padding, font-size, z-index, blah blah blah</p>
|
||||
</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-10000="top:0%;" data-12000="top:-100%;">
|
||||
<div id="easing" data-3900="left:100%" data-4600="left:25%;">
|
||||
<h2>easing?</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 class="drop" data-6500="left:15%;bottom:100%;" data-9500="bottom:0%;">linear</div>
|
||||
<div class="drop" data-6500="left:25%;bottom[quadratic]:100%;" data-9500="bottom:0%;">quadratic</div>
|
||||
<div class="drop" data-6500="left:35%;bottom[cubic]:100%;" data-9500="bottom:0%;">cubic</div>
|
||||
<div class="drop" data-6500="left:45%;bottom[swing]:100%;" data-9500="bottom:0%;">swing</div>
|
||||
<div class="drop" data-6500="left:55%;bottom[WTF]:100%;" data-9500="bottom:0%;">WTF</div>
|
||||
<div class="drop" data-6500="left:65%;bottom[inverted]:100%;" data-9500="bottom:0%;">inverted</div>
|
||||
<div class="drop" data-6500="left:75%;bottom[bounce]:100%;" data-9500="bottom:0%;">bounce</div>
|
||||
</div>
|
||||
|
||||
<div id="download" data-10000="top[cubic]:100%;border-radius[cubic]:0em;background:rgb(0,50,100);border-width:0px;" data-12000="top:10%;border-radius:2em;background:rgb(190,230,255);border-width:10px;">
|
||||
<h2>the end</h2>
|
||||
<p>by the way, you can also animate colors (you did notice this, didn't you?)</p>
|
||||
<p><strong>Now get this thing on <a href="https://github.com/Prinzhorn/skrollr">GitHub</a> and spread the word, it's open source!</strong> <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://prinzhorn.github.com/skrollr/" data-via="Prinzhorn">Tweet</a>
|
||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
|
||||
<p>Check out more <a href="https://github.com/Prinzhorn/skrollr/tree/master/examples#examples">examples</a>.</p>
|
||||
<p>Handcrafted by <a href="https://twitter.com/Prinzhorn" class="twitter-follow-button" data-show-count="false">Follow @Prinzhorn</a>
|
||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>
|
||||
</div>
|
||||
|
||||
<div id="scrollbar" data-0="top:0%;margin-top:2px;" data-end="top:100%;margin-top:-52px;"></div>
|
||||
|
||||
<script data-main="scripts/main" src="scripts/require.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script type="text/javascript" src="dist/skrollr.ie.min.js"></script>
|
||||
<![endif]-->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
192
external/skrollr/examples/anchor_target.html
vendored
Normal file
192
external/skrollr/examples/anchor_target.html
vendored
Normal file
@ -0,0 +1,192 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>anchor-target</title>
|
||||
|
||||
<style type="text/css">
|
||||
body {font-family:sans-serif;}
|
||||
|
||||
#red, #blue {
|
||||
width:128px;
|
||||
height:128px;
|
||||
background:#f33 url(images/face.png);
|
||||
}
|
||||
|
||||
#red {
|
||||
float:left;
|
||||
margin:1em;
|
||||
}
|
||||
|
||||
#blue {
|
||||
background:#09f url(images/face.png) 0 bottom;
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
#blue_wrapper {
|
||||
position:fixed;
|
||||
top:0;
|
||||
right:20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="skrollr-body">
|
||||
<h1>anchor-target</h1>
|
||||
|
||||
<p>
|
||||
<strong><em>BLUE</em> on the right is so unhappy. Scroll down so he can see his buddy <em>RED</em>.</strong>
|
||||
</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
|
||||
<!--RED (buddy)-->
|
||||
<div id="red" data-bottom="transform:rotate(0deg);transform-origin:center;" data-top="transform:rotate(360deg);"></div>
|
||||
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
</div>
|
||||
|
||||
<!--BLUE (unhappy)-->
|
||||
<div id="blue_wrapper" data-smooth-scrolling="off">
|
||||
<div id="blue"
|
||||
data-anchor-target="#red"
|
||||
data-0="background-position:!0 bottom;"
|
||||
data-bottom-top="margin-right[vibrate]:0px;background-position:!0 0;"
|
||||
data-top-bottom="margin-right[vibrate]:20px;background-position:!0 bottom;"></div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
skrollr.init({
|
||||
forceHeight: false,
|
||||
easing: {
|
||||
vibrate: function(p) {
|
||||
return Math.sin(p * 10 * Math.PI);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
156
external/skrollr/examples/anchors.html
vendored
Normal file
156
external/skrollr/examples/anchors.html
vendored
Normal file
@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Anchors</title>
|
||||
|
||||
<style type="text/css">
|
||||
body {font-family:sans-serif;}
|
||||
|
||||
#content {
|
||||
width:90%;
|
||||
background:#eee;
|
||||
border:1px solid #444;
|
||||
margin:1em auto;
|
||||
}
|
||||
|
||||
#content > div {
|
||||
padding:1em;
|
||||
}
|
||||
|
||||
.box {
|
||||
float:left;
|
||||
padding:6em 1em;
|
||||
margin:2px;
|
||||
}
|
||||
|
||||
p {margin:1em 0;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="skrollr-body">
|
||||
|
||||
<div id="content">
|
||||
<div>
|
||||
<h1>Different anchor types</h1>
|
||||
|
||||
<p>
|
||||
<strong>Scroll down to see different anchors in action.</strong>
|
||||
</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<div class="box" data-start="background:hsl(0,50%,75%);" data-end="background:hsl(180,50%,75%);">
|
||||
start<br>end
|
||||
</div>
|
||||
|
||||
<div class="box" data-bottom-top="background:hsl(0,50%,75%);" data-top-bottom="background:hsl(180,50%,75%);">
|
||||
bottom-top<br>top-bottom
|
||||
</div>
|
||||
|
||||
<div class="box" data-top-top="background:hsl(0,50%,75%);" data-bottom-bottom="background:hsl(180,50%,75%);">
|
||||
top-top<br>bottom-bottom
|
||||
</div>
|
||||
|
||||
<div class="box" data-center-top="background:hsl(0,50%,75%);" data-center-bottom="background:hsl(180,50%,75%);">
|
||||
center-top<br>center-bottom
|
||||
</div>
|
||||
|
||||
<div id="bacon" class="box" data-center-center="background:hsl(0,50%,75%);" data-1-center-center="background:hsl(180,50%,75%);">
|
||||
center-center<br>1-center-center
|
||||
</div>
|
||||
|
||||
<div class="box" data-50-bottom-bottom="background:hsl(0,50%,75%);" data--50-top-top="background:hsl(180,50%,75%);">
|
||||
50-bottom-bottom<br>-50-top-top
|
||||
</div>
|
||||
|
||||
<p style="clear:both;">Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<div class="box" data-300-end="background:hsl(0,50%,75%);" data-end="background:hsl(180,50%,75%);">
|
||||
300-end<br>end
|
||||
</div>
|
||||
|
||||
<p style="clear:both;">Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
skrollr.init({
|
||||
forceHeight: false
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
90
external/skrollr/examples/bg_constant_speed_less.html
vendored
Normal file
90
external/skrollr/examples/bg_constant_speed_less.html
vendored
Normal file
@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Background scroll - less content</title>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background:url(images/bubbles.png) repeat fixed;
|
||||
}
|
||||
|
||||
#center {
|
||||
background:#f9f9f9;
|
||||
background:rgba(240,240,240,.7);
|
||||
width:90%;
|
||||
padding:1em;
|
||||
margin:1em auto;
|
||||
border:1px solid #bbb;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body data-0="background-position:0px 0px;" data-100000="background-position:0px -50000px;">
|
||||
<div id="skrollr-body">
|
||||
<div id="center">
|
||||
<h1>Parallax background</h1>
|
||||
<p>Demo of background scrolling at constant speed independent of content height.</p>
|
||||
<p>less content - <a href="bg_constant_speed_more.html">more content</a></p>
|
||||
<hr />
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
skrollr.init({
|
||||
forceHeight: false
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
255
external/skrollr/examples/bg_constant_speed_more.html
vendored
Normal file
255
external/skrollr/examples/bg_constant_speed_more.html
vendored
Normal file
@ -0,0 +1,255 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Background scroll - more content</title>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background:url(images/bubbles.png) repeat fixed;
|
||||
}
|
||||
|
||||
#center {
|
||||
background:#f9f9f9;
|
||||
background:rgba(240,240,240,.7);
|
||||
width:90%;
|
||||
padding:1em;
|
||||
margin:1em auto;
|
||||
border:1px solid #bbb;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body data-0="background-position:0px 0px;" data-100000="background-position:0px -50000px;">
|
||||
<div id="skrollr-body">
|
||||
<div id="center">
|
||||
<h1>Parallax background</h1>
|
||||
<p>Demo of background scrolling at constant speed independent of content height.</p>
|
||||
<p><a href="bg_constant_speed_less.html">less content</a> - more content</p>
|
||||
<hr />
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
<p>
|
||||
Short loin tail salami, shank andouille short ribs flank prosciutto leberkas tenderloin chuck shankle kielbasa fatback. Ball tip rump meatloaf, drumstick frankfurter tongue jowl ham hock turducken. Shoulder shank chicken, ribeye shankle venison salami andouille pork tenderloin. Pork chop t-bone flank, pig chuck meatball cow ground round meatloaf shank bacon hamburger ribeye. Pig salami pastrami, shoulder beef ribs boudin biltong drumstick. Tail pig t-bone, capicola bresaola ball tip sausage jowl flank rump kielbasa chicken speck. Shoulder turkey spare ribs sausage corned beef ground round filet mignon tenderloin tail.
|
||||
</p>
|
||||
<p>
|
||||
Boudin shank ham hock beef, jowl brisket pork loin jerky kielbasa spare ribs andouille cow flank ground round. Jowl bacon chuck speck, swine kielbasa short loin tenderloin sausage. Pork chop short loin swine, cow tri-tip kielbasa capicola. Chicken bresaola pork chop drumstick chuck, sausage short ribs flank sirloin hamburger. Cow frankfurter chicken prosciutto sirloin ball tip, tail beef strip steak swine. Speck sirloin turducken pancetta short loin tenderloin.
|
||||
</p>
|
||||
<p>
|
||||
Ribeye shoulder biltong venison beef tri-tip. Bresaola ham hamburger andouille turkey brisket, short loin frankfurter chicken corned beef filet mignon pancetta. Shoulder flank biltong, pork chop turkey cow jowl venison bresaola pork belly sirloin t-bone sausage swine ribeye. Sausage brisket beef, chicken spare ribs hamburger tail meatloaf pig tenderloin pork belly biltong. Pancetta tri-tip pork loin rump pastrami, drumstick flank turkey. Jowl ground round pork short ribs, boudin sirloin venison short loin pig ham.
|
||||
</p>
|
||||
<p>
|
||||
Andouille pork chuck speck, leberkas prosciutto turducken jerky brisket frankfurter ball tip filet mignon shankle beef bacon. Turducken jowl pork biltong, andouille hamburger kielbasa. Meatball capicola shoulder ground round, ball tip spare ribs frankfurter rump t-bone beef ribs. Beef ribs brisket filet mignon pork loin kielbasa jowl, t-bone ribeye short loin spare ribs tri-tip drumstick frankfurter tenderloin ham hock. T-bone beef ham hock, speck chicken chuck biltong meatball tail bacon shank turkey flank.
|
||||
</p>
|
||||
<p>
|
||||
Tri-tip sausage tail meatloaf. Andouille salami leberkas, shank ham ribeye sirloin drumstick. Pork pork chop shankle, jowl spare ribs beef tongue meatball tri-tip beef ribs leberkas ham turkey. Andouille pastrami flank sirloin, beef tenderloin bresaola boudin chicken speck filet mignon prosciutto. Tri-tip drumstick sausage pancetta shoulder, short loin pork chop tongue chicken ham hock salami flank cow ribeye. Chuck short ribs speck bresaola, drumstick ham capicola beef ribs tri-tip meatloaf ball tip swine. Filet mignon turducken ribeye, venison tri-tip meatloaf bacon shankle beef ball tip pork flank pig beef ribs kielbasa.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
skrollr.init({
|
||||
forceHeight: false
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
external/skrollr/examples/circular_motion.html
vendored
Normal file
44
external/skrollr/examples/circular_motion.html
vendored
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>Creating a circular motion (easing === awesome)</title>
|
||||
|
||||
<link href="fixed-positioning.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<style type="text/css">
|
||||
#thing {
|
||||
width:32px;
|
||||
height:32px;
|
||||
border-radius:16px;
|
||||
background:#000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="thing" data-0="left[cos]:10%;top[sin]:10%;" data-10000="left:90%;top:90%;"></div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
skrollr.init({
|
||||
easing: {
|
||||
sin: function(p) {
|
||||
return (Math.sin(p * Math.PI * 2 - Math.PI/2) + 1) / 2;
|
||||
},
|
||||
cos: function(p) {
|
||||
return (Math.cos(p * Math.PI * 2 - Math.PI/2) + 1) / 2;
|
||||
},
|
||||
},
|
||||
render: function(data) {
|
||||
//Loop
|
||||
if(data.curTop === data.maxTop) {
|
||||
this.setScrollTop(0, true);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
203
external/skrollr/examples/classic.html
vendored
Normal file
203
external/skrollr/examples/classic.html
vendored
Normal file
@ -0,0 +1,203 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="no-skrollr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Classic parallax page</title>
|
||||
|
||||
<style type="text/css">
|
||||
* {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.skrollr-desktop body {
|
||||
height:100% !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family:sans-serif;
|
||||
}
|
||||
|
||||
p {
|
||||
margin:1em 0;
|
||||
}
|
||||
|
||||
.parallax-image-wrapper {
|
||||
position:fixed;
|
||||
left:0;
|
||||
width:100%;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.parallax-image-wrapper-50 {
|
||||
height:50%;
|
||||
top:-50%;
|
||||
}
|
||||
|
||||
.parallax-image-wrapper-100 {
|
||||
height:100%;
|
||||
top:-100%;
|
||||
}
|
||||
|
||||
.parallax-image {
|
||||
display:none;
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.parallax-image-50 {
|
||||
height:200%;
|
||||
top:-50%;
|
||||
}
|
||||
|
||||
.parallax-image-100 {
|
||||
height:100%;
|
||||
top:0;
|
||||
}
|
||||
|
||||
.parallax-image.skrollable-between {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.no-skrollr .parallax-image-wrapper {
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
#skrollr-body {
|
||||
height:100%;
|
||||
overflow:visible;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.gap {
|
||||
background:transparent center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
.skrollr .gap {
|
||||
background:transparent !important;
|
||||
}
|
||||
|
||||
.gap-50 {
|
||||
height:50%;
|
||||
}
|
||||
|
||||
.gap-100 {
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.header, .content {
|
||||
background:#fff;
|
||||
padding:1em;
|
||||
|
||||
-webkit-box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
|
||||
.content-full {
|
||||
height:100%;
|
||||
}
|
||||
|
||||
#done {
|
||||
height:100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--
|
||||
We position the images fixed and therefore need to place them outside of #skrollr-body.
|
||||
We will then use data-anchor-target to display the correct image matching the current section (.gap element).
|
||||
-->
|
||||
|
||||
<div
|
||||
class="parallax-image-wrapper parallax-image-wrapper-100"
|
||||
data-anchor-target="#dragons + .gap"
|
||||
data-bottom-top="transform:translate3d(0px, 200%, 0px)"
|
||||
data-top-bottom="transform:translate3d(0px, 0%, 0px)">
|
||||
|
||||
<div
|
||||
class="parallax-image parallax-image-100"
|
||||
style="background-image:url(images/kitteh1.jpg)"
|
||||
data-anchor-target="#dragons + .gap"
|
||||
data-bottom-top="transform: translate3d(0px, -80%, 0px);"
|
||||
data-top-bottom="transform: translate3d(0px, 80%, 0px);"
|
||||
></div>
|
||||
<!--the +/-80% translation can be adjusted to control the speed difference of the image-->
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="parallax-image-wrapper parallax-image-wrapper-100"
|
||||
data-anchor-target="#bacons + .gap"
|
||||
data-bottom-top="transform:translate3d(0px, 200%, 0px)"
|
||||
data-top-bottom="transform:translate3d(0px, 0%, 0px)">
|
||||
|
||||
<div
|
||||
class="parallax-image parallax-image-100"
|
||||
style="background-image:url(images/kitteh2.jpg)"
|
||||
data-anchor-target="#bacons + .gap"
|
||||
data-bottom-top="transform: translate3d(0px, -80%, 0px);"
|
||||
data-top-bottom="transform: translate3d(0px, 80%, 0px);"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="parallax-image-wrapper parallax-image-wrapper-50"
|
||||
data-anchor-target="#kittens + .gap"
|
||||
data-bottom-top="transform:translate3d(0px, 300%, 0px)"
|
||||
data-top-bottom="transform:translate3d(0px, 0%, 0px)">
|
||||
|
||||
<div
|
||||
class="parallax-image parallax-image-50"
|
||||
style="background-image:url(images/kitteh3.jpg)"
|
||||
data-anchor-target="#kittens + .gap"
|
||||
data-bottom-top="transform: translate3d(0px, -60%, 0px);"
|
||||
data-top-bottom="transform: translate3d(0px, 60%, 0px);"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div id="skrollr-body">
|
||||
<div class="header" id="dragons">
|
||||
Skrollr demo of classic parallax sections. Degrades without JavaScript (could be disabled on mobile without breaking everything).
|
||||
</div>
|
||||
<div class="gap gap-100" style="background-image:url(images/kitteh1.jpg);"></div>
|
||||
<div class="content" id="bacons">
|
||||
<p>Landjaeger chicken ham fatback sausage hamburger, tri-tip capicola pastrami pancetta ribeye turducken. Rump shank turkey pig kevin sausage meatloaf tenderloin drumstick short ribs short loin. Prosciutto spare ribs chuck, pork strip steak pork chop swine bacon turkey shoulder andouille. Jowl landjaeger chicken corned beef. Ham hock kielbasa pancetta ground round sausage. Spare ribs porchetta pastrami filet mignon drumstick ball tip. Beef ribs prosciutto kevin, landjaeger shoulder ham hock ham brisket sirloin chuck t-bone drumstick kielbasa pork chop.</p>
|
||||
|
||||
<p>Landjaeger spare ribs chicken ball tip, filet mignon frankfurter ribeye tenderloin corned beef. Strip steak boudin pork loin, chicken turkey ball tip beef ribs ground round shank ham hock. Kevin capicola beef, chuck pork chop shoulder brisket doner meatloaf shank ham hock tenderloin. Chuck ham hock short ribs ground round sausage prosciutto shoulder bacon andouille tri-tip beef biltong filet mignon chicken. Pork belly andouille shank, bacon sausage meatloaf bresaola pork chop short ribs t-bone. Ham hock salami porchetta bacon beef turkey, strip steak kielbasa pancetta brisket meatball t-bone.</p>
|
||||
|
||||
<p>Chicken pancetta capicola chuck, turkey meatball jerky frankfurter kielbasa ball tip bacon ground round. Beef ribs brisket meatloaf short ribs landjaeger shankle spare ribs sausage, pancetta swine sirloin flank. Tail shank chuck pancetta, ham meatloaf short ribs sausage rump turkey kevin pork chop landjaeger. Doner boudin short ribs t-bone, jerky shankle bresaola drumstick. Strip steak shank spare ribs boudin doner short ribs. Boudin prosciutto jowl tenderloin tongue beef ribs, short ribs salami short loin strip steak ham jerky. Shank pancetta beef ribs, corned beef ham hock pork belly drumstick tail bresaola chuck.</p>
|
||||
</div>
|
||||
<div class="gap gap-100" style="background-image:url(images/kitteh2.jpg);"></div>
|
||||
<div class="content content-full" id="kittens">
|
||||
Here be kittens
|
||||
</div>
|
||||
<div class="gap gap-50" style="background-image:url(images/kitteh3.jpg);"></div>
|
||||
<div class="content" id="done">
|
||||
Images from <a href="http://placekitten.com/attribution.html">http://placekitten.com/</a>, thanks!
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
skrollr.init({
|
||||
smoothScrolling: false,
|
||||
mobileDeceleration: 0.004
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
41
external/skrollr/examples/docu/1.html
vendored
Normal file
41
external/skrollr/examples/docu/1.html
vendored
Normal file
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head class="no-skrollr">
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Demo 1</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="skrollr-body">
|
||||
spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>
|
||||
<div id="foo" data-0="background-color:rgb(0,0,255);" data-500="background-color:rgb(255,0,0);">WOOOT</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
//http://detectmobilebrowsers.com/ + tablets
|
||||
(function(a) {
|
||||
if(/android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(ad|hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino|playbook|silk/i.test(a)
|
||||
||
|
||||
/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))
|
||||
{
|
||||
//Add skrollr mobile on mobile devices.
|
||||
document.write('<script type="text/javascript" src="../../dist/skrollr.mobile.min.js"><\/script>');
|
||||
}
|
||||
})(navigator.userAgent||navigator.vendor||window.opera);
|
||||
</script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script type="text/javascript" src="../../dist/skrollr.ie.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript">
|
||||
var s = skrollr.init();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
41
external/skrollr/examples/docu/2.html
vendored
Normal file
41
external/skrollr/examples/docu/2.html
vendored
Normal file
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head class="no-skrollr">
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Demo 2</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="skrollr-body">
|
||||
spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>
|
||||
<div data-0="background-color:rgb(0,0,255);transform:rotate(0deg);" data-500="background-color:rgb(255,0,0);transform:rotate(360deg);">WOOOT</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
//http://detectmobilebrowsers.com/ + tablets
|
||||
(function(a) {
|
||||
if(/android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(ad|hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino|playbook|silk/i.test(a)
|
||||
||
|
||||
/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))
|
||||
{
|
||||
//Add skrollr mobile on mobile devices.
|
||||
document.write('<script type="text/javascript" src="../../dist/skrollr.mobile.min.js"><\/script>');
|
||||
}
|
||||
})(navigator.userAgent||navigator.vendor||window.opera);
|
||||
</script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script type="text/javascript" src="../../dist/skrollr.ie.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript">
|
||||
var s = skrollr.init();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
41
external/skrollr/examples/docu/3.html
vendored
Normal file
41
external/skrollr/examples/docu/3.html
vendored
Normal file
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head class="no-skrollr">
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Demo 3</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="skrollr-body">
|
||||
spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>
|
||||
<div data-0="background-color:rgb(0,0,255);transform[bounce]:rotate(0deg);" data-500="background-color:rgb(255,0,0);transform[bounce]:rotate(360deg);">WOOOT</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
//http://detectmobilebrowsers.com/ + tablets
|
||||
(function(a) {
|
||||
if(/android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(ad|hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino|playbook|silk/i.test(a)
|
||||
||
|
||||
/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))
|
||||
{
|
||||
//Add skrollr mobile on mobile devices.
|
||||
document.write('<script type="text/javascript" src="../../dist/skrollr.mobile.min.js"><\/script>');
|
||||
}
|
||||
})(navigator.userAgent||navigator.vendor||window.opera);
|
||||
</script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script type="text/javascript" src="../../dist/skrollr.ie.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript">
|
||||
var s = skrollr.init();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
41
external/skrollr/examples/docu/4.html
vendored
Normal file
41
external/skrollr/examples/docu/4.html
vendored
Normal file
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head class="no-skrollr">
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Demo 4</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="skrollr-body">
|
||||
spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>spacer<br>
|
||||
<div data-0="background-color:rgb(0,0,255);transform[bounce]:rotate(0deg);" data-top="background-color:rgb(255,0,0);transform[bounce]:rotate(360deg);">WOOOT</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
//http://detectmobilebrowsers.com/ + tablets
|
||||
(function(a) {
|
||||
if(/android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(ad|hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino|playbook|silk/i.test(a)
|
||||
||
|
||||
/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))
|
||||
{
|
||||
//Add skrollr mobile on mobile devices.
|
||||
document.write('<script type="text/javascript" src="../../dist/skrollr.mobile.min.js"><\/script>');
|
||||
}
|
||||
})(navigator.userAgent||navigator.vendor||window.opera);
|
||||
</script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script type="text/javascript" src="../../dist/skrollr.ie.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript">
|
||||
var s = skrollr.init();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
46
external/skrollr/examples/fixed-positioning.css
vendored
Normal file
46
external/skrollr/examples/fixed-positioning.css
vendored
Normal file
@ -0,0 +1,46 @@
|
||||
/*
|
||||
* This file is NOT needed in order to use skrollr.
|
||||
* The demo uses it and it may help you as well.
|
||||
*/
|
||||
|
||||
|
||||
html, body {
|
||||
width:100%;
|
||||
height:100%;
|
||||
padding:0;
|
||||
margin:0;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
|
||||
.skrollable {
|
||||
/*
|
||||
* First-level skrollables are positioned relative to window
|
||||
*/
|
||||
position:fixed;
|
||||
|
||||
/*
|
||||
* Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
|
||||
*/
|
||||
z-index:100;
|
||||
}
|
||||
|
||||
.skrollr-mobile .skrollable {
|
||||
/*
|
||||
May cause issues on Android default browser (see #331 on GitHub).
|
||||
*/
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.skrollable .skrollable {
|
||||
/*
|
||||
* Second-level skrollables are positioned relative their parent skrollable
|
||||
*/
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.skrollable .skrollable .skrollable {
|
||||
/*
|
||||
* Third-level (and below) skrollables are positioned static
|
||||
*/
|
||||
position:static;
|
||||
}
|
||||
129
external/skrollr/examples/fixed_nav.html
vendored
Normal file
129
external/skrollr/examples/fixed_nav.html
vendored
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>Fixed nav (desktop only!)</title>
|
||||
|
||||
<style type="text/css">
|
||||
body {font-family:sans-serif;}
|
||||
|
||||
#content {
|
||||
width:960px;
|
||||
background:#eee;
|
||||
border:1px solid #444;
|
||||
margin:1em auto;
|
||||
}
|
||||
|
||||
#nav {
|
||||
display:block;
|
||||
padding:0;
|
||||
margin:0;
|
||||
width:960px;
|
||||
background:#000;
|
||||
color:#eee;
|
||||
}
|
||||
|
||||
#nav > li {
|
||||
display:inline-block;
|
||||
padding:1em;
|
||||
margin:0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="skrollr-body">
|
||||
<div id="content">
|
||||
<div>
|
||||
<h1>Fixed nav (desktop only!)</h1>
|
||||
|
||||
|
||||
|
||||
<ul id="nav" data-0="position:static;" data-top-top="position:fixed;top:0;" data-edge-strategy="set">
|
||||
<li>foo</li>
|
||||
<li>bar</li>
|
||||
</ul>
|
||||
<!--placeholder div to prevent jumpy content when nav gets pinned-->
|
||||
<div style="padding:1em;" data-0="display:none;" data-top-top="display:block;" data-anchor-target="#nav" data-edge-strategy="set"> </div>
|
||||
|
||||
|
||||
|
||||
<p>
|
||||
<strong>Scroll down to see the nav getting fixed.</strong>
|
||||
</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
|
||||
<p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
|
||||
|
||||
<p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
|
||||
|
||||
<p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
|
||||
|
||||
<p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
window.onload = function() {
|
||||
skrollr.init({
|
||||
forceHeight: false
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
65
external/skrollr/examples/gradientsmotherfucker.html
vendored
Normal file
65
external/skrollr/examples/gradientsmotherfucker.html
vendored
Normal file
@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>What’s the best way to appease Samuel L. Jackson’s design-lust?</title>
|
||||
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
padding:0;
|
||||
margin:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-attachment:fixed;
|
||||
color:#fff;
|
||||
font-family:sans-serif;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
a {color:#eee;}
|
||||
|
||||
#top {padding-top:10em;}
|
||||
|
||||
#bottom {
|
||||
position:fixed;
|
||||
right:0;
|
||||
bottom:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
#bottom > img {
|
||||
display:block;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.hidden {display:none;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body data-0="background-image:linear-gradient(0deg, hsl(0, 100%, 50%), hsl(40, 50%, 50%));" data-5000="background-image:linear-gradient(3600deg, hsl(360, 100%, 50%), hsl(400, 100%, 50%));">
|
||||
<div id="skrollr-body">
|
||||
<div id="top">
|
||||
<h1>What’s the best way to appease Samuel L. Jackson’s design-lust?</h1>
|
||||
<p>Scroll to find out</p>
|
||||
<p>↓</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="bottom" data-500-end="opacity:0;" data-end="opacity:1;">
|
||||
<h1>Rotating gradients, motherfucker</h1>
|
||||
<p>Inspired by: <a href="http://gradientsmotherfucker.com/">http://gradientsmotherfucker.com/</a></p>
|
||||
<p>Created with: <a href="https://github.com/Prinzhorn/skrollr">skrollr</a></p>
|
||||
<img src="images/slj.png" />
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
skrollr.init();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
external/skrollr/examples/images/bubbles.png
vendored
Normal file
BIN
external/skrollr/examples/images/bubbles.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
external/skrollr/examples/images/bubbles2.png
vendored
Normal file
BIN
external/skrollr/examples/images/bubbles2.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
external/skrollr/examples/images/bubbles3.png
vendored
Normal file
BIN
external/skrollr/examples/images/bubbles3.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
external/skrollr/examples/images/bubbles_small.png
vendored
Normal file
BIN
external/skrollr/examples/images/bubbles_small.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
external/skrollr/examples/images/face.png
vendored
Normal file
BIN
external/skrollr/examples/images/face.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
external/skrollr/examples/images/kitteh1.jpg
vendored
Normal file
BIN
external/skrollr/examples/images/kitteh1.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
BIN
external/skrollr/examples/images/kitteh2.jpg
vendored
Normal file
BIN
external/skrollr/examples/images/kitteh2.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
BIN
external/skrollr/examples/images/kitteh3.jpg
vendored
Normal file
BIN
external/skrollr/examples/images/kitteh3.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
63
external/skrollr/examples/images/path.svg
vendored
Normal file
63
external/skrollr/examples/images/path.svg
vendored
Normal file
@ -0,0 +1,63 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="744.09448819"
|
||||
height="1052.3622047"
|
||||
id="svg2"
|
||||
version="1.1"
|
||||
inkscape:version="0.48.3.1 r9886"
|
||||
sodipodi:docname="path.svg">
|
||||
<defs
|
||||
id="defs4" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.49497475"
|
||||
inkscape:cx="403.61004"
|
||||
inkscape:cy="569.90886"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1855"
|
||||
inkscape:window-height="1056"
|
||||
inkscape:window-x="65"
|
||||
inkscape:window-y="24"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:snap-bbox="true"
|
||||
inkscape:bbox-paths="true"
|
||||
inkscape:snap-page="true" />
|
||||
<metadata
|
||||
id="metadata7">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
style="fill:none;stroke:#333333;stroke-width:7;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
|
||||
d="m 199.16266,227.29566 c 0,0 -35.71429,-184.285714 37.14286,-210.000004 72.85714,-25.7142792 95.40137,3.16127 134.28572,42.85715 C 462.01038,153.47988 433.14019,231.62843 612.01981,188.72422 740.78435,157.8401 648.46996,-124.25341 423.44838,73.009946 397.57737,95.689556 342.01981,227.29566 322.01981,268.72423 c -20,41.42857 -15.71429,142.85714 64.28571,222.85714 80,80 143.73919,-10.78923 207.14286,17.14286 89.11717,39.26002 175.71428,70 214.28571,198.57143 38.57143,128.57142 -224.28571,45.71428 -311.42857,50 -87.14286,4.28571 -174.7636,-13.7114 -273.33504,69.14573 -98.57143,82.85724 -123.427376,147.71354 -133.893126,125.93684 -13.988987,-29.1077 -55.031934,-20.6196 -72.436974,2.587 -35.52138,47.36187 48.898892,49.25187 59.501803,81.06057 11.228801,33.6863 -55.491303,91.6685 -70.7122836,61.2265 -14.3563298,-28.7127 55.6559746,-11.2104 68.9875946,-11.2104 59.313946,0 106.207266,-47.3062 135.388156,-93.99577 9.07249,-14.516 16.34065,-34.5597 6.03641,-50.0161 -24.31744,-36.4761 -61.10674,32.1704 -64.67586,50.0161 -1.78804,8.94027 -18.73345,93.13327 -18.9716,93.13327 -15.39093,0 28.03002,-116.70147 77.61105,-83.6473 22.80402,15.2025 -31.82409,33.8676 -43.11725,31.0443 -2.54514,-0.6362 -14.1213,-7.4374 -16.38456,-5.174 -1.98676,1.9867 9.07416,13.8365 10.34816,16.3845 2.87494,5.7499 10.51739,15.8661 17.24688,18.1092 69.57702,23.1924 68.47583,-63.69675 106.93079,-50.8783 25.47788,8.4926 17.93869,61.2265 13.79751,61.2265 -4.54633,0 1.86112,-32.5889 2.58704,-36.2185 1.63481,-8.1741 -8.336,-25.008 0,-25.008 23.1702,0 56.38131,-4.3117 84.50982,-4.3117 6.92267,0 20.69627,8.6474 20.69627,1.7246 0,-22.13767 -106.83933,7.883 -73.29932,52.6031 15.39517,20.5269 45.97363,7.0247 56.91476,-11.2104 4.27342,-7.1224 5.92963,-41.2859 6.03643,-41.3927 3.30032,-3.3003 25.38957,-5.1906 31.04441,-7.7611 8.17799,-3.71727 116.56888,-61.61957 80.19809,-70.71237 -62.06519,-15.5162 -84.81857,132.80117 -47.42898,132.80117 39.83429,0 168.06934,-127.94377 127.62705,-141.42457 -48.77358,-16.2579 -78.2302,99.41297 -51.74069,125.90247 20.35735,20.3573 58.34681,-22.9907 73.29932,-37.9432 37.20757,-37.20767 16.38455,62.9731 16.38455,52.603 0,-50.488 -2.86125,-72.28997 41.39257,-61.2265 18.42188,4.6055 41.59056,-2.80515 61.22649,0 33.65343,4.8077 18.48038,96.0268 157.85652,147.0903"
|
||||
id="path3811"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="cssssssssssssssssssssccssssssssssscssssssssc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
BIN
external/skrollr/examples/images/slj.png
vendored
Normal file
BIN
external/skrollr/examples/images/slj.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
197
external/skrollr/examples/main.css
vendored
Normal file
197
external/skrollr/examples/main.css
vendored
Normal file
@ -0,0 +1,197 @@
|
||||
html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html, body {
|
||||
line-height: 1;
|
||||
min-height:100%;
|
||||
font-family:Artial, Verdana, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #eeeeee;
|
||||
background: -webkit-linear-gradient(top, #eeeeee, #cccccc 100%);
|
||||
background: -moz-linear-gradient(top, #eeeeee, #cccccc 100%);
|
||||
background: -o-linear-gradient(top, #eeeeee, #cccccc 100%);
|
||||
background: -ms-linear-gradient(top, #eeeeee, #cccccc 100%);
|
||||
background: linear-gradient(top, #eeeeee, #cccccc 100%);
|
||||
background-attachment:fixed;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
p {
|
||||
margin:1em 0;
|
||||
line-height:1.1em;
|
||||
}
|
||||
|
||||
q {
|
||||
font-style:italic;
|
||||
color:#333;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:2.91em;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
h1 > small {
|
||||
text-align:right;
|
||||
display:inline-block;
|
||||
font-size:.71em;
|
||||
text-indent:15em;
|
||||
color:#444;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:inherit;
|
||||
font-size:1.91em;
|
||||
margin:2em 0 1em 0;
|
||||
}
|
||||
|
||||
h2:first-child {margin-top:0;}
|
||||
|
||||
h3 {
|
||||
color:#333;
|
||||
font-size:1.41em;
|
||||
margin:1em 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color:#444;
|
||||
font-size:1.11em;
|
||||
margin:1em 0;
|
||||
}
|
||||
|
||||
#progress {
|
||||
height:2%;
|
||||
background:#444;
|
||||
bottom:0;
|
||||
z-index:200;
|
||||
}
|
||||
|
||||
#scrollbar {
|
||||
position:fixed;
|
||||
right:2px;
|
||||
height:50px;
|
||||
width:6px;
|
||||
background:#444;
|
||||
background:rgba(0,0,0,0.6);
|
||||
border:1px solid rgba(255,255,255,0.6);
|
||||
z-index:300;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.skrollr-desktop #scrollbar {display:none;}
|
||||
|
||||
#bg1, #bg2, #bg3 {
|
||||
z-index:50;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:url(images/bubbles.png) repeat 0 0;
|
||||
}
|
||||
|
||||
#bg2 {
|
||||
z-index:49;
|
||||
background-image:url(images/bubbles2.png);
|
||||
}
|
||||
|
||||
#bg3 {
|
||||
z-index:48;
|
||||
background-image:url(images/bubbles3.png);
|
||||
}
|
||||
|
||||
#intro {
|
||||
width:80%;
|
||||
left:50%;
|
||||
top:1em;
|
||||
margin-left:-40%;
|
||||
padding:2em;
|
||||
background:#fff;
|
||||
text-align:center;
|
||||
border-radius:1em;
|
||||
|
||||
-webkit-transform-origin:0 0;
|
||||
-moz-transform-origin:0 0;
|
||||
-ms-transform-origin:0 0;
|
||||
-o-transform-origin:0 0;
|
||||
transform-origin:0 0;
|
||||
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#intro .arrows {
|
||||
font-size:2em;
|
||||
color:#09f;
|
||||
}
|
||||
|
||||
#transform {
|
||||
width:70%;
|
||||
left:50%;
|
||||
top:20%;
|
||||
margin-left:-35%;
|
||||
text-align:center;
|
||||
font-size:150%;
|
||||
|
||||
.transform-origin(50%, 50%);
|
||||
}
|
||||
|
||||
#properties {
|
||||
width:100%;
|
||||
height:100%;
|
||||
padding-top:10%;
|
||||
text-align:center;
|
||||
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#easing_wrapper {
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
#easing {
|
||||
top:10%;
|
||||
width:50%;
|
||||
z-index:101;
|
||||
}
|
||||
|
||||
.drop {
|
||||
background:#09f;
|
||||
font-weight:bold;
|
||||
padding:1em;
|
||||
}
|
||||
|
||||
#download {
|
||||
width:80%;
|
||||
left:10%;
|
||||
height:80%;
|
||||
padding:3em;
|
||||
border:0 solid #222;
|
||||
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.twitter-share-button, .twitter-follow-button {
|
||||
vertical-align:middle;
|
||||
}
|
||||
40
external/skrollr/examples/path.html
vendored
Normal file
40
external/skrollr/examples/path.html
vendored
Normal file
@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>Drawing a path</title>
|
||||
</head>
|
||||
|
||||
<body style="text-align:center;">
|
||||
<div id="skrollr-body">
|
||||
<h1>SVG IS AWESOME (so is skrollr)</h1>
|
||||
<p>Scroll down for details</p>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="900px" height="1200px">
|
||||
<path
|
||||
style="fill:none;stroke:#333333;stroke-width:7;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:6000;stroke-dashoffset:0"
|
||||
data-0="stroke-dashoffset:6000;" data-end="stroke-dashoffset:0;"
|
||||
|
||||
d="m 199.16266,227.29566 c 0,0 -35.71429,-184.285714 37.14286,-210.000004 72.85714,-25.7142792 95.40137,3.16127 134.28572,42.85715 C 462.01038,153.47988 433.14019,231.62843 612.01981,188.72422 740.78435,157.8401 648.46996,-124.25341 423.44838,73.009946 397.57737,95.689556 342.01981,227.29566 322.01981,268.72423 c -20,41.42857 -15.71429,142.85714 64.28571,222.85714 80,80 143.73919,-10.78923 207.14286,17.14286 89.11717,39.26002 175.71428,70 214.28571,198.57143 38.57143,128.57142 -224.28571,45.71428 -311.42857,50 -87.14286,4.28571 -174.7636,-13.7114 -273.33504,69.14573 -98.57143,82.85724 -123.427376,147.71354 -133.893126,125.93684 -13.988987,-29.1077 -55.031934,-20.6196 -72.436974,2.587 -35.52138,47.36187 48.898892,49.25187 59.501803,81.06057 11.228801,33.6863 -55.491303,91.6685 -70.7122836,61.2265 -14.3563298,-28.7127 55.6559746,-11.2104 68.9875946,-11.2104 59.313946,0 106.207266,-47.3062 135.388156,-93.99577 9.07249,-14.516 16.34065,-34.5597 6.03641,-50.0161 -24.31744,-36.4761 -61.10674,32.1704 -64.67586,50.0161 -1.78804,8.94027 -18.73345,93.13327 -18.9716,93.13327 -15.39093,0 28.03002,-116.70147 77.61105,-83.6473 22.80402,15.2025 -31.82409,33.8676 -43.11725,31.0443 -2.54514,-0.6362 -14.1213,-7.4374 -16.38456,-5.174 -1.98676,1.9867 9.07416,13.8365 10.34816,16.3845 2.87494,5.7499 10.51739,15.8661 17.24688,18.1092 69.57702,23.1924 68.47583,-63.69675 106.93079,-50.8783 25.47788,8.4926 17.93869,61.2265 13.79751,61.2265 -4.54633,0 1.86112,-32.5889 2.58704,-36.2185 1.63481,-8.1741 -8.336,-25.008 0,-25.008 23.1702,0 56.38131,-4.3117 84.50982,-4.3117 6.92267,0 20.69627,8.6474 20.69627,1.7246 0,-22.13767 -106.83933,7.883 -73.29932,52.6031 15.39517,20.5269 45.97363,7.0247 56.91476,-11.2104 4.27342,-7.1224 5.92963,-41.2859 6.03643,-41.3927 3.30032,-3.3003 25.38957,-5.1906 31.04441,-7.7611 8.17799,-3.71727 116.56888,-61.61957 80.19809,-70.71237 -62.06519,-15.5162 -84.81857,132.80117 -47.42898,132.80117 39.83429,0 168.06934,-127.94377 127.62705,-141.42457 -48.77358,-16.2579 -78.2302,99.41297 -51.74069,125.90247 20.35735,20.3573 58.34681,-22.9907 73.29932,-37.9432 37.20757,-37.20767 16.38455,62.9731 16.38455,52.603 0,-50.488 -2.86125,-72.28997 41.39257,-61.2265 18.42188,4.6055 41.59056,-2.80515 61.22649,0 33.65343,4.8077 18.48038,96.0268 157.85652,147.0903"
|
||||
/>
|
||||
</svg>
|
||||
<p>WOOOT!</p>
|
||||
<p>WOOOT!</p>
|
||||
<p>WOOOT!</p>
|
||||
<p>WOOOT!</p>
|
||||
<p>WOOOT!</p>
|
||||
<p>WOOOT!</p>
|
||||
<p>WOOOT!</p>
|
||||
<p>WOOOT!</p>
|
||||
<p>WOOOT!</p>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
skrollr.init({
|
||||
forceHeight: false
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
79
external/skrollr/examples/pausing.html
vendored
Normal file
79
external/skrollr/examples/pausing.html
vendored
Normal file
@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<title>Pausing</title>
|
||||
|
||||
<style type="text/css">
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
html, body {
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
body {font-family:sans-serif;}
|
||||
|
||||
body > div {
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:transparent center no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
body > div:nth-child(1) {
|
||||
background-image:url(http://placekitten.com/800/600?image=1);
|
||||
}
|
||||
|
||||
body > div:nth-child(2) {
|
||||
background:#f0f0f0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
body > div:nth-child(3) {
|
||||
background-image:url(http://placekitten.com/800/600?image=3);
|
||||
}
|
||||
|
||||
.box {
|
||||
position:absolute;
|
||||
left:0;
|
||||
height:100%;
|
||||
background:#09f;
|
||||
}
|
||||
|
||||
p {margin:1em 0;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div data-0="transform:translate(0,0%);" data-100p="transform:translate(0,-100%);"></div>
|
||||
|
||||
<div data-0="transform:translate(0,100%);" data-100p="transform:translate(0,0%)" data-_box-100p="" data-_box-200p="transform:translate(0,-100%)">
|
||||
<div class="box" data-100p="width:0%;" data-_box-100p="width:100%"></div>
|
||||
</div>
|
||||
|
||||
<div data-_box-100p="transform:translate(0,100%);" data-_box-200p="transform:translate(0,0%);"></div>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
skrollr.init({
|
||||
constants: {
|
||||
//fill the box for a "duration" of 150% of the viewport (pause for 150%)
|
||||
//adjust for shorter/longer pause
|
||||
box: '150p'
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
19
external/skrollr/examples/scripts/main.js
vendored
Normal file
19
external/skrollr/examples/scripts/main.js
vendored
Normal file
@ -0,0 +1,19 @@
|
||||
require.config({
|
||||
baseUrl: "../dist",
|
||||
paths: {
|
||||
'skrollr' : "skrollr.min"
|
||||
},
|
||||
waitSeconds: 15
|
||||
});
|
||||
|
||||
require(['skrollr'], function(skrollr){
|
||||
var s = skrollr.init({
|
||||
edgeStrategy: 'set',
|
||||
easing: {
|
||||
WTF: Math.random,
|
||||
inverted: function(p) {
|
||||
return 1-p;
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
36
external/skrollr/examples/scripts/require.js
vendored
Normal file
36
external/skrollr/examples/scripts/require.js
vendored
Normal file
@ -0,0 +1,36 @@
|
||||
/*
|
||||
RequireJS 2.1.9 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.
|
||||
Available via the MIT or new BSD license.
|
||||
see: http://github.com/jrburke/requirejs for details
|
||||
*/
|
||||
var requirejs,require,define;
|
||||
(function(Z){function H(b){return"[object Function]"===L.call(b)}function I(b){return"[object Array]"===L.call(b)}function y(b,c){if(b){var e;for(e=0;e<b.length&&(!b[e]||!c(b[e],e,b));e+=1);}}function M(b,c){if(b){var e;for(e=b.length-1;-1<e&&(!b[e]||!c(b[e],e,b));e-=1);}}function t(b,c){return ga.call(b,c)}function l(b,c){return t(b,c)&&b[c]}function F(b,c){for(var e in b)if(t(b,e)&&c(b[e],e))break}function Q(b,c,e,h){c&&F(c,function(c,j){if(e||!t(b,j))h&&"string"!==typeof c?(b[j]||(b[j]={}),Q(b[j],
|
||||
c,e,h)):b[j]=c});return b}function u(b,c){return function(){return c.apply(b,arguments)}}function aa(b){throw b;}function ba(b){if(!b)return b;var c=Z;y(b.split("."),function(b){c=c[b]});return c}function A(b,c,e,h){c=Error(c+"\nhttp://requirejs.org/docs/errors.html#"+b);c.requireType=b;c.requireModules=h;e&&(c.originalError=e);return c}function ha(b){function c(a,f,b){var d,m,c,g,e,h,j,i=f&&f.split("/");d=i;var n=k.map,p=n&&n["*"];if(a&&"."===a.charAt(0))if(f){d=l(k.pkgs,f)?i=[f]:i.slice(0,i.length-
|
||||
1);f=a=d.concat(a.split("/"));for(d=0;f[d];d+=1)if(m=f[d],"."===m)f.splice(d,1),d-=1;else if(".."===m)if(1===d&&(".."===f[2]||".."===f[0]))break;else 0<d&&(f.splice(d-1,2),d-=2);d=l(k.pkgs,f=a[0]);a=a.join("/");d&&a===f+"/"+d.main&&(a=f)}else 0===a.indexOf("./")&&(a=a.substring(2));if(b&&n&&(i||p)){f=a.split("/");for(d=f.length;0<d;d-=1){c=f.slice(0,d).join("/");if(i)for(m=i.length;0<m;m-=1)if(b=l(n,i.slice(0,m).join("/")))if(b=l(b,c)){g=b;e=d;break}if(g)break;!h&&(p&&l(p,c))&&(h=l(p,c),j=d)}!g&&
|
||||
h&&(g=h,e=j);g&&(f.splice(0,e,g),a=f.join("/"))}return a}function e(a){z&&y(document.getElementsByTagName("script"),function(f){if(f.getAttribute("data-requiremodule")===a&&f.getAttribute("data-requirecontext")===i.contextName)return f.parentNode.removeChild(f),!0})}function h(a){var f=l(k.paths,a);if(f&&I(f)&&1<f.length)return f.shift(),i.require.undef(a),i.require([a]),!0}function $(a){var f,b=a?a.indexOf("!"):-1;-1<b&&(f=a.substring(0,b),a=a.substring(b+1,a.length));return[f,a]}function n(a,f,
|
||||
b,d){var m,B,g=null,e=f?f.name:null,h=a,j=!0,k="";a||(j=!1,a="_@r"+(L+=1));a=$(a);g=a[0];a=a[1];g&&(g=c(g,e,d),B=l(r,g));a&&(g?k=B&&B.normalize?B.normalize(a,function(a){return c(a,e,d)}):c(a,e,d):(k=c(a,e,d),a=$(k),g=a[0],k=a[1],b=!0,m=i.nameToUrl(k)));b=g&&!B&&!b?"_unnormalized"+(M+=1):"";return{prefix:g,name:k,parentMap:f,unnormalized:!!b,url:m,originalName:h,isDefine:j,id:(g?g+"!"+k:k)+b}}function q(a){var f=a.id,b=l(p,f);b||(b=p[f]=new i.Module(a));return b}function s(a,f,b){var d=a.id,m=l(p,
|
||||
d);if(t(r,d)&&(!m||m.defineEmitComplete))"defined"===f&&b(r[d]);else if(m=q(a),m.error&&"error"===f)b(m.error);else m.on(f,b)}function v(a,f){var b=a.requireModules,d=!1;if(f)f(a);else if(y(b,function(f){if(f=l(p,f))f.error=a,f.events.error&&(d=!0,f.emit("error",a))}),!d)j.onError(a)}function w(){R.length&&(ia.apply(G,[G.length-1,0].concat(R)),R=[])}function x(a){delete p[a];delete T[a]}function E(a,f,b){var d=a.map.id;a.error?a.emit("error",a.error):(f[d]=!0,y(a.depMaps,function(d,c){var g=d.id,
|
||||
e=l(p,g);e&&(!a.depMatched[c]&&!b[g])&&(l(f,g)?(a.defineDep(c,r[g]),a.check()):E(e,f,b))}),b[d]=!0)}function C(){var a,f,b,d,m=(b=1E3*k.waitSeconds)&&i.startTime+b<(new Date).getTime(),c=[],g=[],j=!1,l=!0;if(!U){U=!0;F(T,function(b){a=b.map;f=a.id;if(b.enabled&&(a.isDefine||g.push(b),!b.error))if(!b.inited&&m)h(f)?j=d=!0:(c.push(f),e(f));else if(!b.inited&&(b.fetched&&a.isDefine)&&(j=!0,!a.prefix))return l=!1});if(m&&c.length)return b=A("timeout","Load timeout for modules: "+c,null,c),b.contextName=
|
||||
i.contextName,v(b);l&&y(g,function(a){E(a,{},{})});if((!m||d)&&j)if((z||da)&&!V)V=setTimeout(function(){V=0;C()},50);U=!1}}function D(a){t(r,a[0])||q(n(a[0],null,!0)).init(a[1],a[2])}function J(a){var a=a.currentTarget||a.srcElement,b=i.onScriptLoad;a.detachEvent&&!W?a.detachEvent("onreadystatechange",b):a.removeEventListener("load",b,!1);b=i.onScriptError;(!a.detachEvent||W)&&a.removeEventListener("error",b,!1);return{node:a,id:a&&a.getAttribute("data-requiremodule")}}function K(){var a;for(w();G.length;){a=
|
||||
G.shift();if(null===a[0])return v(A("mismatch","Mismatched anonymous define() module: "+a[a.length-1]));D(a)}}var U,X,i,N,V,k={waitSeconds:7,baseUrl:"./",paths:{},pkgs:{},shim:{},config:{}},p={},T={},Y={},G=[],r={},S={},L=1,M=1;N={require:function(a){return a.require?a.require:a.require=i.makeRequire(a.map)},exports:function(a){a.usingExports=!0;if(a.map.isDefine)return a.exports?a.exports:a.exports=r[a.map.id]={}},module:function(a){return a.module?a.module:a.module={id:a.map.id,uri:a.map.url,config:function(){var b=
|
||||
l(k.pkgs,a.map.id);return(b?l(k.config,a.map.id+"/"+b.main):l(k.config,a.map.id))||{}},exports:r[a.map.id]}}};X=function(a){this.events=l(Y,a.id)||{};this.map=a;this.shim=l(k.shim,a.id);this.depExports=[];this.depMaps=[];this.depMatched=[];this.pluginMaps={};this.depCount=0};X.prototype={init:function(a,b,c,d){d=d||{};if(!this.inited){this.factory=b;if(c)this.on("error",c);else this.events.error&&(c=u(this,function(a){this.emit("error",a)}));this.depMaps=a&&a.slice(0);this.errback=c;this.inited=!0;
|
||||
this.ignore=d.ignore;d.enabled||this.enabled?this.enable():this.check()}},defineDep:function(a,b){this.depMatched[a]||(this.depMatched[a]=!0,this.depCount-=1,this.depExports[a]=b)},fetch:function(){if(!this.fetched){this.fetched=!0;i.startTime=(new Date).getTime();var a=this.map;if(this.shim)i.makeRequire(this.map,{enableBuildCallback:!0})(this.shim.deps||[],u(this,function(){return a.prefix?this.callPlugin():this.load()}));else return a.prefix?this.callPlugin():this.load()}},load:function(){var a=
|
||||
this.map.url;S[a]||(S[a]=!0,i.load(this.map.id,a))},check:function(){if(this.enabled&&!this.enabling){var a,b,c=this.map.id;b=this.depExports;var d=this.exports,m=this.factory;if(this.inited)if(this.error)this.emit("error",this.error);else{if(!this.defining){this.defining=!0;if(1>this.depCount&&!this.defined){if(H(m)){if(this.events.error&&this.map.isDefine||j.onError!==aa)try{d=i.execCb(c,m,b,d)}catch(e){a=e}else d=i.execCb(c,m,b,d);this.map.isDefine&&((b=this.module)&&void 0!==b.exports&&b.exports!==
|
||||
this.exports?d=b.exports:void 0===d&&this.usingExports&&(d=this.exports));if(a)return a.requireMap=this.map,a.requireModules=this.map.isDefine?[this.map.id]:null,a.requireType=this.map.isDefine?"define":"require",v(this.error=a)}else d=m;this.exports=d;if(this.map.isDefine&&!this.ignore&&(r[c]=d,j.onResourceLoad))j.onResourceLoad(i,this.map,this.depMaps);x(c);this.defined=!0}this.defining=!1;this.defined&&!this.defineEmitted&&(this.defineEmitted=!0,this.emit("defined",this.exports),this.defineEmitComplete=
|
||||
!0)}}else this.fetch()}},callPlugin:function(){var a=this.map,b=a.id,e=n(a.prefix);this.depMaps.push(e);s(e,"defined",u(this,function(d){var m,e;e=this.map.name;var g=this.map.parentMap?this.map.parentMap.name:null,h=i.makeRequire(a.parentMap,{enableBuildCallback:!0});if(this.map.unnormalized){if(d.normalize&&(e=d.normalize(e,function(a){return c(a,g,!0)})||""),d=n(a.prefix+"!"+e,this.map.parentMap),s(d,"defined",u(this,function(a){this.init([],function(){return a},null,{enabled:!0,ignore:!0})})),
|
||||
e=l(p,d.id)){this.depMaps.push(d);if(this.events.error)e.on("error",u(this,function(a){this.emit("error",a)}));e.enable()}}else m=u(this,function(a){this.init([],function(){return a},null,{enabled:!0})}),m.error=u(this,function(a){this.inited=!0;this.error=a;a.requireModules=[b];F(p,function(a){0===a.map.id.indexOf(b+"_unnormalized")&&x(a.map.id)});v(a)}),m.fromText=u(this,function(d,c){var e=a.name,g=n(e),B=O;c&&(d=c);B&&(O=!1);q(g);t(k.config,b)&&(k.config[e]=k.config[b]);try{j.exec(d)}catch(ca){return v(A("fromtexteval",
|
||||
"fromText eval for "+b+" failed: "+ca,ca,[b]))}B&&(O=!0);this.depMaps.push(g);i.completeLoad(e);h([e],m)}),d.load(a.name,h,m,k)}));i.enable(e,this);this.pluginMaps[e.id]=e},enable:function(){T[this.map.id]=this;this.enabling=this.enabled=!0;y(this.depMaps,u(this,function(a,b){var c,d;if("string"===typeof a){a=n(a,this.map.isDefine?this.map:this.map.parentMap,!1,!this.skipMap);this.depMaps[b]=a;if(c=l(N,a.id)){this.depExports[b]=c(this);return}this.depCount+=1;s(a,"defined",u(this,function(a){this.defineDep(b,
|
||||
a);this.check()}));this.errback&&s(a,"error",u(this,this.errback))}c=a.id;d=p[c];!t(N,c)&&(d&&!d.enabled)&&i.enable(a,this)}));F(this.pluginMaps,u(this,function(a){var b=l(p,a.id);b&&!b.enabled&&i.enable(a,this)}));this.enabling=!1;this.check()},on:function(a,b){var c=this.events[a];c||(c=this.events[a]=[]);c.push(b)},emit:function(a,b){y(this.events[a],function(a){a(b)});"error"===a&&delete this.events[a]}};i={config:k,contextName:b,registry:p,defined:r,urlFetched:S,defQueue:G,Module:X,makeModuleMap:n,
|
||||
nextTick:j.nextTick,onError:v,configure:function(a){a.baseUrl&&"/"!==a.baseUrl.charAt(a.baseUrl.length-1)&&(a.baseUrl+="/");var b=k.pkgs,c=k.shim,d={paths:!0,config:!0,map:!0};F(a,function(a,b){d[b]?"map"===b?(k.map||(k.map={}),Q(k[b],a,!0,!0)):Q(k[b],a,!0):k[b]=a});a.shim&&(F(a.shim,function(a,b){I(a)&&(a={deps:a});if((a.exports||a.init)&&!a.exportsFn)a.exportsFn=i.makeShimExports(a);c[b]=a}),k.shim=c);a.packages&&(y(a.packages,function(a){a="string"===typeof a?{name:a}:a;b[a.name]={name:a.name,
|
||||
location:a.location||a.name,main:(a.main||"main").replace(ja,"").replace(ea,"")}}),k.pkgs=b);F(p,function(a,b){!a.inited&&!a.map.unnormalized&&(a.map=n(b))});if(a.deps||a.callback)i.require(a.deps||[],a.callback)},makeShimExports:function(a){return function(){var b;a.init&&(b=a.init.apply(Z,arguments));return b||a.exports&&ba(a.exports)}},makeRequire:function(a,f){function h(d,c,e){var g,k;f.enableBuildCallback&&(c&&H(c))&&(c.__requireJsBuild=!0);if("string"===typeof d){if(H(c))return v(A("requireargs",
|
||||
"Invalid require call"),e);if(a&&t(N,d))return N[d](p[a.id]);if(j.get)return j.get(i,d,a,h);g=n(d,a,!1,!0);g=g.id;return!t(r,g)?v(A("notloaded",'Module name "'+g+'" has not been loaded yet for context: '+b+(a?"":". Use require([])"))):r[g]}K();i.nextTick(function(){K();k=q(n(null,a));k.skipMap=f.skipMap;k.init(d,c,e,{enabled:!0});C()});return h}f=f||{};Q(h,{isBrowser:z,toUrl:function(b){var f,e=b.lastIndexOf("."),g=b.split("/")[0];if(-1!==e&&(!("."===g||".."===g)||1<e))f=b.substring(e,b.length),b=
|
||||
b.substring(0,e);return i.nameToUrl(c(b,a&&a.id,!0),f,!0)},defined:function(b){return t(r,n(b,a,!1,!0).id)},specified:function(b){b=n(b,a,!1,!0).id;return t(r,b)||t(p,b)}});a||(h.undef=function(b){w();var c=n(b,a,!0),f=l(p,b);e(b);delete r[b];delete S[c.url];delete Y[b];f&&(f.events.defined&&(Y[b]=f.events),x(b))});return h},enable:function(a){l(p,a.id)&&q(a).enable()},completeLoad:function(a){var b,c,d=l(k.shim,a)||{},e=d.exports;for(w();G.length;){c=G.shift();if(null===c[0]){c[0]=a;if(b)break;b=
|
||||
!0}else c[0]===a&&(b=!0);D(c)}c=l(p,a);if(!b&&!t(r,a)&&c&&!c.inited){if(k.enforceDefine&&(!e||!ba(e)))return h(a)?void 0:v(A("nodefine","No define call for "+a,null,[a]));D([a,d.deps||[],d.exportsFn])}C()},nameToUrl:function(a,b,c){var d,e,h,g,i,n;if(j.jsExtRegExp.test(a))g=a+(b||"");else{d=k.paths;e=k.pkgs;g=a.split("/");for(i=g.length;0<i;i-=1)if(n=g.slice(0,i).join("/"),h=l(e,n),n=l(d,n)){I(n)&&(n=n[0]);g.splice(0,i,n);break}else if(h){a=a===h.name?h.location+"/"+h.main:h.location;g.splice(0,i,
|
||||
a);break}g=g.join("/");g+=b||(/^data\:|\?/.test(g)||c?"":".js");g=("/"===g.charAt(0)||g.match(/^[\w\+\.\-]+:/)?"":k.baseUrl)+g}return k.urlArgs?g+((-1===g.indexOf("?")?"?":"&")+k.urlArgs):g},load:function(a,b){j.load(i,a,b)},execCb:function(a,b,c,d){return b.apply(d,c)},onScriptLoad:function(a){if("load"===a.type||ka.test((a.currentTarget||a.srcElement).readyState))P=null,a=J(a),i.completeLoad(a.id)},onScriptError:function(a){var b=J(a);if(!h(b.id))return v(A("scripterror","Script error for: "+b.id,
|
||||
a,[b.id]))}};i.require=i.makeRequire();return i}var j,w,x,C,J,D,P,K,q,fa,la=/(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg,ma=/[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,ea=/\.js$/,ja=/^\.\//;w=Object.prototype;var L=w.toString,ga=w.hasOwnProperty,ia=Array.prototype.splice,z=!!("undefined"!==typeof window&&"undefined"!==typeof navigator&&window.document),da=!z&&"undefined"!==typeof importScripts,ka=z&&"PLAYSTATION 3"===navigator.platform?/^complete$/:/^(complete|loaded)$/,W="undefined"!==typeof opera&&
|
||||
"[object Opera]"===opera.toString(),E={},s={},R=[],O=!1;if("undefined"===typeof define){if("undefined"!==typeof requirejs){if(H(requirejs))return;s=requirejs;requirejs=void 0}"undefined"!==typeof require&&!H(require)&&(s=require,require=void 0);j=requirejs=function(b,c,e,h){var q,n="_";!I(b)&&"string"!==typeof b&&(q=b,I(c)?(b=c,c=e,e=h):b=[]);q&&q.context&&(n=q.context);(h=l(E,n))||(h=E[n]=j.s.newContext(n));q&&h.configure(q);return h.require(b,c,e)};j.config=function(b){return j(b)};j.nextTick="undefined"!==
|
||||
typeof setTimeout?function(b){setTimeout(b,4)}:function(b){b()};require||(require=j);j.version="2.1.9";j.jsExtRegExp=/^\/|:|\?|\.js$/;j.isBrowser=z;w=j.s={contexts:E,newContext:ha};j({});y(["toUrl","undef","defined","specified"],function(b){j[b]=function(){var c=E._;return c.require[b].apply(c,arguments)}});if(z&&(x=w.head=document.getElementsByTagName("head")[0],C=document.getElementsByTagName("base")[0]))x=w.head=C.parentNode;j.onError=aa;j.createNode=function(b){var c=b.xhtml?document.createElementNS("http://www.w3.org/1999/xhtml",
|
||||
"html:script"):document.createElement("script");c.type=b.scriptType||"text/javascript";c.charset="utf-8";c.async=!0;return c};j.load=function(b,c,e){var h=b&&b.config||{};if(z)return h=j.createNode(h,c,e),h.setAttribute("data-requirecontext",b.contextName),h.setAttribute("data-requiremodule",c),h.attachEvent&&!(h.attachEvent.toString&&0>h.attachEvent.toString().indexOf("[native code"))&&!W?(O=!0,h.attachEvent("onreadystatechange",b.onScriptLoad)):(h.addEventListener("load",b.onScriptLoad,!1),h.addEventListener("error",
|
||||
b.onScriptError,!1)),h.src=e,K=h,C?x.insertBefore(h,C):x.appendChild(h),K=null,h;if(da)try{importScripts(e),b.completeLoad(c)}catch(l){b.onError(A("importscripts","importScripts failed for "+c+" at "+e,l,[c]))}};z&&!s.skipDataMain&&M(document.getElementsByTagName("script"),function(b){x||(x=b.parentNode);if(J=b.getAttribute("data-main"))return q=J,s.baseUrl||(D=q.split("/"),q=D.pop(),fa=D.length?D.join("/")+"/":"./",s.baseUrl=fa),q=q.replace(ea,""),j.jsExtRegExp.test(q)&&(q=J),s.deps=s.deps?s.deps.concat(q):
|
||||
[q],!0});define=function(b,c,e){var h,j;"string"!==typeof b&&(e=c,c=b,b=null);I(c)||(e=c,c=null);!c&&H(e)&&(c=[],e.length&&(e.toString().replace(la,"").replace(ma,function(b,e){c.push(e)}),c=(1===e.length?["require"]:["require","exports","module"]).concat(c)));if(O){if(!(h=K))P&&"interactive"===P.readyState||M(document.getElementsByTagName("script"),function(b){if("interactive"===b.readyState)return P=b}),h=P;h&&(b||(b=h.getAttribute("data-requiremodule")),j=E[h.getAttribute("data-requirecontext")])}(j?
|
||||
j.defQueue:R).push([b,c,e])};define.amd={jQuery:!0};j.exec=function(b){return eval(b)};j(s)}})(this);
|
||||
21
external/skrollr/examples/svg.html
vendored
Normal file
21
external/skrollr/examples/svg.html
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>SVG</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1000px" height="1000px">
|
||||
<rect x="0" y="0" width="100%" height="100%" stroke="black" data-0="fill:rgb(255,0,0);" data-500="fill:rgb(0,0,255);" />
|
||||
<circle cx="50%" cy="50%" r="25%" style="stroke: black;" data-0="fill:rgb(0,0,255);" data-500="fill:rgb(0,255,0);" />
|
||||
</svg>
|
||||
|
||||
<script type="text/javascript" src="../dist/skrollr.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
skrollr.init();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user