diff options
| author | s1nical <[email protected]> | 2019-08-09 18:56:36 -0700 |
|---|---|---|
| committer | s1nical <[email protected]> | 2019-08-09 18:56:36 -0700 |
| commit | e29a88036272478d05a5eef997ee13957c45efb7 (patch) | |
| tree | 424502ad9b0c073dbba222430b06e46fcbff9789 /konami | |
| parent | Konami Code ;) (diff) | |
| download | s1n.pw-admin-e29a88036272478d05a5eef997ee13957c45efb7.tar.xz s1n.pw-admin-e29a88036272478d05a5eef997ee13957c45efb7.zip | |
Added bg music to konami, added toasty fully
added bg music for konami
credited for music
added toasty pop-out
Diffstat (limited to 'konami')
| -rw-r--r-- | konami/assets/midi/midi.mp3 | bin | 0 -> 7304844 bytes | |||
| -rw-r--r-- | konami/assets/midi/midi.txt | 31 | ||||
| -rw-r--r-- | konami/css/main.css | 72 | ||||
| -rw-r--r-- | konami/index.html | 22 | ||||
| -rw-r--r-- | konami/js/main.js | 5 |
5 files changed, 125 insertions, 5 deletions
diff --git a/konami/assets/midi/midi.mp3 b/konami/assets/midi/midi.mp3 Binary files differnew file mode 100644 index 0000000..2f6bbe4 --- /dev/null +++ b/konami/assets/midi/midi.mp3 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 @@ </head> <body> - <script src="main.js"></script> <!-- Navigation Bar --> <div class="navigation-bar"> @@ -99,7 +98,28 @@ </div> </main> + <!-- Toasty --> + <img class='toasty' src='https://s3-eu-west-1.amazonaws.com/wdildnproject2/toasty.png'> + <script src="https://code.jquery.com/jquery-3.2.1.min.js" + integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> + + <!-- Background Music + // CREDITS: // + + Title: The Classics - A New Retro Synthwave Mix + + Uploader: Confused Bi-Product of a Misinformed Culture + + Full Credits: https://s1n.pw/konami/assets/midi/midi.txt + --> + <audio src="./assets/midi/midi.mp3" autoplay id="music"> + <p>If you are reading this, it is because your browser does not support the audio element. </p> + <script> + var audio = document.getElementById("music"); + audio.volume = 0.1; // Volume Adjuster, might bind it to "- and +" one day if possible. + </script> + </audio> </body> 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) { |