<?php
ob_start("ob_gzhandler");
?>
<!DOCTYPE html>
<html lang="en" manifest="">
<!--============================================================================
__ __ ______ ______ ______
/\ "-./ \ /\ __ \ /\__ _\ /\__ _\
\ \ \-./\ \ \ \ __ \ \/_/\ \/ \/_/\ \/
\ \_\ \ \_\ \ \_\ \_\ \ \_\ \ \_\
\/_/ \/_/ \/_/\/_/ \/_/ \/_/
============================================================================-->
<head>
<style>
body { background: #0a0a0a; }
</style>
<link rel="stylesheet/less" href="//localhost:8888/wordpress/wp-content/themes/2018/style.less">
<script src="//localhost:8888/wordpress/wp-content/themes/2018/pkg/js/less.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="//localhost:8888/wordpress/wp-content/themes/2018/pkg/js/unslider.min.js" type="text/javascript"></script>
</head>
<body id="top">
<script src="//localhost:8888/wordpress/wp-content/themes/2018/pkg/js/main.js" type="text/javascript"></script>
<header id="headerTop">
<div onclick="onClickTranMain()" class="avatar-group">
<div class="avatar"></div>
<div class="avatar-name"><h1></h1></div>
</div>
<div onclick="onSwitchTheme()" class="button-toggle">
<div class="button-circle"></div>
</div>
<span class="toggle-sub"> </span>
<nav class="nav-item">
<ul>
<li><a href="#about" onclick="onClickTranAbout()">ABOUT</a></li>
</ul>
</nav>
</header>
<div class="body-overlay"></div>
// Code goes here
//TODO
//## Set Timeout on page load
//## Then bool an if to unlock onClickEvents
//## Delay will help UX on load transitions not look fucking ugly
var clickDelay = false;
var themeType = -1;
var lightmodeON = false;
document.body.style.backgroundColor = "";
if (localStorage.themepref == 1 ) {
document.body.style.backgroundColor = "#FFF";
lightmode();
}
else {
document.body.style.backgroundColor = "#0a0a0a";
darkmode();
localStorage.themepref = 2;
}
window.onload = function() {
console.log('First');
if (event.target.readyState === 'loading') {
$('body').css({ background: ''});
document.body.style.backgroundColor = "inherit";
if(lightmodeON == true) {
$('body').css({background: "#FFF"});
document.body.style.backgroundColor = "#FFF";
}
if(lightmodeON == false) {
$('body').css({background: "#0a0a0a"});
document.body.style.backgroundColor = "#0a0a0a";
}
}
overloadBG();
};
document.addEventListener("DOMContentLoaded", function() {
//location.reload();
document.body.style.backgroundColor = "";
if (document.readyState === 'complete') {
if(lightmodeON == true) {
$('body').css({background: "#FFF"});
console.log('loading white bg');
}
if(lightmodeON == false) {
$('body').css({background: "#0a0a0a"});
console.log('loading black bg');
}
}
if (typeof (Storage) !=="undefined") {
if (localStorage.themepref == 1 ) {
lightmode();
}
else {
darkmode();
localStorage.themepref = 2;
}
if(lightmodeON == true) {
$('body').css({background: "#FFF"});
console.log('loading fffwhite bg');
}
if(lightmodeON == false) {
$('body').css({background: "#0a0a0a"});
console.log('loading black bg');
}
}
$('.nav-item').css({opacity: "0", webkitAnimation: "none"});
$('.about-biopic').css({opacity: "0", webkitAnimation: "none"});
$('.about-text').css({opacity: "0", webkitAnimation: "none"});
$('.transition-block').css({webkitAnimation: "none"});
$('.transition-block-r').css({webkitAnimation: "none"});
$('.transition-block-right').css({webkitAnimation: "none"});
$('.transition-block-full').css({webkitAnimation: "none"});
$('.toggle-sub').css({ transform: "scaleX(1)", webkitAnimation: "none"});
$('.call2ac').css({opacity: "0"});
$('.about-button-grid ul').css({opacity: "0"});
$('.call2ac').css({webkitAnimation: "none"});
$('#work-blocks').animate({opacity: "0.5", height: "0px"}, 0);
$('#work-blocks').animate({opacity: "1", height: "1300px"}, 1000);
$('.close-line').css({transform: "rotate(90deg)", webkitAnimation: "none", animation: 'none', transition: 'none', webkitTransition: 'none'});
$('.footer-hotlinks').css({opacity: "0"});
init();
});
window.addEventListener('beforeunload', function (e) {
document.body.style.backgroundColor = "";
if(lightmodeON == true) {
$('body').css({background: "#FFF"});
document.body.style.backgroundColor = "#FFF";
}
if(lightmodeON == false) {
$('body').css({background: "#0a0a0a"});
document.body.style.backgroundColor = "#0a0a0a";
}
document.body.style.backgroundColor = "inherit";
overloadBG();
});
window.onbeforeunload = function () {
//FUCK YOU BLINK
//$('body').css({ background: 'none'});
$('body').css({ background: ''});
document.body.style.backgroundColor = "";
if (typeof (Storage) !=="undefined") {
if (localStorage.themepref == 1 ) {
localStorage.themepref = 1;
lightmode();
}
else {
darkmode();
localStorage.themepref = 2;
}
}
}
document.onreadystatechange = function() {
// $('body').css({ background: ''});
// document.body.style.backgroundColor = "";
if (event.target.readyState === 'interactive') {
console.log('interactive');
if(lightmodeON === true) {
$('body').css({background: "#FFF"});
}
if(lightmodeON === false) {
$('body').css({background: "#0a0a0a"});
}
}
if (event.target.readyState === 'loading') {
$('body').css({ background: ''});
if(lightmodeON == true) {
$('body').css({background: "#FFF"});
$("body").css("cssText", "background: #FFF !important;");
}
if(lightmodeON == false) {
$('body').css({background: "#0a0a0a"});
$("body").css("cssText", "background: #0a0a0a !important;");
}
}
};
$( document ).ready(function() {
if(window.matchMedia('(prefers-color-scheme: dark)').matches && localStorage.themepref == 2 ) {
//darkmode();
console.log("OS Setting DARK MODE");
}
if (window.matchMedia("(prefers-color-scheme: light)").matches && localStorage.themepref == 1 ) {
//lightmode();
console.log("OS Setting LIGHT MODE");
}
else if(window.matchMedia('(prefers-color-scheme: dark)').matches && localStorage.themepref == "undefined" ) {
//darkmode();
console.log("OS Setting DARK MODE");
}
else if (window.matchMedia("(prefers-color-scheme: light)").matches && localStorage.themepref == "undefined" ) {
//lightmode();
console.log("OS Setting LIGHT MODE");
}
});
function init() {
$('#work-blocks').animate({height: "auto"}, 1400);
$('.footer-hotlinks').animate({opacity: "1"}, 3500);
$('.toggle-sub').css({ transform: "scaleX(-1)"});
window.scrollTo(0, 0);
$(window).scrollTop( $("#top").offset().top );
$(document).scrollTop(0);
setTimeout(function () {
document.getElementById('vid').play();
}, 300);
setTimeout(function () {
$('#about').css({opacity: "1"});
$('#home').animate({opacity: "0.05"}, 1900);
$('.about-biopic').css({opacity: "1", webkitAnimation: "", display: "block"});
$('.about-text').css({opacity: "1", webkitAnimation: ""});
$('.about-button-grid ul').css({opacity: "1"});
$('.call2ac').css({webkitAnimation: ""});
$('.call2ac').animate({opacity: "1"}, 600);
}, 500);
setTimeout(function () {
$('#home-bot-cat').animate({opacity: "1"}, 1300);
$('.body-overlay').css({display: "none"});
$('#work-blocks').animate({opacity: "1"}, 100);
$('#home').animate({opacity: "1"}, 400);
}, 800);
setTimeout(function () {
clickDelay = true;
}, 2200);
setTimeout(function () {
$('.nav-item').animate({opacity: "1"}, 800);
$('.close-line').css({transform: "", webkitAnimation: '', animation: '', transition: '', webkitTransition: ''});
}, 1500);
}
function lightmode() {
lightmodeON = true;
localStorage.themepref = 1;
themeType - 2;
document.body.style.backgroundColor = "#FFF";
$('body').css({background: "#FFF"});
$('.body-overlay').css({background: "#FFF"});
console.log(themeType, "Theme Type: Lightmode");
$('.body-theme-bg-dark').css({background: "#FFF"});
$('#headerTop').css({background: "#FFF"});
$('.transition-block').css({background: "#FFF", borderColor: "#fff"});
$('.transition-block-right').css({background: "#FFF"});
$('.transition-block-full').css({background: "#FFF"});
$('.transition-block-r').css({background: "#FFF"});
$('.call2ac h1').css({color: "#878a95"});
$('.call2ac span.aa').css({color: "#878a95"});
$('.call2ac span.hh').css({color: "#000"});
$('.call2ac span.lm').css({color: "#000"});
$('#home-bot-cat ul li .left-l ').css({color: "#000"});
$('#home-bot-cat ul li .right-l ').css({background: "#000", borderColor: "#000", color: "#FFF"});
$('#home-bot-cat h4 ').css({color: "#000"});
$('#blog-roll ul li h2').css({color: "#000"});
$('.home-contact-wrapper h4').css({color: "#000"});
$('.home-contact-wrapper .chat-wrapper p').css({color: "#000"});
$('about-text p').css({color: "#2b2929"});
$('.stage-404 h2 ').css({color: "#000"});
$('.stage-404 .return-home a ').css({color: "#000"});
$('.next-page').css({ background: "#fafafa", borderColor: "#fafafa", opacity: "1"});
$('.next-page h1').css({color: "#e0e0e0"});
$('.footer-hotlinks ul').css({filter: "invert(100%)"});
$('span.toggle-sub').css({filter: "invert(0)", transform: "scaleX(-1)"});
$('.button-circle').css({float: "right", right: "40px", marginRight: "5px", background: "#FFF"});
$('.button-toggle').css({ background: "#131419", border: "3px solid #000", boxShadow: "0px 5px 5px rgba(255,255,255, 0.3)"});
$('.about-button-social ul li ').css({filter: "invert(100%)"});
$('.nav-item ').css({color: "#000"});
$('.close-line').css({background: "#000"});
$('.close-line:nth-child(2)').css({background: "#000"});
}
function darkmode() {
lightmodeON = false;
localStorage.themepref = 2;
document.body.style.backgroundColor = "#0a0a0a";
$('body').css({background: "#0a0a0a"});
console.log(themeType, "Theme Type: Darkmode");
$('.body-overlay').css({background: "#0a0a0a"});
$('.body-theme-bg-light').css({display: "none"});
$('.body-theme-bg-dark').css({display: "block"});
$('#headerTop').css({background: "#0a0a0a"});
$('.transition-block').css({background: "", borderColor: ""});
$('.transition-block-right').css({background: "", borderColor: ""});
$('.transition-block-full').css({background: "", borderColor: ""});
$('.transition-block-r').css({background: "", borderColor: ""});
$('.call2ac h1').css({color: ""});
$('.call2ac span.aa').css({color: ""});
$('.call2ac span.hh').css({color: ""});
$('.call2ac span.lm').css({color: ""});
$('* span .lm').css({color: ""});
$('about-text p').css({color: ""});
$('#home-bot-cat ul li .left-l ').css({color: ""});
$('#home-bot-cat ul li .right-l ').css({background: "", borderColor: "", color: ""});
$('#home-bot-cat h4 ').css({color: ""});
$('#blog-roll ul li h2').css({color: ""});
$('.home-contact-wrapper h4').css({color: ""});
$('.home-contact-wrapper .chat-wrapper p').css({color: ""});
$('.stage-404 h2 ').css({color: ""});
$('.stage-404 .return-home a ').css({color: ""});
$('.next-page').css({background: "", borderColor: "", opacity: "1"});
$('.next-page').css({color: ""});
$('.footer-hotlinks ul').css({filter: ""});
$('span.toggle-sub').css({filter: "", transform: ""});
$('.about-button-social ul li ').css({filter: ""});
$('.nav-item ').css({color: "#FFF"});
$('.button-circle').css({float: "left", right: "", marginLeft: "", background: ""});
$('.button-toggle').css({ background: "", border: "", boxShadow: ""});
$('.close-line').css({background: "#FFF"});
$('.close-line:nth-child(2)').css({background: "#FFF"});
}
function onSwitchTheme() {
themeType ++;
if (themeType >= 0) {
lightmode();
}
if (themeType >= 1) {
darkmode();
themeType = -1;
}
}
function onClickTranAbout() {
if ( clickDelay ) {
$('.toggle-sub').css({ webkitAnimation: "none"});
$('.b2').animate({height: "0px"}, 100);
$('.b3').animate({height: "30px"}, 2500);
$('.b1').animate({height: "0px"}, 200);
$('.b4').animate({height: "0px", opacity: '0'}, 300);
$('.call2ac').animate({height: "0px"}, 2800);
$('.call2ac h1').animate({height: "toggle", opacity: "0"}, 400);
$('#home-bot-cat h4').animate({height: "toggle"}, 1600);
$('#home-bot-cat li').animate({opacity: "0"}, 1200);
$('#home-contact').animate({opacity: "0"}, 200);
$('#home-contact h4').animate({opacity: "0"}, 200);
$('.next-page ').css({height: "600px", background: 'inherit'}, 4200);
$('.next-page h1').animate({opacity: "0"}, 20);
$('#blog-roll h2').animate({opacity: "0"}, 1200);
$('.stage-404').animate({height: "toggle"}, 400);
$('#home').animate({opacity: "0"}, 600);
$('#work-blocks').animate({opacity: "0"}, 800);
$('.footer-hotlinks').animate({opacity: "0"}, 25);
$('.img-slider').animate({right: "-3000px"}, 8550);
$('.nav-item').animate({opacity: '0'}, 550);
$('.close-line').css({transform: "rotate(90deg)"});
$('.close-line:nth-child(2)').css({transform: "rotate(90deg)"});
setTimeout(function () {
$('.body-overlay').css({display: "block"});
$('.body-overlay').animate({opacity: "1"}, 800);
}, 800);
setTimeout(function () {
$('#about').animate({opacity: "0"}, 500);
$('.about-biopic').animate({height: "0"}, 500);
$('.close-line').animate({opacity: "0"}, 50);
}, 500);
setTimeout(function () {
window.location.replace("http://localhost:8888/wordpress/about");
var stateObj = { home: "home" };
history.pushState(stateObj, "home", "/");
clickDelay = false;
}, 2050);
}
}
function onClickTranMain() {
if ( clickDelay ) {
$('.toggle-sub').css({ webkitAnimation: "none"});
$('.b2').animate({height: "0px"}, 1500);
$('.b3').animate({height: "30px"}, 2500);
$('.b1').animate({ height: "0px"}, 2200);
$('.b4').animate({height: "0px", opacity: '0'}, 3600);
$('.call2ac').animate({height: "0px"}, 2800);
$('.call2ac h1').animate({height: "toggle", opacity: "0"}, 400);
$('#home-bot-cat h4').animate({height: "toggle"}, 2600);
$('#home-bot-cat li').animate({opacity: "0"}, 1200);
$('#home-contact').animate({opacity: "0"}, 600);
$('#home-contact h4').animate({opacity: "0"}, 600);
$('.next-page').css({height: "600px", background: 'inherit'}, 3200);
$('.next-page h1').animate({opacity: "0"}, 20);
$('#blog-roll h2').animate({opacity: "0"}, 1200);
$('.stage-404').animate({height: "toggle"}, 600);
$('#home').animate({opacity: "0"}, 600);
$('#blog-roll').animate({opacity: "0"}, 600);
$('.blog-link').animate({opacity: "0"}, 600);
$('.chat-wrapper').animate({opacity: "0"}, 600);
$('#work-blocks').animate({opacity: "0"}, 600);
$('.footer-hotlinks').animate({opacity: "0"}, 25);
$('.img-slider').animate({right: "500px", opacity: '0'}, 450);
$('.close-line').css({transform: "rotate(90deg)"});
$('.close-line:nth-child(2)').css({transform: "rotate(90deg)"});
$('.nav-item ').animate({opacity: "0"}, 500);
$('.w1').animate({opacity: "0"}, 500);
setTimeout(function () {
$('#about').animate({opacity: "0"}, 500);
$('.about-biopic').animate({height: "0"}, 500);
$('.close-line').animate({opacity: "0"}, 50);
//$('body').animate({opacity: "0"}, 500);
}, 500);
setTimeout(function () {
window.location.replace("http://localhost:8888/wordpress/");
var stateObj = { home: "home" };
history.pushState(stateObj, "home", "/");
clickDelay = false;
}, 650);
}
}
function overloadBG() {
$('body').css({ background: 'inherit'});
if(lightmodeON == true) {
$('body').css({background: "#FFF"});
document.body.style.backgroundColor = "#FFF";
}
if(lightmodeON == false) {
$('body').css({background: "#0a0a0a"});
document.body.style.backgroundColor = "#0a0a0a";
}
if (localStorage.themepref == 1 ) {
$('body').css({background: "#FFF"});
localStorage.themepref = 1;
lightmode();
}
else {
$('body').css({background: "#0a0a0a"});
darkmode();
localStorage.themepref = 2;
}
if (event.target.readyState === 'complete') {
if(lightmodeON == true) {
$('body').css({background: "#FFF"});
console.log('loading white bg');
}
if(lightmodeON == false) {
$('body').css({background: "#0a0a0a"});
console.log('loading black bg');
}
}
if (event.target.readyState === 'loading') {
if(lightmodeON == true) {
$('body').css({background: "#FFF"});
}
if(lightmodeON == false) {
$('body').css({background: "#0a0a0a"});
}
}
}
var docWidth = document.documentElement.offsetWidth;
[].forEach.call(
document.querySelectorAll('*'),
function(el) {
if (el.offsetWidth > docWidth) {
console.log(el);
}
}
);
$(function() {
var $body = $(document);
$body.bind('scroll', function() {
if ($body.scrollLeft() !== 0) {
$body.scrollLeft(0.2);
}
});
});
/* Styles go here */