From e29a88036272478d05a5eef997ee13957c45efb7 Mon Sep 17 00:00:00 2001 From: s1nical Date: Fri, 9 Aug 2019 18:56:36 -0700 Subject: Added bg music to konami, added toasty fully added bg music for konami credited for music added toasty pop-out --- konami/assets/midi/midi.mp3 | Bin 0 -> 7304844 bytes konami/assets/midi/midi.txt | 31 +++++++++++++++++++ konami/css/main.css | 72 +++++++++++++++++++++++++++++++++++++++++--- konami/index.html | 22 +++++++++++++- konami/js/main.js | 5 +++ 5 files changed, 125 insertions(+), 5 deletions(-) create mode 100644 konami/assets/midi/midi.mp3 create mode 100644 konami/assets/midi/midi.txt (limited to 'konami') diff --git a/konami/assets/midi/midi.mp3 b/konami/assets/midi/midi.mp3 new file mode 100644 index 0000000..2f6bbe4 Binary files /dev/null and b/konami/assets/midi/midi.mp3 differ diff --git a/konami/assets/midi/midi.txt b/konami/assets/midi/midi.txt new file mode 100644 index 0000000..3b8e91b --- /dev/null +++ b/konami/assets/midi/midi.txt @@ -0,0 +1,31 @@ + // CREDITS: // + +Title: The Classics - A New Retro Synthwave Mix + +Uploader: Confused Bi-Product of a Misinformed Culture + +YouTube Video Link: https://www.youtube.com/watch?v=5WVhdmNiuuM&t=76s + +Full Credits of ALL Artists: +00:00 - LazerHawk - Space is the Place +01:57 - Tokyo Rose - Need For Speed +04:08 - Daniel Deluxe - Night Stalker +06:37 - OGRE - Negotiation's Over +07:35 - Tokyo Rose - Tokyo Burnout +09:30 - Dynatron - Rise to the Stars +13:13 - LazerHawk - Electric Groove +17:55 - Arcade High - Outrun This! +20:53 - Zombie Hyperdrive - Red Eyes +24:07 - Dynatron - Propulsion Overdrive +26:56 - d.notive - Hell's Highway +28:14 - Grum - Power +30:31 - Dynatron - Unquestionable Judgment +35:10 - OGRE - The Bench +38:07 - DANCE WITH THE DEAD - Venom +40:28 - Danger Mode - Road Rage +43:42 - LazerHawk - King of the Streets +46:27 - Wice - Cruise Control +49:41 - KN1GHT - Osaka +53:37 - Trevor Something - Miami Nights + +Note: I cut the track at 10:00 minutes, so the credits of the artists exceed my track limit, I just wanted to include everyone. \ No newline at end of file diff --git a/konami/css/main.css b/konami/css/main.css index ba22b2f..fb6298e 100644 --- a/konami/css/main.css +++ b/konami/css/main.css @@ -1,13 +1,13 @@ /* BACKGROUND SPARKLES CSS */ -html, -body { +html, body { margin: 0 0; padding: 0 0; text-align: center; font-size: 0; background: url(../assets/bg/bg.gif); cursor: url(../assets/images/smiley\ face\ cursor.cur), default; + overflow-X: hidden; /* Toasty */ } /* ORINGINAL SITE CSS */ @@ -34,8 +34,7 @@ html { box-sizing: inherit; } -html, -body { +html, body { height: 100%; display: -webkit-box; display: -ms-flexbox; @@ -146,3 +145,68 @@ main { bottom: 0; } +/* TOASTY */ + +.toasty { + position: absolute; + left: 110%; + bottom: 0; +} + +.flash { + animation: flash 1s linear infinite; +} + +.animateIn { + animation: 2s left forwards ease; +} + +.code { + text-align: center; + opacity: 0; + position: absolute; + top: calc(50% + 40px); + left: 50%; + transform: translate(-50%); + font-family: 'Open Sans Condensed', sans-serif; + font-size: 20px; + letter-spacing: 0.05em; + text-transform: uppercase; + border-bottom: 2px solid #333; + padding: 0 20px; + animation: fade 2.5s 7s forwards linear; +} + +@keyframes fade { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes left { + 0% { + left: 110%; + } + + 50% { + left: 80%; + } + + 100% { + left: 110%; + } +} + +@keyframes flash { + 0% { + border-right: none; + } + + 100% { + border-right: 0.08em solid #222; + } +} diff --git a/konami/index.html b/konami/index.html index 2e1d57f..93b87cc 100644 --- a/konami/index.html +++ b/konami/index.html @@ -66,7 +66,6 @@ - + +

+ + + +

diff --git a/konami/js/main.js b/konami/js/main.js index 455cd00..601a191 100644 --- a/konami/js/main.js +++ b/konami/js/main.js @@ -57,6 +57,11 @@ function activateCheats() { var audio = new Audio('https://s3-eu-west-1.amazonaws.com/wdildnproject2/toasty.mp3'); audio.play(); + + $('.toasty').addClass('animateIn'); + setTimeout(function () { + $('.toasty').removeClass('animateIn'); + }, 3500); } var TxtRotate = function (el, toRotate, period) { -- cgit v1.2.3