From 78c43c975166476f8e52e3ee521d917c269f6844 Mon Sep 17 00:00:00 2001 From: s1n Date: Sat, 12 Oct 2019 00:22:46 -0700 Subject: new 404 + many optimzations --- mobile/css/main.css | 217 ---------------------------------------------------- mobile/index.html | 98 ------------------------ mobile/js/app.js | 81 -------------------- 3 files changed, 396 deletions(-) delete mode 100644 mobile/css/main.css delete mode 100644 mobile/index.html delete mode 100644 mobile/js/app.js (limited to 'mobile') diff --git a/mobile/css/main.css b/mobile/css/main.css deleted file mode 100644 index bc85c2b..0000000 --- a/mobile/css/main.css +++ /dev/null @@ -1,217 +0,0 @@ -/* BACKGROUND SPARKLES CSS */ -html, body { - margin: 0 0; - padding: 0 0; - text-align: center; - font-size: 0; - background-color: #fdfcf3; -} - -body svg { - position: absolute; - top: 0; - left: 0; - z-index: -1; -} - -/* LOADING ANIMATION */ -/* body { -** text-align: center; -** padding-top: 20%; -** background: #fdfdfd; -** } -*/ -.loader-wrapper { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background: #fdfdfd; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.loader { - width: 100px; - height: 100px; - display: inline-table; - -webkit-box-sizing: border-box; - box-sizing: border-box; - position: relative; - border-spacing: 0.3em; -} - -.loader row { - display: table-row; -} - -.loader row span { - display: table-cell; - position: relative; - background: #1d1f20; - opacity: 0; - -webkit-animation: flicker 0.5985999999999999s ease-out infinite alternate; - animation: flicker 0.5985999999999999s ease-out infinite alternate; - /* Added standard property to fix compatbiliy issues */ -} - -@-webkit-keyframes flicker { - from, 20% { - opacity: 0; - } - 100%, to { - opacity: 1; - } -} - -@keyframes flicker { - /* Added standard property to fix compatbiliy issues */ - from, 20% { - opacity: 0; - } - 100%, to { - opacity: 1; - } -} - -.loader row:nth-child(1) span:nth-child(1) { - -webkit-animation-delay: .50s; - animation-delay: .50s; -} - -/* Added standard property to fix compatbiliy issues */ -.loader row:nth-child(1) span:nth-child(2) { - -webkit-animation-delay: .70s; - animation-delay: .70s; -} - -.loader row:nth-child(1) span:nth-child(3) { - -webkit-animation-delay: .60s; - animation-delay: .60s; -} - -.loader row:nth-child(2) span:nth-child(1) { - -webkit-animation-delay: .20s; - animation-delay: .20s; -} - -.loader row:nth-child(2) span:nth-child(2) { - -webkit-animation-delay: .80s; - animation-delay: .80s; -} - -.loader row:nth-child(2) span:nth-child(3) { - -webkit-animation-delay: .90s; - animation-delay: .90s; -} - -.loader row:nth-child(3) span:nth-child(1) { - -webkit-animation-delay: .10s; - animation-delay: .10s; -} - -.loader row:nth-child(3) span:nth-child(2) { - -webkit-animation-delay: .30s; - animation-delay: .30s; -} - -.loader row:nth-child(3) span:nth-child(3) { - -webkit-animation-delay: .40s; - animation-delay: .40s; -} - -/* ORINGINAL SITE CSS */ -html { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: transparent; -} - -*, *:before, *:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} - -html, body { - height: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-flow: row wrap; - flex-flow: row wrap; -} - -body { - font: normal 20px/1.4 'Inter', sans-serif; - margin: 0 1em; - padding: 1em 0; - color: #000; - background: none; -} - -@supports (font-variation-settings: normal) { - body { - font-family: 'Inter var', sans-serif; - } -} - -main { - margin: auto; - font-size: 6vh; - line-height: 1.2; - max-width: 75vh; -} - -/* I was trying to figure out how to only call the tags from index.html, so it wouldn't change the values for other tags, and I tried everything, -** or so I thought, and I figured out I had to do `.links a` by scrolling up and saw `.loader row span` which wasn't even the correct syntax but I removed -** the `row` and IT WORKED! I actually got so happy lol. - 2:15 AM, 8/7/2019 -*/ -.links a { - color: inherit; - text-decoration: none; - background-color: #ffdc73; - /* hsl(200, 100%, 80% */ - -webkit-box-shadow: 0 7px 30px -10px #ffdc73, 0 7px 30px -10px #ffdc73; - box-shadow: 0 7px 30px -10px #ffdc73, 0 7px 30px -10px #ffdc73; - -webkit-transition: background-color 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out; -} - -/* #ffdc73 box-shadow should usually be only box-shadow, but I made it two so it would be more visable. -// Secondary box-shadow, rgba(154,160,185,0.05) -*/ -.links a:hover, -.links a:focus { - outline: none; - background-color: #282936; - color: #fff; - -webkit-transition: color 0.15s ease-in-out; - transition: color 0.15s ease-in-out; - -webkit-box-shadow: 0 7px 30px -10px #282936, 0 7px 30px -10px #282936; - box-shadow: 0 7px 30px -10px #282936, 0 7px 30px -10px #282936; - /* rgba(166,173,201,0.2) */ - -webkit-transition: -webkit-box-shadow 0.15s ease-in-out; - transition: -webkit-box-shadow 0.15s ease-in-out; - transition: box-shadow 0.15s ease-in-out; - transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} diff --git a/mobile/index.html b/mobile/index.html deleted file mode 100644 index ded867f..0000000 --- a/mobile/index.html +++ /dev/null @@ -1,98 +0,0 @@ - - - - - - - - s1nical - Landing Page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- s1nical
- Full-stack developer.

- Follow me on Twitter. - View my code on GitHub. -
-
- - -
-
- - - - - - - - - - - - - - - -
-
- - - diff --git a/mobile/js/app.js b/mobile/js/app.js deleted file mode 100644 index de35b53..0000000 --- a/mobile/js/app.js +++ /dev/null @@ -1,81 +0,0 @@ -// BACKGROUND SPARKLES -// SCRIPT #1 - -// set up the base pattern -var pattern = Trianglify({ - height: window.innerHeight, // White: #fdfbfb, Salmon: #cc3300 - width: window.innerWidth, - x_colors: ['#040404', '#f9f9f9', '#fffff4', '#fbf7f5', '#d55454'], // Cappuccino: ['#854442', '#3c2f2f', '#fff4e6', '#be9b7b', '#4b3832'] - y_colors: ['#f9f1f1', '#f9f9f9', '#fffff4', '#fbf7f5', '#f9f1f1'], // Random colour generator: "#"+((1<<24)*Math.random()|0).toString(16) - variance: 10, - seed: Number.parseInt(Math.floor(Math.random() * 100)), // TODO: Live seed transitioning. - cell_size: 160 -}); - -// // canvas -// document.body.appendChild(pattern.canvas()) - -// svg -document.body.appendChild(pattern.svg()) - - - -// // png -// var png = document.createElement('img') -// png.src = pattern.png() -// document.body.appendChild(png) - -// SCRIPT #2 - -$('.title-wrapper').css('width', window.innerWidth); -$('.title-wrapper').css('height', window.innerHeight); - - -var time = 10, - $paths = $('body').find('svg').find('path'), - pathCollection = $paths.get(), - count = $paths.length; - -// console.log(count); - -pathCollection.sort(function () { - return Math.random() * 10 > 5 ? 1 : -1; -}); - -function showText() { - var title = $('h1'), - subtitle = $('h2'); - - title.removeClass('hidden'); - setTimeout(function () { - subtitle.removeClass('hidden'); - }, 500); -} - -setTimeout(function () { - $.each(pathCollection, function (i, el) { - var $path = $(this); - setTimeout(function () { - - $path.css('opacity', '1'); - }, time) - time += 10; - - if (i + 1 === count) { - setTimeout(function () { - showText(); - }, 2000); - } - - }); -}, 2000); - -/* Honestly I have NO idea what this is but it was in the original site source code so I kept it :) -(async () => { - if (navigator.webdriver || document.visibilityState === 'prerender' || !location.hostname) { - return; - } - - document.querySelector('a[href="/cdn-cgi/l/email-protection"]').href = `\x6dailto:hi\x40${location.hostname}`; -})(); -*/ \ No newline at end of file -- cgit v1.2.3