From 082de4b7d55fdcfec36c5b532535354f0c584718 Mon Sep 17 00:00:00 2001 From: s1n Date: Thu, 5 Sep 2019 19:25:28 -0700 Subject: formatting, removals, stability fixes FORMATTING: - Add descriptive/ sorting tags to index.html in root - Change most function dividers in JS to uppercase - Add commenting to background-sparkles.js DELETION: - Doge STABILITY: - Replace screen.width detections with 699px instead of 460px, because the largest phones verify as 780. --- directory/games/index.html | 10 --- doge/css/main.css | 159 --------------------------------------------- doge/favicon.png | Bin 9191 -> 0 bytes doge/index.html | 30 --------- humans.txt | 2 +- index.html | 4 ++ js/app.js | 4 +- js/background-sparkles.js | 13 +++- js/redirect-to-desktop.js | 2 +- js/redirect-to-mobile.js | 2 +- 10 files changed, 19 insertions(+), 207 deletions(-) delete mode 100644 doge/css/main.css delete mode 100644 doge/favicon.png delete mode 100644 doge/index.html diff --git a/directory/games/index.html b/directory/games/index.html index bdf2504..c3794f3 100644 --- a/directory/games/index.html +++ b/directory/games/index.html @@ -64,16 +64,6 @@ Cars 386.0K - - - - Game - - - - Doge - 12.9K - diff --git a/doge/css/main.css b/doge/css/main.css deleted file mode 100644 index d182707..0000000 --- a/doge/css/main.css +++ /dev/null @@ -1,159 +0,0 @@ -body { - background-image: url("http://fay.io/w/space.jpg"); - background-repeat: repeat; - background-position: top center; -} - -.rotate-container-1 { - -webkit-animation: shrink 6s linear infinite, fade 6s linear infinite; - animation: shrink 6s linear infinite, fade 6s linear infinite; -} - -.rotate-container-1 .rotate { - -webkit-animation: spin 6s linear infinite; - animation: spin 6s linear infinite; -} - -.rotate-container-1 .rotate-object { - background: url("http://fay.io/w/doge.png") no-repeat; - background-size: 100%; -} - -.rotate-container-2 { - -webkit-animation: shrink 6s linear infinite 2s, fade 6s linear infinite 2s; - animation: shrink 6s linear infinite 2s, fade 6s linear infinite 2s; -} - -.rotate-container-2 .rotate { - -webkit-animation: spin 6s linear infinite 2s; - animation: spin 6s linear infinite 2s; -} - -.rotate-container-2 .rotate-object { - background: url("http://fay.io/w/wrecking-ball(1).png") no-repeat; - background-size: 100%; -} - -.rotate-container-3 { - -webkit-animation: shrink 6s linear infinite 4s, fade 6s linear infinite 4s; - animation: shrink 6s linear infinite 4s, fade 6s linear infinite 4s; -} - -.rotate-container-3 .rotate { - -webkit-animation: spin 6s linear infinite 2s; - animation: spin 6s linear infinite 2s; -} - -.rotate-container-3 .rotate-object { - background: url("http://fay.io/w/grumpy-cat.png") no-repeat; - background-size: 100%; -} - -.rotate-container { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 1em; - height: 1em; - margin: auto; - -webkit-backface-visibility: hidden; - -webkit-perspective: 1000; -} - -.rotate { - position: absolute; - top: 50%; - left: 50%; - width: 1em; - height: 20em; - margin-left: -.5em; - -webkit-transform-origin: 50% 0; - transform-origin: 50% 0; -} - -.rotate-object { - position: absolute; - bottom: 0; - left: 50%; - width: 5em; - height: 5em; - margin-left: -2.5em; - -webkit-animation: spin 20s linear infinite; - animation: spin 20s linear infinite; -} - -@-webkit-keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@-webkit-keyframes shrink { - from { - -webkit-transform: scale(3); - transform: scale(3); - } - to { - -webkit-transform: scale(0); - transform: scale(0); - } -} - -@keyframes shrink { - from { - -webkit-transform: scale(3); - transform: scale(3); - } - to { - -webkit-transform: scale(0); - transform: scale(0); - } -} - -@-webkit-keyframes fade { - 0% { - opacity: 0; - } - 5% { - opacity: 1; - } - 80% { - opacity: 1; - } - 100% { - opacity: 0; - } -} - -@keyframes fade { - 0% { - opacity: 0; - } - 5% { - opacity: 1; - } - 80% { - opacity: 1; - } - 100% { - opacity: 0; - } -} diff --git a/doge/favicon.png b/doge/favicon.png deleted file mode 100644 index b8838f1..0000000 Binary files a/doge/favicon.png and /dev/null differ diff --git a/doge/index.html b/doge/index.html deleted file mode 100644 index f7703e3..0000000 --- a/doge/index.html +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - s1nical - Doge in space - - - - -
-
-
-
-
- -
-
-
-
-
- -
-
-
-
-
- - \ No newline at end of file diff --git a/humans.txt b/humans.txt index 8e33a27..9bb07f0 100644 --- a/humans.txt +++ b/humans.txt @@ -18,7 +18,7 @@ Location: Oregon /* SITE */ -Last update: 2019/08/22 +Last update: 2019/09/05 Standards: HTML5, CSS3, JS and PHP7. diff --git a/index.html b/index.html index 67af1e8..ab8c8ca 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,7 @@ + @@ -22,9 +23,11 @@ + + + diff --git a/js/app.js b/js/app.js index 48022f1..eccb561 100644 --- a/js/app.js +++ b/js/app.js @@ -1,3 +1,4 @@ +// KONAMI CODE HINTS $(window).on("load", function () { console.log("UP, UP, DOWN, DOWN, LEFT, RIGHT, LEFT, RIGHT, B, A") @@ -21,8 +22,7 @@ if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phon ** })(); */ -// KONAMI CODE FOR ALTERNATE 90s SITE - +// KONAMI CODE FOR ALTERNATE 90S SITE // A key map of allowed keys var allowedKeys = { 37: 'left', diff --git a/js/background-sparkles.js b/js/background-sparkles.js index 16cfb4e..bce6b94 100644 --- a/js/background-sparkles.js +++ b/js/background-sparkles.js @@ -1,5 +1,10 @@ -// BACKGROUND SPARKLES -// SCRIPT #1 +// Background only renders based on the original browser window size when +// starting to load the site. Due to rendering issues, I don't think I +// can do it other wise. + +/////////////// +// SCRIPT #1 // +/////////////// // Set up base pattern var pattern = Trianglify({ @@ -25,7 +30,9 @@ document.body.appendChild(pattern.svg()) // png.src = pattern.png() // document.body.appendChild(png) -// SCRIPT #2 +/////////////// +// SCRIPT #2 // +/////////////// $('.title-wrapper').css('width', window.innerWidth); $('.title-wrapper').css('height', window.innerHeight); diff --git a/js/redirect-to-desktop.js b/js/redirect-to-desktop.js index 64d767d..df42fa0 100644 --- a/js/redirect-to-desktop.js +++ b/js/redirect-to-desktop.js @@ -1,4 +1,4 @@ // CHECKS IF USER IS ON DESKTOP -if (screen.width > 480) { +if (screen.width > 699) { location.href = '/index.html'; } \ No newline at end of file diff --git a/js/redirect-to-mobile.js b/js/redirect-to-mobile.js index 5807029..599d0b6 100644 --- a/js/redirect-to-mobile.js +++ b/js/redirect-to-mobile.js @@ -1,4 +1,4 @@ // CHECKS IF USER IS ON MOBILE -if (screen.width <= 480) { +if (screen.width <= 699) { location.href = '/mobile'; } \ No newline at end of file -- cgit v1.2.3