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, more prone to error on the programming end)
< .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 prone to error again as, in development, parents could be added or removed.)
< .majority >
	< .intro .pointerlock (collapsed) >
	< .reticule .pointerlock (collapsed) >
	< .bottombar .pointerfree >
	< .inventory >
< .sidebar >
	< .sampler .pointerlock (collapsed) >
	< .editor .pointerfree  >
		< .inspector >
		< .assets .collapsed >