-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Loading Screen Changed
- Loading branch information
Showing
6 changed files
with
188 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters