Skip to content

Instantly share code, notes, and snippets.

@cast42

cast42/index.html

Created December 9, 2014 07:31
Show Gist options
  • Save cast42/797be2915850da4625a6 to your computer and use it in GitHub Desktop.
Save cast42/797be2915850da4625a6 to your computer and use it in GitHub Desktop.
Download ZIP
Your Title // source http://jsbin.com/sicuku
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.1.1/firebase.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bacon.js/0.7.37/Bacon.min.js"></script>
<meta charset="utf-8" />
<title>Your Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id='slider'>
<div>
<div id="art1" data-role="page">
<h1>‘Feiten ver­jaard in as­best­pro­ces rond Eternit’</h1>
<p id="text"><p>Het was een don­der­slag bij hel­de­re he­mel, ook voor de hon­der­den men­sen die uit heel Ita­li&#235; naar het Hof van Cas­sa­tie in Ro­me wa­ren ge­trok­ken, on­der wie veel fa­mi­lie­le­den van slacht­of­fers. De pro­cu­reur-ge­ne­raal, Fran­ce­s­co Ia­co­viel­lo, vor­der­de com­pleet on­ver­wacht de nie­tig­ver­kla­ring van de ver­oor­de­ling van de Zwit­ser­se mil­jar­dair en ex-Eter­nit-top­man &#173;Stephan Sch­mid­hei­ny. Sa­men met zijn voor­gan­ger, de Bel­gi­sche ba­ron Louis de Car­tier de Mar­chi­en­ne, was Sch­mid­hei­ny in 2012 in eer­ste in­stan­tie ver­ant­woor­de­lijk ge­acht voor de dood van on­ge­veer drie­dui­zend men­sen door as­best­stof. Het wa­ren al­le­maal (ex-)werk­ne­mers en om­wo­nen­den van de vier fa­brie­ken van Eter­nit Ita­li&#235;.</p><p>Ze wer­den in eer­ste in­stan­tie ver­oor­deeld tot zes­tien jaar cel en tien­tal­len mil­joe­nen euro's scha­de­ver­goe­ding. Sch­mid­hei­ny kreeg in be­roep zelfs 18 jaar cel – de 92-ja­ri­ge Louis de Car­tier over­leed tij­dens de be­roeps­pro­ce­du­re.</p><p>Ia­co­viel­lo zei dat er geen twij­fel over kon be­staan dat Sch­mid­hei­ny ver­ant­woor­de­lijk is voor de dood van al die men­sen, maar hij oor­deel­de dat de fei­ten in­mid­dels ver­jaard zijn. Eter­nit Ita­li&#235; sloot de deu­ren in 1986.</p><p>Een ar­rest is er nog niet. Dat komt er mo­ge­lijk pas vol­gen­de week.</p>
</p>
</div>
<div id="art2" data-role="page">
<h1>Aung San Suu Kyi zal geen pre­si­dent wor­den</h1>
<p id="text"><p>Dat heeft Sh­we Mann, de voor­zit­ter van het par­le­ment, ge­zegd. Daar­mee wordt het erg on­waar­schijn­lijk dat ex-No­bel­prijs­win­na­res Aung San Suu Kyi pre­si­den­te zal wor­den. Om­dat haar zo­nen de Brit­se na­ti­o­na­li­teit heb­ben, kan ze zich geen kan­di­daat stel­len voor het pre­si­dent­schap.</p><p>Sh­we Mann, de num­mer drie van de jun­ta die in 2011 de macht af­stond, be­ves­tig­de dat hij zelf wel kan­di­daat zal zijn bij de ver­kie­zin­gen. Of­fi­ci­eel toon­de hij zich al­tijd groot­moe­dig voor­stan­der van de kan­di­da­tuur van Aung San Suu Kyi. Maar My­an­mar kan het zich nu niet ver­oor­lo­ven fou­ten te ma­ken bij de aan­pas­sing van de grond­wet, zei hij gis­te­ren. Cri­ti­ci zien er een be­ves­ti­ging in dat de her­vor­min­gen in My­an­mar zijn stil­ge­val­len en dat het le­ger, dat vol­gens de grond­wet 25 pro­cent van de par­le­ments­le­den mag le­ve­ren, zich weer meer wil la­ten gel­den.</p>
</p>
</div>
<div id="art3" data-role="page">
<h1>Par­ket ver­volgt Ca­ta­laan­se pre­si­dent Mas</h1>
<p id="text"><p>Het Spaan­se par­ket maakt zelf be­kend dat ze Ar­tur Mas, de mi­nis­ter-pre­si­dent van Ca­ta­loni&#235;, gaan ver­vol­gen om­dat hij op 9 no­vem­ber een in­for­me­le volks­raad­ple­ging or­ga­ni­seer­de over de on­af­han­ke­lijk­heid van de re­gio.</p><p>On­danks een ver­bod door het Grond­wet­te­lijk Hof op 4 no­vem­ber zet­te Mas toch door met de volks­raad­ple­ging, als ver­van­ging van een echt re­fe­ren­dum dat eer­der door de Spaan­se jus­ti­tie als il­le­gaal was be­stem­peld.</p><p>Dat leid­de tot een po­li­tie­ke cri­sis tus­sen het re­gio­be­stuur en de re­ge­ring in Ma­drid. On­ge­veer 2,3 van de 7,5 mil­joen Ca­ta­la­nen gin­gen stem­men. Meer dan 80 pro­cent stem­de voor on­af­han­ke­lijk­heid. </p>
</p>
</div>
</div>
</div>
<script>
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-57304927-1', 'auto');
ga('send', 'pageview');
ga(‘set’, ‘&uid’, 'Lode'); // Set the user ID using signed-in user_id.
</script>
<script id="jsbin-javascript">
var myDataRef = new Firebase('blazing-fire-3997.firebaseio.com');
var startTime = new Date().getTime();
var endTime;
// #art1, event handling and logging
$("#art1").on("swipeleft",function(){
endTime = new Date().getTime();
$.mobile.changePage("#art2", {transition:"slide", reverse:false});
});
$("#art1")
.asEventStream("swipeleft")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swipeleft',id: 'art1', timeStamp: currentTime});
var timeSpent = endTime - startTime;
ga('send', 'timing', 'art1', 'Lode', timeSpent);
});
$("#art1").on("tap",function(){
$.mobile.changePage("#art2", {transition:"slide", reverse:false});
});
$("#art1")
.asEventStream("tap")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'tap',id: 'art1', timeStamp: currentTime});
});
// var art1_tap = evntStream("art1", "tap");
// var art1_swipeleft = evntStream("art1", "swipeleft");
// #art2, event handling and logging
$("#art2").on("swipeleft",function(){
$.mobile.changePage("#art3", {transition:"slide", reverse:false});
});
$("#art2")
.asEventStream("swipeleft")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swipeleft',id: 'art2', timeStamp: currentTime});
});
$("#art2").on("tap",function(){
$.mobile.changePage("#art3", {transition:"slide", reverse:false});
});
$("#art2")
.asEventStream("tap")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'tap',id: 'art2', timeStamp: currentTime});
});
$("#art2").on("swiperight",function(){
$.mobile.changePage("#art1", {transition:"slide", reverse:true});
});
$("#art2")
.asEventStream("swiperight")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swiperight',id: 'art2', timeStamp: currentTime});
});
// #art3, event handling and logging
$("#art3").on("swiperight",function(){
$.mobile.changePage("#art2", {transition:"slide", reverse:true});
});
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<link href="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"><\/script>
<script src="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"><\/script>
<script src="https://cdn.firebase.com/js/client/1.1.1/firebase.js"><\/script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bacon.js/0.7.37/Bacon.min.js"><\/script>
<meta charset="utf-8" />
<title>Your Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id='slider'>
<div>
<div id="art1" data-role="page">
<h1>‘Feiten ver­jaard in as­best­pro­ces rond Eternit’</h1>
<p id="text"><p>Het was een don­der­slag bij hel­de­re he­mel, ook voor de hon­der­den men­sen die uit heel Ita­li&#235; naar het Hof van Cas­sa­tie in Ro­me wa­ren ge­trok­ken, on­der wie veel fa­mi­lie­le­den van slacht­of­fers. De pro­cu­reur-ge­ne­raal, Fran­ce­s­co Ia­co­viel­lo, vor­der­de com­pleet on­ver­wacht de nie­tig­ver­kla­ring van de ver­oor­de­ling van de Zwit­ser­se mil­jar­dair en ex-Eter­nit-top­man &#173;Stephan Sch­mid­hei­ny. Sa­men met zijn voor­gan­ger, de Bel­gi­sche ba­ron Louis de Car­tier de Mar­chi­en­ne, was Sch­mid­hei­ny in 2012 in eer­ste in­stan­tie ver­ant­woor­de­lijk ge­acht voor de dood van on­ge­veer drie­dui­zend men­sen door as­best­stof. Het wa­ren al­le­maal (ex-)werk­ne­mers en om­wo­nen­den van de vier fa­brie­ken van Eter­nit Ita­li&#235;.</p><p>Ze wer­den in eer­ste in­stan­tie ver­oor­deeld tot zes­tien jaar cel en tien­tal­len mil­joe­nen euro's scha­de­ver­goe­ding. Sch­mid­hei­ny kreeg in be­roep zelfs 18 jaar cel – de 92-ja­ri­ge Louis de Car­tier over­leed tij­dens de be­roeps­pro­ce­du­re.</p><p>Ia­co­viel­lo zei dat er geen twij­fel over kon be­staan dat Sch­mid­hei­ny ver­ant­woor­de­lijk is voor de dood van al die men­sen, maar hij oor­deel­de dat de fei­ten in­mid­dels ver­jaard zijn. Eter­nit Ita­li&#235; sloot de deu­ren in 1986.</p><p>Een ar­rest is er nog niet. Dat komt er mo­ge­lijk pas vol­gen­de week.</p>
</p>
</div>
<div id="art2" data-role="page">
<h1>Aung San Suu Kyi zal geen pre­si­dent wor­den</h1>
<p id="text"><p>Dat heeft Sh­we Mann, de voor­zit­ter van het par­le­ment, ge­zegd. Daar­mee wordt het erg on­waar­schijn­lijk dat ex-No­bel­prijs­win­na­res Aung San Suu Kyi pre­si­den­te zal wor­den. Om­dat haar zo­nen de Brit­se na­ti­o­na­li­teit heb­ben, kan ze zich geen kan­di­daat stel­len voor het pre­si­dent­schap.</p><p>Sh­we Mann, de num­mer drie van de jun­ta die in 2011 de macht af­stond, be­ves­tig­de dat hij zelf wel kan­di­daat zal zijn bij de ver­kie­zin­gen. Of­fi­ci­eel toon­de hij zich al­tijd groot­moe­dig voor­stan­der van de kan­di­da­tuur van Aung San Suu Kyi. Maar My­an­mar kan het zich nu niet ver­oor­lo­ven fou­ten te ma­ken bij de aan­pas­sing van de grond­wet, zei hij gis­te­ren. Cri­ti­ci zien er een be­ves­ti­ging in dat de her­vor­min­gen in My­an­mar zijn stil­ge­val­len en dat het le­ger, dat vol­gens de grond­wet 25 pro­cent van de par­le­ments­le­den mag le­ve­ren, zich weer meer wil la­ten gel­den.</p>
</p>
</div>
<div id="art3" data-role="page">
<h1>Par­ket ver­volgt Ca­ta­laan­se pre­si­dent Mas</h1>
<p id="text"><p>Het Spaan­se par­ket maakt zelf be­kend dat ze Ar­tur Mas, de mi­nis­ter-pre­si­dent van Ca­ta­loni&#235;, gaan ver­vol­gen om­dat hij op 9 no­vem­ber een in­for­me­le volks­raad­ple­ging or­ga­ni­seer­de over de on­af­han­ke­lijk­heid van de re­gio.</p><p>On­danks een ver­bod door het Grond­wet­te­lijk Hof op 4 no­vem­ber zet­te Mas toch door met de volks­raad­ple­ging, als ver­van­ging van een echt re­fe­ren­dum dat eer­der door de Spaan­se jus­ti­tie als il­le­gaal was be­stem­peld.</p><p>Dat leid­de tot een po­li­tie­ke cri­sis tus­sen het re­gio­be­stuur en de re­ge­ring in Ma­drid. On­ge­veer 2,3 van de 7,5 mil­joen Ca­ta­la­nen gin­gen stem­men. Meer dan 80 pro­cent stem­de voor on­af­han­ke­lijk­heid. </p>
</p>
</div>
</div>
</div>
<script>
<\/script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-57304927-1', 'auto');
ga('send', 'pageview');
ga(‘set’, ‘&uid’, 'Lode'); // Set the user ID using signed-in user_id.
<\/script>
</body>
</html>
</script>
<script id="jsbin-source-javascript" type="text/javascript">var myDataRef = new Firebase('blazing-fire-3997.firebaseio.com');
var startTime = new Date().getTime();
var endTime;
// #art1, event handling and logging
$("#art1").on("swipeleft",function(){
endTime = new Date().getTime();
$.mobile.changePage("#art2", {transition:"slide", reverse:false});
});
$("#art1")
.asEventStream("swipeleft")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swipeleft',id: 'art1', timeStamp: currentTime});
var timeSpent = endTime - startTime;
ga('send', 'timing', 'art1', 'Lode', timeSpent);
});
$("#art1").on("tap",function(){
$.mobile.changePage("#art2", {transition:"slide", reverse:false});
});
$("#art1")
.asEventStream("tap")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'tap',id: 'art1', timeStamp: currentTime});
});
// var art1_tap = evntStream("art1", "tap");
// var art1_swipeleft = evntStream("art1", "swipeleft");
// #art2, event handling and logging
$("#art2").on("swipeleft",function(){
$.mobile.changePage("#art3", {transition:"slide", reverse:false});
});
$("#art2")
.asEventStream("swipeleft")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swipeleft',id: 'art2', timeStamp: currentTime});
});
$("#art2").on("tap",function(){
$.mobile.changePage("#art3", {transition:"slide", reverse:false});
});
$("#art2")
.asEventStream("tap")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'tap',id: 'art2', timeStamp: currentTime});
});
$("#art2").on("swiperight",function(){
$.mobile.changePage("#art1", {transition:"slide", reverse:true});
});
$("#art2")
.asEventStream("swiperight")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swiperight',id: 'art2', timeStamp: currentTime});
});
// #art3, event handling and logging
$("#art3").on("swiperight",function(){
$.mobile.changePage("#art2", {transition:"slide", reverse:true});
});
</script></body>
</html>
Raw
jsbin.sicuku.js
var myDataRef = new Firebase('blazing-fire-3997.firebaseio.com');
var startTime = new Date().getTime();
var endTime;
// #art1, event handling and logging
$("#art1").on("swipeleft",function(){
endTime = new Date().getTime();
$.mobile.changePage("#art2", {transition:"slide", reverse:false});
});
$("#art1")
.asEventStream("swipeleft")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swipeleft',id: 'art1', timeStamp: currentTime});
var timeSpent = endTime - startTime;
ga('send', 'timing', 'art1', 'Lode', timeSpent);
});
$("#art1").on("tap",function(){
$.mobile.changePage("#art2", {transition:"slide", reverse:false});
});
$("#art1")
.asEventStream("tap")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'tap',id: 'art1', timeStamp: currentTime});
});
// var art1_tap = evntStream("art1", "tap");
// var art1_swipeleft = evntStream("art1", "swipeleft");
// #art2, event handling and logging
$("#art2").on("swipeleft",function(){
$.mobile.changePage("#art3", {transition:"slide", reverse:false});
});
$("#art2")
.asEventStream("swipeleft")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swipeleft',id: 'art2', timeStamp: currentTime});
});
$("#art2").on("tap",function(){
$.mobile.changePage("#art3", {transition:"slide", reverse:false});
});
$("#art2")
.asEventStream("tap")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'tap',id: 'art2', timeStamp: currentTime});
});
$("#art2").on("swiperight",function(){
$.mobile.changePage("#art1", {transition:"slide", reverse:true});
});
$("#art2")
.asEventStream("swiperight")
.subscribe(function(event) {
var currentTime = new Date().toISOString();
myDataRef.push({event: 'swiperight',id: 'art2', timeStamp: currentTime});
});
// #art3, event handling and logging
$("#art3").on("swiperight",function(){
$.mobile.changePage("#art2", {transition:"slide", reverse:true});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment