Skip to content

Commit

Permalink
0.0.8
Browse files Browse the repository at this point in the history
Loading Screen Changed
  • Loading branch information
devgk committed Jan 23, 2017
1 parent ad373b8 commit c28356f
Show file tree
Hide file tree
Showing 6 changed files with 188 additions and 4 deletions.
2 changes: 1 addition & 1 deletion functions/core.js
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ setTimeout(endLoading, 150);
}
function endLoading(){
document.getElementById("loadingScreen").style.display = "none";
document.getElementById('loadingScreen').style.opacity = '0.9';
document.getElementById('loadingScreen').style.opacity = '1';
}

function hammer(){
Expand Down
Binary file added images/background.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/loading.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
185 changes: 185 additions & 0 deletions landing-page.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,185 @@
<!DOCTYPE HTML SYSTEM>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="robots" content="noindex,nofollow">

<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">

<script type="text/javascript">
window.onload=function(){autoChk();};
function autoChk(){
var status = readCookie("userStatus");
if(status == '1'){
setTimeout(continueFlow, 10);
}
else if(status == '2'){
setTimeout(continueFlow, 10);
}
else if(status == '3'){
setTimeout(continueFlow, 10);
}
else if(status == '4'){
setTimeout(resetFlow, 10);
}
else{setTimeout(userSetup, 10);}
}
function continueFlow(){
document.getElementById('selObj').style.display="none";
document.getElementById('two').style.display="none";
document.getElementById('conti').style.display="block";
document.getElementById('choi1').style.display="none";
document.getElementById('choi2').style.display="none";
document.getElementById('choi3').style.display="none";
document.getElementById('base').style.opacity="1";
}
function resetFlow(){
document.getElementById('one').innerHTML = "Select Your Objective!";
document.getElementById('selObj').style.display="none";
document.getElementById('four').style.display="none";
document.getElementById('two').style.display="block";
document.getElementById('conti').style.display="none";
document.getElementById('choi1').style.display="block";
document.getElementById('choi2').style.display="block";
document.getElementById('choi3').style.display="block";
document.getElementById('base').style.opacity="1";
}
function userSetup(){
document.getElementById('one').innerHTML = "Welcome to <b>DM BUDDY</b>";
document.getElementById('four').innerHTML = "Thanks for chosing <b>DM BUDDY</b>! Please select your objective, so that we can serve you the perfect digital marketing study materials.";
document.getElementById('selObj').style.display="block";
document.getElementById('two').style.display="none";
document.getElementById('conti').style.display="none";
document.getElementById('choi1').style.display="none";
document.getElementById('choi2').style.display="none";
document.getElementById('choi3').style.display="none";
document.getElementById('base').style.opacity="1";
}
function selectObj(){
document.getElementById('one').innerHTML = "Select Your Objective!";
document.getElementById('selObj').style.display="none";
document.getElementById('four').style.display="none";
document.getElementById('two').style.display="block";
document.getElementById('conti').style.display="none";
document.getElementById('choi1').style.display="block";
document.getElementById('choi2').style.display="block";
document.getElementById('choi3').style.display="block";
}
function continueReading(){
var status = readCookie("userStatus");
if(status == '1'){
window.location = "../a1.html";
}
else if(status == '2'){
window.location = "../a2.html";
}
else if(status == '3'){
window.location = "../a3.html";
}
}
function readCookie(cookieName){
var results = document.cookie.match(cookieName + '=(.*?)(;|$)');
if(results){return(results[1]);}
else{return null;}
}


function business(){document.cookie = "userStatus=1;";
window.location = "../a1.html";}
function blog(){document.cookie = "userStatus=2;";
window.location = "../a2.html";}
function pro(){document.cookie = "userStatus=3;";
window.location = "../a3.html";}
</script>

<style type="text/css">
body{
margin: 0;
font-family: 'PT Sans';
background-color: #333;
background-image: url(images/background.png);
background-size: 25%;
background-repeat: repeat;
min-height: 100%;
min-width: 100%;
}
.base{
width: 240px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -120px;
margin-left: -122px;
border-radius: 10px;
text-align: center;
text-shadow: 0 0 4px rgba(0,0,0,0.1);
color: #fff;
background-color: rgba(0,0,0,0.7);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.7);
padding: 5px;
}
.overBase{
max-width: 100%;
border: 1px dashed rgba(255,255,255,0.4);
border-radius: 10px;
text-align: center;
overflow: hidden;
}
.one {
font-size: 22px;
line-height: 24px;
margin: 5px auto 8px;
}
.two span{
background-color: #FFC000;
display: inline-block;
height: 24px;
width: 24px;
line-height: 24px;
border-radius: 12px;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.4);
color: #333;
font-weight: bold;
}
.three {
display: block;
margin: 0 10px 10px;
padding: 10px;
font-size: 16px;
line-height: 20px;
background-color: #FFC000;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.4);
color: #333;
font-weight: bold;
}
.four{
font-size: 14px;
text-align: justify;
padding: 0 10px;
}
</style>

