god i hate web programming

2018-04-25 14:46:26 -04:00 · 2018-04-25 14:46:26 -04:00 · 4489359805
parent 587c54045c
commit 4489359805
258 changed files with 110 additions and 24 deletions
--- a/index.html
+++ b/index.html
@ -10,7 +10,7 @@ MY "WHY" FOR MAKING THIS:

 -->

-<!doctype>
+<!DOCTYPE html>
 <html>
 <head>

--- a/js/lib/helpers.js
+++ b/js/lib/helpers.js
@ -30,8 +30,8 @@ function createCanvas(canvas, width, height){
 	// Set difference in width & height
 	canvas.width = width*2;
 	canvas.height = height*2;
-	canvas.style.width = width;
-	canvas.style.height = height;
+	canvas.style.width = (width) + "px";
+	canvas.style.height = (height) + "px";

 	return canvas;
 	
@ -180,9 +180,10 @@ function rotateVector(v, a){

 // Cross Browser Crap
 function _getBoundingClientRect(dom){
+	//debugger;
 	var bounds = dom.getBoundingClientRect();
-	if(!bounds.x) bounds.x = bounds.left; // crossbrowser crap
-	if(!bounds.y) bounds.y = bounds.top; // crossbrowser crap
+	if(bounds.x===undefined) bounds.x = bounds.left; // crossbrowser crap
+	if(bounds.y===undefined) bounds.y = bounds.top; // crossbrowser crap
 	return bounds;
 }
 function _stopPropButton(button){
--- a/js/main.js
+++ b/js/main.js
@ -41,10 +41,8 @@ subscribe("prepreload/done", function(){

 	// Go to THE SPLASH
 	slideshow.gotoChapter("Preloader");
-	/*
-	slideshow.gotoChapter("Credits");
-	$("#navigation").style.display = "block";
-	*/
+	//slideshow.gotoChapter("Credits");
+	//$("#navigation").style.display = "block";

 });

--- a/js/sim/Simulations.js
+++ b/js/sim/Simulations.js
@ -160,16 +160,16 @@ function Sim(config){

 		var container = $("#simulations_container");
 		simOffset = _getBoundingClientRect(self.container.dom);
-		self.canvas.style.left = -simOffset.x;
-		self.canvas.style.top = -simOffset.y;
+		self.canvas.style.left = (-simOffset.x) + "px";
+		self.canvas.style.top = (-simOffset.y) + "px";

 		// Set difference in width & height
 		var width = container.clientWidth;
 		var height = container.clientHeight;
 		self.canvas.width = width*2;
 		self.canvas.height = height*2;
-		self.canvas.style.width = width;
-		self.canvas.style.height = height;
+		self.canvas.style.width = (width) + "px";
+		self.canvas.style.height = (height) + "px";

 	};
 	self.resize();
--- a/js/slideshow/Boxes.js
+++ b/js/slideshow/Boxes.js
@ -34,18 +34,18 @@ function Boxes(){

 		// Standard box properties...
 		if(config.id) box.id = config.id;
-		if(config.x) box.style.left = config.x;
-		if(config.y) box.style.top = config.y;
-		if(config.w) box.style.width = config.w;
-		if(config.h) box.style.height = config.h;
+		if(config.x) box.style.left = config.x + "px";
+		if(config.y) box.style.top = config.y + "px";
+		if(config.w) box.style.width = config.w + "px";
+		if(config.h) box.style.height = config.h + "px";
 		if(config.hidden) box.style.display = "none";

 		// background
 		if(config.background){
 			box.style.left = "-1000px";
 			box.style.top = "-1000px";
-			box.style.width = 10000;
-			box.style.height = 10000;
+			box.style.width = 10000 + "px";
+			box.style.height = 10000 + "px";
 			box.style.background = config.background;
 		}

--- a/js/slideshow/Navigation.js
+++ b/js/slideshow/Navigation.js
@ -67,13 +67,13 @@ function Navigation(){

 		var offset = _getBoundingClientRect(nav).x - _getBoundingClientRect($("#navigation")).x;
 		var label = nav.children[1].innerHTML;
-		bubble.style.left = offset - (220/2) + (36/2);
+		bubble.style.left = ( offset - (220/2) + (36/2) ) + "px";
 		bubble.innerHTML = label;

 		bubble.style.display = "block";
 		setTimeout(function(){
 			bubble.style.opacity = 1;
-			bubble.style.top = -85;
+			bubble.style.top = (-85) + "px";
 		},1);
 		isShowingBubble = true;

@ -81,7 +81,7 @@ function Navigation(){
 	var _hideBubble = function(){
 		isShowingBubble = false;
 		bubble.style.opacity = 0;
-		bubble.style.top = -80;
+		bubble.style.top = (-80) + "px";
 	};
 	var _countdown = 0;
 	subscribe("update", function(){
--- a/js/slideshow/Pencil.js
+++ b/js/slideshow/Pencil.js
@ -64,8 +64,8 @@ function Pencil(){
 	self.draw = function(){
 		
 		// Move DOM there
-		self.canvas.style.left = self.x-_margin;
-		self.canvas.style.top = self.y-_size+_margin;
+		self.canvas.style.left = (self.x-_margin) + "px";
+		self.canvas.style.top = (self.y-_size+_margin) + "px";

 		// Which sprite? (normal by default...)
 		var sprite = self.sprite;
--- a/supporters/index.html
+++ b/supporters/index.html
--- a/supporters/peeps/aimee_jarboe.png
+++ b/supporters/peeps/aimee_jarboe.png
--- a/supporters/peeps/andrew_grondin.png
+++ b/supporters/peeps/andrew_grondin.png
--- a/supporters/peeps/andy_ellis.png
+++ b/supporters/peeps/andy_ellis.png
--- a/supporters/peeps/ben_mathes.png
+++ b/supporters/peeps/ben_mathes.png
--- a/supporters/peeps/chad_sansing.png
+++ b/supporters/peeps/chad_sansing.png
--- a/supporters/peeps/christopher_rodier.png
+++ b/supporters/peeps/christopher_rodier.png
--- a/supporters/peeps/david_e_weekly.png
+++ b/supporters/peeps/david_e_weekly.png
--- a/supporters/peeps/dylan_field.png
+++ b/supporters/peeps/dylan_field.png
--- a/supporters/peeps/jared_cosulich.png
+++ b/supporters/peeps/jared_cosulich.png
--- a/supporters/peeps/joe_sevits.png
+++ b/supporters/peeps/joe_sevits.png
--- a/supporters/peeps/kate_fractal.png
+++ b/supporters/peeps/kate_fractal.png
--- a/supporters/peeps/ljt.png
+++ b/supporters/peeps/ljt.png
--- a/supporters/peeps/matt_hughes.png
+++ b/supporters/peeps/matt_hughes.png
--- a/supporters/peeps/michael_duke.png
+++ b/supporters/peeps/michael_duke.png
--- a/supporters/peeps/michael_huff.png
+++ b/supporters/peeps/michael_huff.png
--- a/supporters/peeps/natalie_sun.png
+++ b/supporters/peeps/natalie_sun.png
--- a/supporters/peeps/nick.png
+++ b/supporters/peeps/nick.png
--- a/supporters/peeps/noel.png
+++ b/supporters/peeps/noel.png
--- a/supporters/peeps/phil_dougherty.png
+++ b/supporters/peeps/phil_dougherty.png
--- a/supporters/peeps/rafael_ffont.png
+++ b/supporters/peeps/rafael_ffont.png
--- a/supporters/peeps/sean_riley.png
+++ b/supporters/peeps/sean_riley.png
--- a/supporters/peeps/srini_kadamati.png
+++ b/supporters/peeps/srini_kadamati.png
--- a/supporters/peeps/travis_ross.png
+++ b/supporters/peeps/travis_ross.png
--- a/supporters/peeps/yuhan_kuo.png
+++ b/supporters/peeps/yuhan_kuo.png
--- a/supporters/peeps/zach_smith.png
+++ b/supporters/peeps/zach_smith.png
--- a/supporters/polygons/aaron.png
+++ b/supporters/polygons/aaron.png
--- a/supporters/polygons/abhishek_modi.png
+++ b/supporters/polygons/abhishek_modi.png
--- a/supporters/polygons/adam_zeiner.png
+++ b/supporters/polygons/adam_zeiner.png
--- a/supporters/polygons/aditya_bhargava.png
+++ b/supporters/polygons/aditya_bhargava.png
--- a/supporters/polygons/aiden_clack.png
+++ b/supporters/polygons/aiden_clack.png
--- a/supporters/polygons/aiman_josefsson.png
+++ b/supporters/polygons/aiman_josefsson.png
--- a/supporters/polygons/aimee_jarboe.png
+++ b/supporters/polygons/aimee_jarboe.png
--- a/supporters/polygons/alejo_amiras.png
+++ b/supporters/polygons/alejo_amiras.png
--- a/supporters/polygons/alex_dytrych.png
+++ b/supporters/polygons/alex_dytrych.png
--- a/supporters/polygons/alex_g.png
+++ b/supporters/polygons/alex_g.png
--- a/supporters/polygons/alex_mole.png
+++ b/supporters/polygons/alex_mole.png
--- a/supporters/polygons/alexander_zacherl.png
+++ b/supporters/polygons/alexander_zacherl.png
--- a/supporters/polygons/alexandre_barret.png
+++ b/supporters/polygons/alexandre_barret.png
--- a/supporters/polygons/allison_cliftjennings.png
+++ b/supporters/polygons/allison_cliftjennings.png
--- a/supporters/polygons/amy_fuchs.png
+++ b/supporters/polygons/amy_fuchs.png
--- a/supporters/polygons/amy_traylor.png
+++ b/supporters/polygons/amy_traylor.png
--- a/supporters/polygons/andrea_di_biagio.png
+++ b/supporters/polygons/andrea_di_biagio.png
--- a/supporters/polygons/andrew_grondin.png
+++ b/supporters/polygons/andrew_grondin.png
--- a/supporters/polygons/andy_ellis.png
+++ b/supporters/polygons/andy_ellis.png
--- a/supporters/polygons/animation_at_work.png
+++ b/supporters/polygons/animation_at_work.png
--- a/supporters/polygons/anshul_dhawan.png
+++ b/supporters/polygons/anshul_dhawan.png
--- a/supporters/polygons/anthony_pecorella.png
+++ b/supporters/polygons/anthony_pecorella.png
--- a/supporters/polygons/aran_jger.png
+++ b/supporters/polygons/aran_jger.png
--- a/supporters/polygons/aria_minaei.png
+++ b/supporters/polygons/aria_minaei.png
--- a/supporters/polygons/artwalks_europe.png
+++ b/supporters/polygons/artwalks_europe.png
--- a/supporters/polygons/ben_kraft.png
+++ b/supporters/polygons/ben_kraft.png
--- a/supporters/polygons/ben_mathes.png
+++ b/supporters/polygons/ben_mathes.png
--- a/supporters/polygons/benjamin_lindsay.png
+++ b/supporters/polygons/benjamin_lindsay.png
--- a/supporters/polygons/bob_wise.png
+++ b/supporters/polygons/bob_wise.png
--- a/supporters/polygons/bohdan_makohin.png
+++ b/supporters/polygons/bohdan_makohin.png
--- a/supporters/polygons/boondoggle.png
+++ b/supporters/polygons/boondoggle.png
--- a/supporters/polygons/brian.png
+++ b/supporters/polygons/brian.png
--- a/supporters/polygons/brian_lange.png
+++ b/supporters/polygons/brian_lange.png
--- a/supporters/polygons/brianna_bergen.png
+++ b/supporters/polygons/brianna_bergen.png
--- a/supporters/polygons/bruce_steinberg.png
+++ b/supporters/polygons/bruce_steinberg.png
--- a/supporters/polygons/c.png
+++ b/supporters/polygons/c.png
--- a/supporters/polygons/caelyn_mcaulay.png
+++ b/supporters/polygons/caelyn_mcaulay.png
--- a/supporters/polygons/caio_vinicius_do_nascimento.png
+++ b/supporters/polygons/caio_vinicius_do_nascimento.png
--- a/supporters/polygons/cathy_deng.png
+++ b/supporters/polygons/cathy_deng.png
--- a/supporters/polygons/ceceron44.png
+++ b/supporters/polygons/ceceron44.png
--- a/supporters/polygons/cedric_rossi.png
+++ b/supporters/polygons/cedric_rossi.png
--- a/supporters/polygons/chad_sansing.png
+++ b/supporters/polygons/chad_sansing.png
--- a/supporters/polygons/charlie_stigler.png
+++ b/supporters/polygons/charlie_stigler.png
--- a/supporters/polygons/chris_hallacy.png
+++ b/supporters/polygons/chris_hallacy.png
--- a/supporters/polygons/chris_makler.png
+++ b/supporters/polygons/chris_makler.png
--- a/supporters/polygons/christopher_ferrie.png
+++ b/supporters/polygons/christopher_ferrie.png
--- a/supporters/polygons/christopher_goes.png
+++ b/supporters/polygons/christopher_goes.png
--- a/supporters/polygons/christopher_rodier.png
+++ b/supporters/polygons/christopher_rodier.png
--- a/supporters/polygons/clive_freeman.png
+++ b/supporters/polygons/clive_freeman.png
--- a/supporters/polygons/colin_anderson.png
+++ b/supporters/polygons/colin_anderson.png
--- a/supporters/polygons/colin_liotta.png
+++ b/supporters/polygons/colin_liotta.png
--- a/supporters/polygons/cristy_stone.png
+++ b/supporters/polygons/cristy_stone.png
--- a/supporters/polygons/curtis_frye.png
+++ b/supporters/polygons/curtis_frye.png
--- a/supporters/polygons/cyrus_levy.png
+++ b/supporters/polygons/cyrus_levy.png
--- a/supporters/polygons/da_liberman.png
+++ b/supporters/polygons/da_liberman.png
--- a/supporters/polygons/dag_frode_solberg.png
+++ b/supporters/polygons/dag_frode_solberg.png
--- a/supporters/polygons/dave_mcclure.png
+++ b/supporters/polygons/dave_mcclure.png
--- a/supporters/polygons/dave_tu.png
+++ b/supporters/polygons/dave_tu.png
--- a/supporters/polygons/david_e_weekly.png
+++ b/supporters/polygons/david_e_weekly.png
--- a/supporters/polygons/david_sallmann.png
+++ b/supporters/polygons/david_sallmann.png
--- a/supporters/polygons/dinos_papadopoulos.png
+++ b/supporters/polygons/dinos_papadopoulos.png
--- a/supporters/polygons/dominc.png
+++ b/supporters/polygons/dominc.png
--- a/supporters/polygons/dylan_field.png
+++ b/supporters/polygons/dylan_field.png
--- a/supporters/polygons/eli_jeschke.png
+++ b/supporters/polygons/eli_jeschke.png
--- a/supporters/polygons/elmar_schlueter.png
+++ b/supporters/polygons/elmar_schlueter.png
--- a/supporters/polygons/eric_chisholm.png
+++ b/supporters/polygons/eric_chisholm.png
--- a/supporters/polygons/evan_rocha.png
+++ b/supporters/polygons/evan_rocha.png
--- a/Show More
+++ b/Show More