NOTE test commit from wsl
Discrepancy from atom git status
This commit is contained in:
parent
891b4be9dc
commit
cd870b1bfe
75 changed files with 15649 additions and 15649 deletions
|
|
@ -1,60 +1,60 @@
|
|||
"use strict";
|
||||
|
||||
function setup() {
|
||||
console.log('\n', hippie_brand, '\n\n');
|
||||
console.info('Debug information:\n\nHTML height is', html_height, '\nBODY height is', body_height, '\nVIEW height is', view_height);
|
||||
|
||||
if($('#js_tph').length && full_view_hover) {
|
||||
// $('body').prepend("<div id=\"js_tph\" class=\"layer__hover hover_full_view_change\"></div>");
|
||||
$('#js_tph').addClass("hover_full_view_change");
|
||||
}
|
||||
}
|
||||
|
||||
// get document coordinates of the element
|
||||
// function getCoords(elem) {
|
||||
// let box = elem.getBoundingClientRect();
|
||||
//
|
||||
// return {
|
||||
// top: box.top + pageYOffset,
|
||||
// left: box.left + pageXOffset
|
||||
// };
|
||||
// }
|
||||
|
||||
// https://stackoverflow.com/a/488073/1444149
|
||||
function Utils() {}
|
||||
|
||||
Utils.prototype = {
|
||||
constructor: Utils,
|
||||
isElementInView: function (element, fullyInView) {
|
||||
var pageTop = $(window).scrollTop();
|
||||
var pageBottom = pageTop + $(window).height();
|
||||
var elementTop = $(element).offset().top;
|
||||
var elementBottom = elementTop + $(element).height();
|
||||
|
||||
if (fullyInView === true) {
|
||||
return ((pageTop < elementTop) && (pageBottom > elementBottom));
|
||||
} else {
|
||||
return ((elementTop <= pageBottom) && (elementBottom >= pageTop));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var Utils = new Utils();
|
||||
|
||||
// TEST
|
||||
|
||||
function scrollNav() {
|
||||
$('.nav a').click(function(){
|
||||
//Toggle Class
|
||||
$(".active").removeClass("active");
|
||||
$(this).closest('li').addClass("active");
|
||||
var theClass = $(this).attr("class");
|
||||
$('.'+theClass).parent('li').addClass('active');
|
||||
//Animate
|
||||
$('html, body').stop().animate({
|
||||
scrollTop: $( $(this).attr('href') ).offset().top - 160
|
||||
}, 400);
|
||||
return false;
|
||||
});
|
||||
$('.scrollTop a').scrollTop();
|
||||
}
|
||||
"use strict";
|
||||
|
||||
function setup() {
|
||||
console.log('\n', hippie_brand, '\n\n');
|
||||
console.info('Debug information:\n\nHTML height is', html_height, '\nBODY height is', body_height, '\nVIEW height is', view_height);
|
||||
|
||||
if($('#js_tph').length && full_view_hover) {
|
||||
// $('body').prepend("<div id=\"js_tph\" class=\"layer__hover hover_full_view_change\"></div>");
|
||||
$('#js_tph').addClass("hover_full_view_change");
|
||||
}
|
||||
}
|
||||
|
||||
// get document coordinates of the element
|
||||
// function getCoords(elem) {
|
||||
// let box = elem.getBoundingClientRect();
|
||||
//
|
||||
// return {
|
||||
// top: box.top + pageYOffset,
|
||||
// left: box.left + pageXOffset
|
||||
// };
|
||||
// }
|
||||
|
||||
// https://stackoverflow.com/a/488073/1444149
|
||||
function Utils() {}
|
||||
|
||||
Utils.prototype = {
|
||||
constructor: Utils,
|
||||
isElementInView: function (element, fullyInView) {
|
||||
var pageTop = $(window).scrollTop();
|
||||
var pageBottom = pageTop + $(window).height();
|
||||
var elementTop = $(element).offset().top;
|
||||
var elementBottom = elementTop + $(element).height();
|
||||
|
||||
if (fullyInView === true) {
|
||||
return ((pageTop < elementTop) && (pageBottom > elementBottom));
|
||||
} else {
|
||||
return ((elementTop <= pageBottom) && (elementBottom >= pageTop));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var Utils = new Utils();
|
||||
|
||||
// TEST
|
||||
|
||||
function scrollNav() {
|
||||
$('.nav a').click(function(){
|
||||
//Toggle Class
|
||||
$(".active").removeClass("active");
|
||||
$(this).closest('li').addClass("active");
|
||||
var theClass = $(this).attr("class");
|
||||
$('.'+theClass).parent('li').addClass('active');
|
||||
//Animate
|
||||
$('html, body').stop().animate({
|
||||
scrollTop: $( $(this).attr('href') ).offset().top - 160
|
||||
}, 400);
|
||||
return false;
|
||||
});
|
||||
$('.scrollTop a').scrollTop();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,155 +1,155 @@
|
|||
"use strict";
|
||||
|
||||
// DOM ready
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).ready(function() {
|
||||
|
||||
// Setup
|
||||
// ------------------------------------------------------------------------------
|
||||
|
||||
setup();
|
||||
|
||||
|
||||
|
||||
// Modules
|
||||
// ------------------------------------------------------------------------------
|
||||
|
||||
// Explanation module scripts
|
||||
var exp_mode = false;
|
||||
|
||||
// Displays explanation popup
|
||||
$(".js_pop").hover(
|
||||
function() {
|
||||
var $this = $(this);
|
||||
|
||||
// if($(this).attr("emmet")){
|
||||
//
|
||||
// }
|
||||
|
||||
$(this).next(".exp_pop").show();
|
||||
}, function() {
|
||||
$(this).next(".exp_pop").hide();
|
||||
}
|
||||
).mousemove(
|
||||
function(ev) {
|
||||
$(this).next(".exp_pop").css({
|
||||
"top": ev.pageY - $(this).next(".exp_pop").outerHeight() - 4,
|
||||
"left": ev.pageX + 8
|
||||
// "left": ev.pageX - $(this).offset().left + 8
|
||||
});
|
||||
// TODO - needs more love
|
||||
// console.log(ev.pageX);
|
||||
}
|
||||
);
|
||||
|
||||
// WIP Activates layer with explanation elements
|
||||
// Besser ::after oder ::before benutzen
|
||||
$(".js_showmeta").click(function(e){
|
||||
var $wrap, $pop;
|
||||
|
||||
if(exp_mode !== true){
|
||||
exp_mode = true;
|
||||
|
||||
$(".js_pop").each(function(i, e){
|
||||
if($(this).css("position") === "static") {
|
||||
$(this).addClass("js_changed_pos");
|
||||
$(this).css("position", "relative");
|
||||
}
|
||||
|
||||
$pop = $(this).next(".exp_pop").detach();
|
||||
$wrap = $(this).wrap("<span class=\"exp_wrap\"></span>").parent().prepend("<span class=\"exp_marker_pop\"></span>");
|
||||
$wrap.after($pop);
|
||||
});
|
||||
|
||||
} else {
|
||||
$(".js_pop").each(function(i, e){
|
||||
$wrap = $(this).parent(".exp_wrap");
|
||||
$pop = $wrap.next(".exp_pop").detach();
|
||||
$wrap.find(".exp_marker_pop").remove();
|
||||
$(this).unwrap(".exp_wrap");
|
||||
$(this).after($pop);
|
||||
if($(this).hasClass("js_changed_pos")){
|
||||
$(this).css("position", "");
|
||||
if($(this).attr("style") === "") {
|
||||
$(this).removeAttr("style");
|
||||
}
|
||||
$(this).removeClass("js_changed_pos");
|
||||
}
|
||||
});
|
||||
|
||||
exp_mode = false;
|
||||
|
||||
}
|
||||
console.log("Explanation mode", exp_mode);
|
||||
});
|
||||
|
||||
// WIP Scroll to top
|
||||
$('.js_scrolltop').click(function(event) {
|
||||
event.preventDefault();
|
||||
console.log('scroll to the top');
|
||||
|
||||
document.documentElement.scrollTop = document.body.scrollTop = 0;
|
||||
|
||||
// var body = document.querySelector('body');
|
||||
// // get scroll position in px
|
||||
// console.log(body.scrollTop);
|
||||
// // set scroll position in px
|
||||
// body.scrollTop = 0;
|
||||
|
||||
// $('body')[0].scrollTop = 0;
|
||||
// $('body').animate({scrollTop: 0}, basic_ease, function() {
|
||||
// console.log('arrived at top');
|
||||
// });
|
||||
});
|
||||
$('.js_scrolldown').click(function(event) {
|
||||
event.preventDefault();
|
||||
var pos = Math.max(html_height, body_height) - view_height;
|
||||
console.log('scroll down to', pos);
|
||||
document.documentElement.scrollTop = pos;
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#gameIcon" ).click(function(event) {
|
||||
event.preventDefault();
|
||||
$( this ).clone().appendTo( "#gameDetail" );
|
||||
$( this ).siblings().clone().appendTo( "#gameDetail" );
|
||||
$( "#gameDetail" ).removeClass( "magic" );
|
||||
});
|
||||
|
||||
var i = 0;
|
||||
$( ".pass-def dd" ).each(function() {
|
||||
$( this ).find( "li" ).each(function( index ) {
|
||||
if ( 0 === $( this ).children( "ul" ).length ) {
|
||||
//console.log(index, ":", $( this ).text());
|
||||
var tempContent = $( this ).html();
|
||||
//$( this ).html( "<span class=\"list-count\"></span>" );
|
||||
$( this ).html(tempContent + "<span class=\"list-count\">" + i + "</span>");
|
||||
i++;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Scroll
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).scroll(function() {
|
||||
|
||||
// Toggle navigation elements
|
||||
doc_pos_y = $( document ).scrollTop();
|
||||
// console.log(doc_pos_y);
|
||||
// var demo_margin = $('.header__fix');
|
||||
if (doc_pos_y > scroll_y_margin) {
|
||||
$('.js_scrolltop').parent().removeClass('magic');
|
||||
} else {
|
||||
$('.js_scrolltop').parent().addClass('magic');
|
||||
}
|
||||
|
||||
|
||||
|
||||
});
|
||||
"use strict";
|
||||
|
||||
// DOM ready
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).ready(function() {
|
||||
|
||||
// Setup
|
||||
// ------------------------------------------------------------------------------
|
||||
|
||||
setup();
|
||||
|
||||
|
||||
|
||||
// Modules
|
||||
// ------------------------------------------------------------------------------
|
||||
|
||||
// Explanation module scripts
|
||||
var exp_mode = false;
|
||||
|
||||
// Displays explanation popup
|
||||
$(".js_pop").hover(
|
||||
function() {
|
||||
var $this = $(this);
|
||||
|
||||
// if($(this).attr("emmet")){
|
||||
//
|
||||
// }
|
||||
|
||||
$(this).next(".exp_pop").show();
|
||||
}, function() {
|
||||
$(this).next(".exp_pop").hide();
|
||||
}
|
||||
).mousemove(
|
||||
function(ev) {
|
||||
$(this).next(".exp_pop").css({
|
||||
"top": ev.pageY - $(this).next(".exp_pop").outerHeight() - 4,
|
||||
"left": ev.pageX + 8
|
||||
// "left": ev.pageX - $(this).offset().left + 8
|
||||
});
|
||||
// TODO - needs more love
|
||||
// console.log(ev.pageX);
|
||||
}
|
||||
);
|
||||
|
||||
// WIP Activates layer with explanation elements
|
||||
// Besser ::after oder ::before benutzen
|
||||
$(".js_showmeta").click(function(e){
|
||||
var $wrap, $pop;
|
||||
|
||||
if(exp_mode !== true){
|
||||
exp_mode = true;
|
||||
|
||||
$(".js_pop").each(function(i, e){
|
||||
if($(this).css("position") === "static") {
|
||||
$(this).addClass("js_changed_pos");
|
||||
$(this).css("position", "relative");
|
||||
}
|
||||
|
||||
$pop = $(this).next(".exp_pop").detach();
|
||||
$wrap = $(this).wrap("<span class=\"exp_wrap\"></span>").parent().prepend("<span class=\"exp_marker_pop\"></span>");
|
||||
$wrap.after($pop);
|
||||
});
|
||||
|
||||
} else {
|
||||
$(".js_pop").each(function(i, e){
|
||||
$wrap = $(this).parent(".exp_wrap");
|
||||
$pop = $wrap.next(".exp_pop").detach();
|
||||
$wrap.find(".exp_marker_pop").remove();
|
||||
$(this).unwrap(".exp_wrap");
|
||||
$(this).after($pop);
|
||||
if($(this).hasClass("js_changed_pos")){
|
||||
$(this).css("position", "");
|
||||
if($(this).attr("style") === "") {
|
||||
$(this).removeAttr("style");
|
||||
}
|
||||
$(this).removeClass("js_changed_pos");
|
||||
}
|
||||
});
|
||||
|
||||
exp_mode = false;
|
||||
|
||||
}
|
||||
console.log("Explanation mode", exp_mode);
|
||||
});
|
||||
|
||||
// WIP Scroll to top
|
||||
$('.js_scrolltop').click(function(event) {
|
||||
event.preventDefault();
|
||||
console.log('scroll to the top');
|
||||
|
||||
document.documentElement.scrollTop = document.body.scrollTop = 0;
|
||||
|
||||
// var body = document.querySelector('body');
|
||||
// // get scroll position in px
|
||||
// console.log(body.scrollTop);
|
||||
// // set scroll position in px
|
||||
// body.scrollTop = 0;
|
||||
|
||||
// $('body')[0].scrollTop = 0;
|
||||
// $('body').animate({scrollTop: 0}, basic_ease, function() {
|
||||
// console.log('arrived at top');
|
||||
// });
|
||||
});
|
||||
$('.js_scrolldown').click(function(event) {
|
||||
event.preventDefault();
|
||||
var pos = Math.max(html_height, body_height) - view_height;
|
||||
console.log('scroll down to', pos);
|
||||
document.documentElement.scrollTop = pos;
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#gameIcon" ).click(function(event) {
|
||||
event.preventDefault();
|
||||
$( this ).clone().appendTo( "#gameDetail" );
|
||||
$( this ).siblings().clone().appendTo( "#gameDetail" );
|
||||
$( "#gameDetail" ).removeClass( "magic" );
|
||||
});
|
||||
|
||||
var i = 0;
|
||||
$( ".pass-def dd" ).each(function() {
|
||||
$( this ).find( "li" ).each(function( index ) {
|
||||
if ( 0 === $( this ).children( "ul" ).length ) {
|
||||
//console.log(index, ":", $( this ).text());
|
||||
var tempContent = $( this ).html();
|
||||
//$( this ).html( "<span class=\"list-count\"></span>" );
|
||||
$( this ).html(tempContent + "<span class=\"list-count\">" + i + "</span>");
|
||||
i++;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
// Scroll
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).scroll(function() {
|
||||
|
||||
// Toggle navigation elements
|
||||
doc_pos_y = $( document ).scrollTop();
|
||||
// console.log(doc_pos_y);
|
||||
// var demo_margin = $('.header__fix');
|
||||
if (doc_pos_y > scroll_y_margin) {
|
||||
$('.js_scrolltop').parent().removeClass('magic');
|
||||
} else {
|
||||
$('.js_scrolltop').parent().addClass('magic');
|
||||
}
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
var hippie_brand = "|-| | |^ |^ | [- ";
|
||||
|
||||
var view_width = Math.max(document.documentElement.offsetWidth, document.documentElement.clientWidth, window.innerWidth, 0);
|
||||
var view_height = Math.max(document.documentElement.clientHeight, window.innerHeight, 0);
|
||||
var html_height = Math.max(document.documentElement.offsetHeight, document.documentElement.clientHeight, 0);
|
||||
var body_height = Math.max(document.body.offsetHeight, document.body.clientHeight, 0);
|
||||
var body_width = Math.max(document.body.offsetWidth, document.body.clientWidth, window.innerWidth, 0);
|
||||
|
||||
var full_view_hover = true;
|
||||
|
||||
var doc_pos_y = 0;
|
||||
var basic_ease = 600;
|
||||
var scroll_y_margin = view_height;
|
||||
|
||||
var onerow_alphabet = "/\\ ]3 ( |) [- /= (_, |-| | _T /< |_ |\\/| |\\| () |^ ()_ /? _\\~ ~|~ |_| \\/ \\/\\/ >< `/ ~/_ ";
|
||||
var onerow_digits = "\'| ^/_ -} +| ;~ (o \"/ {} \"| (\\) ";
|
||||
var hippie_brand = "|-| | |^ |^ | [- ";
|
||||
|
||||
var view_width = Math.max(document.documentElement.offsetWidth, document.documentElement.clientWidth, window.innerWidth, 0);
|
||||
var view_height = Math.max(document.documentElement.clientHeight, window.innerHeight, 0);
|
||||
var html_height = Math.max(document.documentElement.offsetHeight, document.documentElement.clientHeight, 0);
|
||||
var body_height = Math.max(document.body.offsetHeight, document.body.clientHeight, 0);
|
||||
var body_width = Math.max(document.body.offsetWidth, document.body.clientWidth, window.innerWidth, 0);
|
||||
|
||||
var full_view_hover = true;
|
||||
|
||||
var doc_pos_y = 0;
|
||||
var basic_ease = 600;
|
||||
var scroll_y_margin = view_height;
|
||||
|
||||
var onerow_alphabet = "/\\ ]3 ( |) [- /= (_, |-| | _T /< |_ |\\/| |\\| () |^ ()_ /? _\\~ ~|~ |_| \\/ \\/\\/ >< `/ ~/_ ";
|
||||
var onerow_digits = "\'| ^/_ -} +| ;~ (o \"/ {} \"| (\\) ";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue