diff options
| author | s1n <[email protected]> | 2019-10-28 17:12:18 -0700 |
|---|---|---|
| committer | s1n <[email protected]> | 2019-10-28 17:12:18 -0700 |
| commit | d8b68deaec1a913cc6659083ac700a3979e9669f (patch) | |
| tree | fea84540a04a10f7b0b1303d6e672b42db7d84c3 | |
| parent | add discoird (diff) | |
| download | s1n.pw-admin-d8b68deaec1a913cc6659083ac700a3979e9669f.tar.xz s1n.pw-admin-d8b68deaec1a913cc6659083ac700a3979e9669f.zip | |
change konami to single page :)))
| -rw-r--r-- | cars/README.md | 2 | ||||
| -rw-r--r-- | halloween/index.html | 4 | ||||
| -rw-r--r-- | index.html | 28 | ||||
| -rw-r--r-- | js/app.js | 79 | ||||
| -rw-r--r-- | konami/bypass/index.html | 145 | ||||
| -rw-r--r-- | konami/css/main.css | 9 | ||||
| -rw-r--r-- | konami/index.html | 163 | ||||
| -rw-r--r-- | konami/js/main.js | 4 |
8 files changed, 312 insertions, 122 deletions
diff --git a/cars/README.md b/cars/README.md index 82bac43..3b869ec 100644 --- a/cars/README.md +++ b/cars/README.md @@ -13,4 +13,4 @@ A simple 2D car game. ### **License** -[](https://github.com/s1nical/2d-car-game/blob/master/LICENSE) +[](https://github.com/8cy/2d-car-game/blob/master/LICENSE) diff --git a/halloween/index.html b/halloween/index.html index 3e63f6a..9a4e56e 100644 --- a/halloween/index.html +++ b/halloween/index.html @@ -19,7 +19,7 @@ <meta property="og:description" content="s1nical is a full stack developer."> <meta property="og:title" content="s1nical"> <meta property="twitter:card" content="summary"> - <meta property="twitter:site" content="@s1nical"> + <meta property="twitter:site" content="@9inny"> <meta property="og:image" content=""> <script src="https://www.googletagmanager.com/gtag/js?id=UA-30692517-4"></script> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> @@ -40,7 +40,7 @@ "url": "https://s1n.pw/", "image": "", "sameAs": [ - "https://twitter.com/s1nical", + "https://twitter.com/9inny", "https://github.com/8cy", "https://www.reddit.com/user/s1nical/" ], @@ -11,14 +11,14 @@ <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- CSS Links -->
- <link id="stylesheet" rel="stylesheet" type="text/css" href="/css/main.css" />
+ <link id="pagestyle" rel="stylesheet" type="text/css" href="/css/main.css" />
<link rel="stylesheet" href="/css/halloween.css">
<!-- END CSS Links -->
<meta name="description" content="s1nical is a full stack developer.">
<meta property="og:description" content="s1nical is a full stack developer.">
<meta property="og:title" content="s1nical">
<meta property="twitter:card" content="summary">
- <meta property="twitter:site" content="@mwfeeds">
+ <meta property="twitter:site" content="@9inny">
<meta property="og:image" content="">
<script src="https://www.googletagmanager.com/gtag/js?id=UA-30692517-4"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
@@ -40,7 +40,7 @@ "url": "https://s1n.pw/",
"image": "",
"sameAs": [
- "https://twitter.com/mwfeeds",
+ "https://twitter.com/9inny",
"https://github.com/8cy",
"https://www.reddit.com/user/s1nical/"
],
@@ -69,7 +69,7 @@ <body>
<!-- Scripts -->
<script src="/js/app.js"></script>
- <script src="/js/background-sparkles.js"></script>
+ <script id="js-konami" src="/js/background-sparkles.js"></script>
<!-- Navigation Bar -->
<div class="navigation-bar">
@@ -92,7 +92,7 @@ Full-stack developer.<br><br>
</div>
<div class="twitter">
- Follow me on <a href="https://twitter.com/mwfeeds">Twitter</a>.
+ Follow me on <a href="https://twitter.com/9inny">Twitter</a>.
</div>
<div class="github">
View my code on <a href="https://github.com/8cy">GitHub</a>.
@@ -116,6 +116,24 @@ </div>
</a>
+ <!-- Konami Music -->
+ <!-- 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.mp3.txt
+ -->
+ <audio src="/konami/assets/midi/midi.mp3" 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>
+
<!-- Loading Animation -->
<div class="loader-wrapper">
<div class="loader">
@@ -30,9 +30,21 @@ var allowedKeys = { 39: 'right',
40: 'down',
65: 'a',
- 66: 'b'
+ 66: 'b',
+ 8: 'backspace'
};
+// To somewhat stop backspace/ refresh spamming
+window.addEventListener('keydown', function (event) {
+
+ if (event.keyCode === 8) {
+
+ event.preventDefault();
+
+ return false;
+ }
+});
+
// The 'official' Konami Code sequence
var konamiCode = ['up', 'up', 'down', 'down', 'left', 'right', 'left', 'right', 'b', 'a'];
@@ -62,9 +74,72 @@ document.addEventListener('keydown', function (e) { }
});
+// Back to normal sequence
+var backCode = ['backspace'];
+
+var backCodePosition = 0;
+
+document.addEventListener('keydown', function (e) {
+ var key = allowedKeys[e.keyCode];
+ var requiredKey = backCode[backCodePosition];
+
+ if (key == requiredKey) {
+
+ backCodePosition++;
+
+ if (backCodePosition == backCode.length) {
+ deactivateCheats();
+ backCodePosition = 0;
+ }
+ } else {
+ backCodePosition = 0;
+ }
+});
+
+function swapStyleSheet(sheet) {
+ document.getElementById('pagestyle').setAttribute('href', sheet);
+}
+
+// Change favicon
+document.head = document.head || document.getElementsByTagName('head')[0];
+
+function changeFavicon(src) {
+ var link = document.createElement('link'),
+ oldLink = document.getElementById('dynamic-favicon');
+ link.id = 'dynamic-favicon';
+ link.rel = 'shortcut icon';
+ link.href = src;
+ if (oldLink) {
+ document.head.removeChild(oldLink);
+ }
+ document.head.appendChild(link);
+}
+
function activateCheats() {
+
+ swapStyleSheet('/konami/css/main.css');
+ // I overworked for this smh...
+
+ changeFavicon('/konami/assets/images/small-spinning-globe3.gif');
+
+ var x = document.getElementById("music");
+ function playAudio() {
+ x.play();
+ }
+ playAudio()
+}
+
+function deactivateCheats() {
- window.location.href = "/konami";
+ swapStyleSheet('/css/main.css');
+
+ changeFavicon('favicon.ico');
+
+ var x = document.getElementById("music");
+ function pauseAudio() {
+ x.pause();
+ }
+ pauseAudio()
}
var TxtRotate = function (el, toRotate, period) {
diff --git a/konami/bypass/index.html b/konami/bypass/index.html new file mode 100644 index 0000000..1789401 --- /dev/null +++ b/konami/bypass/index.html @@ -0,0 +1,145 @@ +<!DOCTYPE html> +<html lang="en"> + + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <meta name="theme-color" content="#FFF"> + <title>s1nical - Landing Page</title> + <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic' + rel='stylesheet' type='text/css'> + <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> + <link rel="stylesheet" href="/konami/css/main.css"> + <script src="/konami/js/main.js"></script> + <script src="/js/refresh-on-media.js"></script> + <meta name="description" content="s1nical is a full stack developer."> + <meta property="og:description" content="s1nical is a full stack developer."> + <meta property="og:title" content="s1nical"> + <meta property="twitter:card" content="summary"> + <meta property="twitter:site" content="@9inny"> + <meta property="og:image" content=""> + <script src="https://www.googletagmanager.com/gtag/js?id=UA-30692517-4"></script> + <script src="https://code.jquery.com/jquery-1.10.2.js"></script> + <script src="https://rawgit.com/WeiChiaChang/Easter-egg/master/easter-eggs-collection.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"></script> + <link rel="apple-touch-icon" sizes="128x128" href="/konami/assets/images/small-spinning-globe3.gif"> + <link rel="icon" type="image/gif" href="/konami/assets/images/small-spinning-globe3.gif" sizes="128x128"> + <link rel="canonical" href="https://s1n.pw/"> + <script type="application/ld+json"> + { + "name": "s1nical", + "alternateName": "s1n", + "description": "s1nical is a full stack developer.", + "headline": "s1nical is a full stack developer.", + "url": "https://s1n.pw/", + "image": "", + "sameAs": [ + "https://twitter.com/9inny", + "https://github.com/8cy", + "https://www.reddit.com/user/s1nical/", + ], + "publisher": { + "@type": "Organization", + "logo": { + "@type": "ImageObject", + "url": "" + } + }, + "@type": "WebSite", + "@context": "http://schema.org" + } + </script> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/inter.css" + integrity="sha256-DyLTj16AbuvawyWJMPz4tJNp46iGflE/fWYAoU2IGpk=" crossorigin="anonymous"> + <!-- Global site tag (gtag.js) - Google Analytics --> + <script async src="https://www.googletagmanager.com/gtag/js?id=UA-145087191-1"></script> + <script> + window.dataLayer = window.dataLayer || []; + + function gtag() { + dataLayer.push(arguments); + } + gtag('js', new Date()); + + gtag('config', 'UA-145087191-1'); + </script> + </head> + + <body> + + <!-- Navigation Bar --> + <div class="navigation-bar"> + <nav class="nav"> + <a href="/" class="nav-item" active-color="orange">Home</a> <!-- Had `is-active` after it but removed it due to not highlighting. --> + <a href="/about/" class="nav-item" active-color="green">About</a> <!-- About --> + <a href="https://p.s1n.pw/" class="nav-item" active-color="blue">Portfolio</a> <!-- Testimonials --> + <!--<a href="/doge" class="nav-item" active-color="red">Doge</a> <!-- Blog --> + <!--<a href="/cars/" class="nav-item" active-color="rebeccapurple">Cars</a> <!-- Contact --> + <a href="/directory/" class="nav-item" active-color="rebeccapurple">Directory</a> + <!--<a href="https://nani.s1n.pw" class="nav-item" active-color="rebeccapurple">Nani?!</a>--> + <span class="nav-indicator"></span> + </nav> + </div> + + <!-- Core Site Function, Site Primer/ Base --> + <main> + <div class="links"> + <div class="email"> + <a href="mailto:[email protected]">s1nical</a><br> + Full-stack developer.<br><br> + </div> + <div class="twitter"> + Follow me on <a href="https://twitter.com/9inny">Twitter</a>. + </div> + <div class="github"> + View my code on <a href="https://github.com/8cy">GitHub</a>. + </div> + </div> + </main> + + <div class="ee"> + <!-- 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> + + <!-- Marty --> + <audio class="marty" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/marty.mp3" preload="auto"></audio> + <img class="marty" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/marty.png" alt="marty"> + + <!-- Doc --> + <audio class="docbrown" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/docbrown.mp3" + preload="auto"></audio> + <img class="docbrown" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/docbrown.png" alt="doc"> + + <!-- Biff --> + <audio class="biff" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/biff.mp3" preload="auto"></audio> + <img class="biff" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/biff.png" alt="biff"> + + <!-- Goldie --> + <audio class="goldie" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/goldie.mp3" + preload="auto"></audio> + <img class="goldie" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/goldie.png" alt="goldie"> + </div> + + <!-- 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.mp3.txt + --> + <audio src="/konami/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> + +</html>
\ No newline at end of file diff --git a/konami/css/main.css b/konami/css/main.css index bb313c6..01d2098 100644 --- a/konami/css/main.css +++ b/konami/css/main.css @@ -274,4 +274,13 @@ p { .ee { display: none; } +} + +/* To remove background sparkles on CSS switch. */ +svg { + display: none; +} + +.halloween { + display: none; }
\ No newline at end of file diff --git a/konami/index.html b/konami/index.html index 338f281..5179189 100644 --- a/konami/index.html +++ b/konami/index.html @@ -5,141 +5,80 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <meta name="theme-color" content="#FFF"> - <title>s1nical - Landing Page</title> - <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic' - rel='stylesheet' type='text/css'> + <title>s1nical - 404</title> + <!-- External Links --> <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> - <link rel="stylesheet" href="/konami/css/main.css"> - <script src="/konami/js/main.js"></script> - <script src="/js/refresh-on-media.js"></script> - <meta name="description" content="s1nical is a full stack developer."> - <meta property="og:description" content="s1nical is a full stack developer."> - <meta property="og:title" content="s1nical"> - <meta property="twitter:card" content="summary"> - <meta property="twitter:site" content="@mwfeeds"> - <meta property="og:image" content=""> - <script src="https://www.googletagmanager.com/gtag/js?id=UA-30692517-4"></script> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> - <script src="https://rawgit.com/WeiChiaChang/Easter-egg/master/easter-eggs-collection.js"></script> - <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"></script> - <link rel="apple-touch-icon" sizes="128x128" href="/konami/assets/images/small-spinning-globe3.gif"> - <link rel="icon" type="image/gif" href="/konami/assets/images/small-spinning-globe3.gif" sizes="128x128"> - <link rel="canonical" href="https://s1n.pw/"> - <script type="application/ld+json"> - { - "name": "s1nical", - "alternateName": "s1n", - "description": "s1nical is a full stack developer.", - "headline": "s1nical is a full stack developer.", - "url": "https://s1n.pw/", - "image": "", - "sameAs": [ - "https://twitter.com/mwfeeds", - "https://github.com/8cy", - "https://www.reddit.com/user/s1nical/", - ], - "publisher": { - "@type": "Organization", - "logo": { - "@type": "ImageObject", - "url": "" - } - }, - "@type": "WebSite", - "@context": "http://schema.org" - } - </script> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/inter.css" - integrity="sha256-DyLTj16AbuvawyWJMPz4tJNp46iGflE/fWYAoU2IGpk=" crossorigin="anonymous"> - <!-- Global site tag (gtag.js) - Google Analytics --> - <script async src="https://www.googletagmanager.com/gtag/js?id=UA-145087191-1"></script> - <script> - window.dataLayer = window.dataLayer || []; - - function gtag() { - dataLayer.push(arguments); - } - gtag('js', new Date()); - - gtag('config', 'UA-145087191-1'); - </script> + <!-- CSS Links --> + <!-- Why am I so dumb, I just found out why the css wasn't working on the 404 with a trailing slash on Stack Overflow, lol, then I + went through ALL of the files checking if I had any more "./" instead of absolute path and turns out this is the only file I didn't go through...--> + <link rel="stylesheet" href="/about/css/main.css"> + <link rel="stylesheet" href="/about/css/navigation-bar.css"> + <link rel="stylesheet" href="/about/css/loader-animation.css"> + <link rel="stylesheet" href="/about/css/blog-slider.css"> + <link rel="stylesheet" href="/404/css/main.css"> + <!-- Invisible Links --> + <script src="/js/loader-animation.js"></script> + <script src="/js/refresh-on-media.js"></script> </head> <body> + <!-- Visable Links --> + <script src="/js/background-sparkles.js"></script> <!-- Navigation Bar --> <div class="navigation-bar"> <nav class="nav"> - <a href="/" class="nav-item" active-color="orange">Home</a> <!-- Had `is-active` after it but removed it due to not highlighting. --> + <a href="/" class="nav-item" active-color="orange">Home</a> + <!-- Had `is-active` after it but removed it due to not highlighting. --> <a href="/about/" class="nav-item" active-color="green">About</a> <!-- About --> <a href="https://p.s1n.pw/" class="nav-item" active-color="blue">Portfolio</a> <!-- Testimonials --> <!--<a href="/doge" class="nav-item" active-color="red">Doge</a> <!-- Blog --> <!--<a href="/cars/" class="nav-item" active-color="rebeccapurple">Cars</a> <!-- Contact --> - <a href="/directory/" class="nav-item" active-color="rebeccapurple">Directory</a> <!--<a href="https://nani.s1n.pw" class="nav-item" active-color="rebeccapurple">Nani?!</a>--> <span class="nav-indicator"></span> </nav> </div> - <!-- Core Site Function, Site Primer/ Base --> - <main> + <div class="bio"> <div class="links"> - <div class="email"> - <a href="mailto:[email protected]">s1nical</a><br> - Full-stack developer.<br><br> - </div> - <div class="twitter"> - Follow me on <a href="https://twitter.com/mwfeeds">Twitter</a>. - </div> - <div class="github"> - View my code on <a href="https://github.com/8cy">GitHub</a>. + <div class="blog-slider"> + <div class="content" style="text-align: center;"> + <h1>Are you sure?</h1> + <h2>You are entering a depreciated zone.</h2> + <h1> + <!-- Filler --> + </h1> + <a href="/konami/bypass/">Continue</a> + <h1> + <!-- Filler --> + </h1> + </div> </div> </div> - </main> - - <div class="ee"> - <!-- 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> - - <!-- Marty --> - <audio class="marty" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/marty.mp3" preload="auto"></audio> - <img class="marty" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/marty.png" alt="marty"> - - <!-- Doc --> - <audio class="docbrown" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/docbrown.mp3" - preload="auto"></audio> - <img class="docbrown" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/docbrown.png" alt="doc"> - - <!-- Biff --> - <audio class="biff" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/biff.mp3" preload="auto"></audio> - <img class="biff" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/biff.png" alt="biff"> - - <!-- Goldie --> - <audio class="goldie" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/goldie.mp3" - preload="auto"></audio> - <img class="goldie" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/goldie.png" alt="goldie"> </div> - <!-- 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.mp3.txt - --> - <audio src="/konami/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> - + <!-- Loading Animation --> + <div class="loader-wrapper"> + <div class="loader"> + <row> + <span></span> + <span></span> + <span></span> + </row> + <row> + <span></span> + <span></span> + <span></span> + </row> + <row> + <span></span> + <span></span> + <span></span> + </row> + </div> + </div> </body> -</html>
\ No newline at end of file +</html> diff --git a/konami/js/main.js b/konami/js/main.js index c75bb27..2933594 100644 --- a/konami/js/main.js +++ b/konami/js/main.js @@ -176,6 +176,10 @@ window.onload = function () { 'nameKeys': "71,79,76,68,73,69", 'audioFile': $('audio.goldie')[0], 'audioLength': 4000, + }, + 'toasty': { + 'name': 'toasty', + 'nameKeys': "84,79,65,83,84,89", } }; }); |