</head>
<body>

<div id="base" class="base" style="opacity: 0;transition: opacity .5s ease;">
<p id="one" class="one">Welcome back SPARKY!</p>
<div class="overBase">
<p id="two" class="two">My objective is to <span></span></p>
<p id="four" class="four">Do you know? Digital Marketing is very easy. It's just like doing facebook and browsing websites.</p>
<p id="selObj" class="three" onClick="selectObj()">Select Objective</p>
<p id="conti" class="three" onClick="continueReading()">Continue</p>
<p id="choi1" class="three" onClick="business()">Promote My Business</p>
<p id="choi2" class="three" onClick="blog()">Making Money Online</p>
<p id="choi3" class="three" onClick="pro()">Become A Webmaster</p>
</div>
</div>

</body>
</html>
4 changes: 2 additions & 2 deletions styles/core.css
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,10 @@ top:0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/back.png);
background-position: center center;
background: url(../images/loading.png) no-repeat center/40%, url(../images/background.png) repeat center/25%;
z-index: 9999999;
opacity: .9;
opacity: 1;
-webkit-transition: opacity .15s;
transition: opacity .15s;
}
Expand Down
1 change: 0 additions & 1 deletion the-first-destination.html
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,6 @@
body{
margin: 0;
font-family: 'PT Sans';

background-color: #0086B5;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY1RjdCNkVFOTkyMTFFMjhGMDdFMEEyQjQ0NDQ1RjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY1RjdCNkZFOTkyMTFFMjhGMDdFMEEyQjQ0NDQ1RjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RjVGN0I2Q0U5OTIxMUUyOEYwN0UwQTJCNDQ0NDVGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RjVGN0I2REU5OTIxMUUyOEYwN0UwQTJCNDQ0NDVGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgQ7RJEAAABkSURBVHjaYvj//z8DEDtDaRAWpwebEWQpAwODIBC/Z4AA+rAHysdMDAMEWIBYHOp9caiYKJI8zdggi19Cw/8lkiTN2aNBPRrUo0E9GtSjQT0a1KNBPRrUo0E9GtSjQU05GyDAAD0qLnnflqfDAAAAAElFTkSuQmCC");
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY1RjdCNkVFOTkyMTFFMjhGMDdFMEEyQjQ0NDQ1RjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY1RjdCNkZFOTkyMTFFMjhGMDdFMEEyQjQ0NDQ1RjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RjVGN0I2Q0U5OTIxMUUyOEYwN0UwQTJCNDQ0NDVGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RjVGN0I2REU5OTIxMUUyOEYwN0UwQTJCNDQ0NDVGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgQ7RJEAAABkSURBVHjaYvj//z8DEDtDaRAWpwebEWQpAwODIBC/Z4AA+rAHysdMDAMEWIBYHOp9caiYKJI8zdggi19Cw/8lkiTN2aNBPRrUo0E9GtSjQT0a1KNBPRrUo0E9GtSjQU05GyDAAD0qLnnflqfDAAAAAElFTkSuQmCC"), -webkit-radial-gradient(center, ellipse cover, #2883b6 0%, #084688 100%);
Expand Down

0 comments on commit c28356f

Please sign in to comment.