pointer free for all!

This is pseudo code for how it would appear while you're pointer is free and you're in the inspector part of the editor. You're past the intro already.

*** Version 1 *** (more compact)
< .majority >
	< .intro (collapsed) >
	< .reticule (collapsed) >
	< .bottombar >
	< .inventory >
< .sidebar >
	< .sampler (collapsed) >
	< .editor >
		< .inspector >
		< .assets (collapsed) >


*** Version 2 *** (easier to program hiding and showing)
< .pointerlock (collapsed) >
	< .majority >
		< .intro (collapsed) >
		< .reticule >
		< .inventory > (how does this move between the pointerlock and pointerfree?)
	< .sidebar >
		< .sampler >
< .pointerfree >
	< .majority >
		< .inventory > (If it isn't in the dom and in flow with the other elements, manipulating it in relation to the other elements becomes more complicated)
		< .bottombar >
	< .sidebar >
		< .inspector >
		< .assets (collapsed) >


*** Version 3 *** (pointerlock and pointerfree applied as classes to other elements. A little crazy?)
< .majority >
	< .intro .pointerlock (collapsed) >
	< .reticule .pointerlock (collapsed) >
	< .bottombar .pointerfree >
	< .inventory >
< .sidebar >
	< .sampler .pointerlock (collapsed) >
	< .editor .pointerfree  >
		< .inspector >
		< .assets .collapsed >