jason/IsItJasonsBirthday
jason/IsItJasonsBirthday
1
0
Fork 0
Code

🔮👼 Checkpoint

Browse Source 
./style.css:7435365/1742
./script.js:7435365/4877
./index.html:7435365/1832
This commit is contained in:
Glitch (isitjasonsbirthday) 2019-10-07 02:14:13 +00:00
parent 29947d4783
commit dc59e79169
3 changed files with 36 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
index.html
View File

@ -2,13 +2,16 @@
<html lang="en">
<head>
<title>Is it Jason's Birthday?</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- import the webpage's stylesheet -->
<link href="https://fonts.googleapis.com/css?family=Kanit:700i&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/style.css">
<link
href="https://fonts.googleapis.com/css?family=Kanit:700i&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="/style.css" />
<!-- import the webpage's javascript file -->
<script src="/confetti.js" defer></script>
@ -23,7 +26,7 @@
<div class="glitchButton" style="position:fixed; top:1vw; right:1vw;"></div>
<script src="https://button.glitch.me/button.js"></script>
<a id="pilink" href="#">&pi;</a>
</body>
</html>

21
script.js
View File

@ -6,7 +6,8 @@ var birthday = {
check: function() {
if (this.faking) return;
this.now = new Date();
if (this.now.getDate() == this.day && this.now.getMonth() + 1 == this.month) this.activate();
if (this.now.getDate() == this.day && this.now.getMonth() + 1 == this.month)
this.activate();
else this.deactivate();
},
activate: function() {
@ -28,7 +29,7 @@ var birthday = {
setTimeout(function() {
birthday.faking = false;
birthday.deactivate();
}, 5000)
}, 5000);
}
};
@ -80,11 +81,15 @@ var elementClass = {
window.onload = function() {
birthday.check();
document.getElementById('pilink').addEventListener('click', function(e) {
e.preventDefault();
birthday.fakeit();
}, false)
document.getElementById("pilink").addEventListener(
"click",
function(e) {
e.preventDefault();
birthday.fakeit();
},
false
);
};
window.addEventListener(
@ -97,4 +102,4 @@ window.addEventListener(
window.setInterval(function() {
birthday.check();
}, 5000);
}, 5000);

19
style.css
View File

@ -8,7 +8,7 @@ body {
#confetti {
position: fixed;
top:0;
top: 0;
left: 0;
z-index: 1;
}
@ -27,7 +27,7 @@ body {
transform: translate(-50%, -50%);
margin: 0;
padding: 1vw;
font-family: 'Kanit', sans-serif;
font-family: "Kanit", sans-serif;
font-size: 16vw;
}
@ -35,7 +35,7 @@ body {
position: fixed;
bottom: 1vw;
right: 1vw;
font-family: 'Times New Roman', serif;
font-family: "Times New Roman", serif;
font-size: 1.2vw;
font-size: 20px;
text-decoration: none;
@ -51,8 +51,17 @@ p.nope {
}
p.yep {
background-image: linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red);
background-image: linear-gradient(
to right,
violet,
indigo,
blue,
green,
yellow,
orange,
red
);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
}