Membership Page Massimo
<div id="snot">
<head>
<link href="http://mdipierro.github.io/stupid.css/stupid.css" rel="stylesheet" type="text/css"></link>
<link href="http://mdipierro.github.io/stupid.css/themes/landing-page.css" rel="stylesheet" type="text/css"></link>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"></link>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<!--MENU-->
<div class="silver">
<div class="container">
<div class="fill middle">
<ul class="menu">
<li><a href="https://www.blogger.com/null"><img border="0" height="50px" src="https://3.bp.blogspot.com/-v6_8sFzDBDI/WN3dxAjRD4I/AAAAAAAAAN4/mHXomr1D1qYVtHYR91CrECIcJF94-QZowCLcB/s1600/images.png" style="position: relative; top: 0%;" width="50px" /></a>
</li>
<li style="position:relative;top:0%;font-size:2rem;"><strong>Dinosaur Run</strong></li>
</ul>
<ul class="menu right middle">
<li><a href="https://www.blogger.com/null">other links <i class="fa fa-caret-down"></i></a>
<ul>
<li><a href="https://www.blogger.com/null">Homepage</a></li>
<li><a href="https://www.blogger.com/null">Registration</a></li>
<li><a href="https://www.blogger.com/null">Logout</a></li>
<li><a href="https://www.blogger.com/null">Help</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!--JUMBOTRON-->
<div class="fill center" id="jumbotron" style="background-position: center center; background: url('https://3.bp.blogspot.com/-gtcfvCE3UeE/WN2J28mOOFI/AAAAAAAAANc/Z2sW_QuYCswbnGDyEXXbn7rlGSjzcTBtgCLcB/s1600/Trail-Running-Nature-Fitness-Trail-Men-Runner-Run-1245982.jpg'); color: white; height: 100%; height: 500px; padding-top: 5px;">
<div style="margin:auto;max-width:90%;">
<h1>
Dinosaur Run</h1>
<h4>
Here's your access to the DINOSAUR RUN MODULES below.</h4>
<h4>
Each module takes you STEP BY STEP as effortlessly as possible through each training phase until, almost before you know it, YOU'VE REACHED 5K!</h4>
<br />
<br />
<br />
<br /></div>
</div>
<main class="silver"><!--DASHBOARD HEADER--></main>
<div class="container center green">
<div class="threequarters">
<div class="padded">
<h3>Dashboard</h3>
</div>
</div>
</div>
<!--MODULE CONTAINER-->
<div class="container center silver">
<div class="threequarters silver">
<div class="padded">
<div class="container silver">
<!--SINGLE MODULE-->
<div class="third spaced">
<div class="white padded rounded">
<img width="100%" src="http://physio-nz.co.nz/wp-content/uploads/2015/12/rob-at-play-2.jpg" />
<br />
<h3>
Welcome</h3>
Hi! I'm Robert Angelo, and I'm about to show you the shortcuts through this Dinosaur Run Training website, and...<br />
<a class="btn green rounded" href="https://www.blogger.com/null"><tt>Show shortcuts</tt></a>
</div>
</div>
<!--SINGLE MODULE WITH DROPDOWN-->
<div class="third spaced">
<div class="white padded rounded">
<img src="https://1.bp.blogspot.com/-1U7ls3gQTcU/WN5T6eew2WI/AAAAAAAAAOI/sZxBIdePP_MhV9pSZd6Ow5YQ_i8Gb_1AACLcB/s1600/Animal-Dinosaurs-Prehistoric-Predators-Amersfoort-215021.jpg" />
<br />
<h3>
Dino Journey</h3>
Bloody hell! There's a dinosaur after you!<br />
<div class="accordion">
<input id="x03" type="checkbox">
<label class="btn green rounded" for="x03" style="color: purple;"><a>Episodes</a></label>
<div>
<div class="padded white">
<h5>
1. Crash Landing</h5>
<a class="btn green rounded" href="https://www.blogger.com/null"><tt>Oh gosh</tt></a>
<br />
<h5>
2. The bargain</h5>
<a class="btn green rounded" href="https://www.blogger.com/null"><tt>eh?</tt></a>
<br />
<h5>
3. Brilliant then burn</h5>
<a class="btn green rounded" href="https://www.blogger.com/null"><tt>Woohoo - bugger</tt></a>
<br />
<h5>
4. Showdown</h5>
<a class="btn green rounded" href="https://www.blogger.com/null"><tt>Oh crap</tt></a>
</div>
</div>
</div><!--accordian end-->
</div>
</div>
<!--SINGLE MODULE-->
<div class="third spaced">
<div class="white padded rounded">
<img src="https://3.bp.blogspot.com/-4XiRMY5raxI/WN5WAy6POFI/AAAAAAAAAOU/0sPJKePtkTQi8z1UC9pgW3H6HuoVtTp2gCLcB/s1600/trotar-embarazo.jpg" />
<br />
<h3>
5km Dinosaur Motivation Plan</h3>
Imagine if you could run five k. How impressed would your friends and family be? This plan is made especially for those who are worried that...<br />
<a class="btn green rounded" href="https://www.blogger.com/null"><tt>See short video</tt></a>
</div>
</div>
<!--SINGLE MODULE-->
<div class="third spaced">
<div class="white padded rounded">
<div class="white padded rounded">
<img src="http://physio-nz.co.nz/wp-content/uploads/2015/12/rob-at-play-2.jpg" />
<br />
<h3>
Welcome</h3>
Hi! I'm Robert Angelo, and I'm about to show you the shortcuts through this Dinosaur Run Training website, and...<br />
<a class="btn green rounded" href="https://www.blogger.com/null"><tt>Show shortcuts</tt></a>
</div>
</div>
</div>
<!--MODULE CONTAINER END-->
</div>
</div>
</div>
</div>
<!--Footer-->
<div class="container center green">
<div class="threequarters">
<div class="padded center">
<h3>
Dinosaur Run</h3>
(c) Robert Angelo 2017 - all rights reserved<br />
terms and conditions - privacy policy - contact us</div>
</div>
</div>
</div>
<!--SNOT ends-->
<style>
html {
overflow:auto;
height: 100%;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
border: 0rem solid red;
padding: 0rem;
}
#snot {
overflow:hidden;
height: 100%;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
border: 0rem solid green;
background:orange;
padding: 0rem;
}
</style><!--.......................................................End...........................................................................................................................-->
<!--for blogspot clearing page starts here-->
<!--not showing blog title or home or feeds -->
<style>
body {margin:0; padding:0; box-sizing:border-box; background:purple;width:100%;}
body, .main-inner, .content-inner,.content-outer {margin:0; padding:0; box-sizing:border-box; width:100%; font-size:0; max-width:100vw; min-width:50vw;}
.post-body { font-size: 1rem;}
div.post-footer, div.comments.comments, .navbar, header, footer, .post-title.entry-title { display: none; box-sizing:border-box; font-size:0;}
</style>
<!--for blogspot clearing page ends here-->
Fullscreen and no sleep
<!--Pedometer HTML5 02-->
<!--content-->
<!--.......................................................Start...........................................................................................................................-->
<!--.......................................................Fullscreen stuff start...........................................................................................................................-->
<div id="whole_screen_container"
style="
">
<div id="whole_screen"
style="
">
<h1>Howdy!</h1>
<button id='fullscreen'>Full Screen</button><br>
<input id="toggle" type="button" value="Wake Lock Enabled" />
<p>pleasant day, innit?</p>
<p>https://developers.google.com/web/fundamentals/native-hardware/fullscreen/</p>
<p>https://sindresorhus.com/screenfull.js</p>
<h1>Howdy!</h1>
<p>pleasant day, innit?</p>
<h1>Howdy!</h1>
<p>pleasant day, innit?</p>
</div><!--whole_screen end-->
</div><!--whole_screen container end-->
<!--.......................................................Fullscreen stuff end...........................................................................................................................-->
<style>
html {
overflow:hidden;
height: 100vh;
width: 100vw;
margin: 0 auto;
box-sizing: border-box;
border: 0rem solid red;
padding: 0rem;
}
#whole_screen {
overflow:hidden;
height: 100vh;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
border: 1rem solid green;
background:orange;
padding: 1rem;
}
</style>
<script src="https://sindresorhus.com/screenfull.js/src/screenfull.js"></script>
<!--https://raw.githubusercontent.com/sindresorhus/screenfull.js/gh-pages/dist/screenfull.min.js-->
<script>
/*!
* screenfull
* v3.0.2 - 2017-03-13
* (c) Sindre Sorhus; MIT License
*/
!function(){"use strict";var a="undefined"!=typeof module&&module.exports,b="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,c=function(){for(var a,b=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],c=0,d=b.length,e={};c<d;c++)if((a=b[c])&&a[1]in document){for(c=0;c<a.length;c++)e[b[0][c]]=a[c];return e}return!1}(),d={request:function(a){var d=c.requestFullscreen;a=a||document.documentElement,/5\.1[.\d]* Safari/.test(navigator.userAgent)?a[d]():a[d](b&&Element.ALLOW_KEYBOARD_INPUT)},exit:function(){document[c.exitFullscreen]()},toggle:function(a){this.isFullscreen?this.exit():this.request(a)},onchange:function(a){document.addEventListener(c.fullscreenchange,a,!1)},onerror:function(a){document.addEventListener(c.fullscreenerror,a,!1)},raw:c};if(!c)return void(a?module.exports=!1:window.screenfull=!1);Object.defineProperties(d,{isFullscreen:{get:function(){return Boolean(document[c.fullscreenElement])}},element:{enumerable:!0,get:function(){return document[c.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(document[c.fullscreenEnabled])}}}),a?module.exports=d:window.screenfull=d}();
</script>
<!--the code to use came from https://github.com/sindresorhus/screenfull.js -->
<script>
const el = document.getElementById('whole_screen');
document.getElementById('fullscreen').addEventListener('click', () => {
if (screenfull.enabled) {
screenfull.request(el);
}
});
</script>
<!--.......................................................Full screen End...........................................................................................................................-->
<!--No Sleep-->
<!--<script src="https://richtr.github.io/NoSleep.js/NoSleep.js"></script>-->
<!-- nosleep script -->
<script>
// the js
/**
* NoSleep.js v0.5.0 - git.io/vfn01
* Rich Tibbett
* MIT license
**/
(function(root) {
// UA matching
var ua = {
Android: /Android/ig.test(navigator.userAgent),
iOS: /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent)
};
var media = {
WebM: "data:video/webm;base64,GkXfo0AgQoaBAUL3gQFC8oEEQvOBCEKCQAR3ZWJtQoeBAkKFgQIYU4BnQI0VSalmQCgq17FAAw9CQE2AQAZ3aGFtbXlXQUAGd2hhbW15RIlACECPQAAAAAAAFlSua0AxrkAu14EBY8WBAZyBACK1nEADdW5khkAFVl9WUDglhohAA1ZQOIOBAeBABrCBCLqBCB9DtnVAIueBAKNAHIEAAIAwAQCdASoIAAgAAUAmJaQAA3AA/vz0AAA=",
MP4: "data:video/mp4;base64,AAAAHGZ0eXBpc29tAAACAGlzb21pc28ybXA0MQAAAAhmcmVlAAAAG21kYXQAAAGzABAHAAABthADAowdbb9/AAAC6W1vb3YAAABsbXZoZAAAAAB8JbCAfCWwgAAAA+gAAAAAAAEAAAEAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAIVdHJhawAAAFx0a2hkAAAAD3wlsIB8JbCAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAIAAAACAAAAAABsW1kaWEAAAAgbWRoZAAAAAB8JbCAfCWwgAAAA+gAAAAAVcQAAAAAAC1oZGxyAAAAAAAAAAB2aWRlAAAAAAAAAAAAAAAAVmlkZW9IYW5kbGVyAAAAAVxtaW5mAAAAFHZtaGQAAAABAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAEcc3RibAAAALhzdHNkAAAAAAAAAAEAAACobXA0dgAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAIAAgASAAAAEgAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABj//wAAAFJlc2RzAAAAAANEAAEABDwgEQAAAAADDUAAAAAABS0AAAGwAQAAAbWJEwAAAQAAAAEgAMSNiB9FAEQBFGMAAAGyTGF2YzUyLjg3LjQGAQIAAAAYc3R0cwAAAAAAAAABAAAAAQAAAAAAAAAcc3RzYwAAAAAAAAABAAAAAQAAAAEAAAABAAAAFHN0c3oAAAAAAAAAEwAAAAEAAAAUc3RjbwAAAAAAAAABAAAALAAAAGB1ZHRhAAAAWG1ldGEAAAAAAAAAIWhkbHIAAAAAAAAAAG1kaXJhcHBsAAAAAAAAAAAAAAAAK2lsc3QAAAAjqXRvbwAAABtkYXRhAAAAAQAAAABMYXZmNTIuNzguMw=="
};
function addSourceToVideo(element, type, dataURI) {
var source = document.createElement('source');
source.src = dataURI;
source.type = "video/" + type;
element.appendChild(source);
}
// NoSleep instance constructor
var NoSleep = function() {
if (ua.iOS) {
this.noSleepTimer = null;
} else if (ua.Android) {
// Set up no sleep video element
this.noSleepVideo = document.createElement('video');
this.noSleepVideo.setAttribute("loop", "");
// Append nosleep video sources
addSourceToVideo(this.noSleepVideo, "webm", media.WebM);
addSourceToVideo(this.noSleepVideo, "mp4", media.MP4);
}
return this;
};
// Enable NoSleep instance
NoSleep.prototype.enable = function(duration) {
if (ua.iOS) {
this.disable();
this.noSleepTimer = window.setInterval(function() {
window.location = window.location;
window.setTimeout(window.stop, 0);
}, duration || 15000);
} else if (ua.Android) {
this.noSleepVideo.play();
}
};
// Disable NoSleep instance
NoSleep.prototype.disable = function() {
if (ua.iOS) {
if (this.noSleepTimer) {
window.clearInterval(this.noSleepTimer);
this.noSleepTimer = null;
}
} else if (ua.Android) {
this.noSleepVideo.pause();
}
};
// Append NoSleep API to root object
root.NoSleep = NoSleep;
})(this);
</script>
<script>
var noSleep = new NoSleep();
var wakeLockEnabled = false;
var toggleEl = document.querySelector("#toggle");
toggleEl.addEventListener('click', function() {
if (!wakeLockEnabled) {
noSleep.enable(); // keep the screen on!
wakeLockEnabled = true;
toggleEl.value = "Wake Lock Enabled";
} else {
noSleep.disable(); // let the screen turn off.
wakeLockEnabled = false;
toggleEl.value = "Wake Lock Disabled";
}
}, false);
</script>
<!--No Sleep ends-->
<!--.......................................................Full screen End...........................................................................................................................-->
<!--for blogspot clearing page starts here-->
<!--not showing blog title or home or feeds -->
<style>
body {margin:0; padding:0; box-sizing:border-box; background:purple;width:100%;}
body, .main-inner, .content-inner,.content-outer {margin:0; padding:0; box-sizing:border-box; width:100%; font-size:0; max-width:100vw; min-width:50vw;}
.post-body { font-size: 2rem;}
div.post-footer, div.comments.comments, .navbar, header, footer, .post-title.entry-title { display: none; box-sizing:border-box; font-size:0;}
</style>
<!--for blogspot clearing page ends here-->
Yup
Admiring the time and effort you put into your blog and detailed information you offer!.. dino run cool math
ReplyDeleteA great website with interesting and unique material what else would you need. run 3 cool math
ReplyDelete