Complete overhaul of code structure and relevant files (#639)

src/Disp/Initialization/CreateWrinklerButton.js

@@ -0,0 +1,20 @@
+import { CacheWrinklersFattest } from '../../Cache/VariablesAndData';
+import PopAllNormalWrinklers from '../HelperFunctions/PopWrinklers';
+
+/**
+ * This function creates two objects at the bottom of the left column that allowing popping of wrinklers
+ */
+export default function CreateWrinklerButtons() {
+	const popAllA = document.createElement('a');
+	popAllA.id = 'PopAllNormalWrinklerButton';
+	popAllA.textContent = 'Pop All Normal';
+	popAllA.className = 'option';
+	popAllA.onclick = function () { PopAllNormalWrinklers(); };
+	l('sectionLeftExtra').children[0].append(popAllA);
+	const popFattestA = document.createElement('a');
+	popFattestA.id = 'PopFattestWrinklerButton';
+	popFattestA.textContent = 'Pop Single Fattest';
+	popFattestA.className = 'option';
+	popFattestA.onclick = function () { if (CacheWrinklersFattest[1] !== null) Game.wrinklers[CacheWrinklersFattest[1]].hp = 0; };
+	l('sectionLeftExtra').children[0].append(popFattestA);
+}

src/Disp/Initialization/CssArea.js

@@ -0,0 +1,13 @@
+import { DispCSS } from '../VariablesAndData';
+
+/**
+ * This function creates a CSS style that stores certain standard CSS classes used by CookieMonster
+
+ */
+export default function CreateCssArea() {
+	DispCSS = document.createElement('style');
+	DispCSS.type = 'text/css';
+	DispCSS.id = 'CMCSS';
+
+	document.head.appendChild(DispCSS);
+}

src/Disp/Initialization/UpdateBuildingUpgradeStyle.js

@@ -0,0 +1,10 @@
+/**
+ * This function updates the style of the building and upgrade sections to make these sortable
+ */
+export default function UpdateBuildingUpgradeStyle() {
+	l('products').style.display = 'grid';
+	l('storeBulk').style.gridRow = '1/1';
+
+	l('upgrades').style.display = 'flex';
+	l('upgrades').style['flex-wrap'] = 'wrap';
+}

src/Disp/Initialization/WhiteScreen.js

@@ -0,0 +1,14 @@
+/**
+ * This function creates a white square over the full screen and appends it to l('wrapper')
+ */
+export default function CreateWhiteScreen() {
+	const WhiteScreen = document.createElement('div');
+	WhiteScreen.id = 'CMWhiteScreen';
+	WhiteScreen.style.width = '100%';
+	WhiteScreen.style.height = '100%';
+	WhiteScreen.style.backgroundColor = 'white';
+	WhiteScreen.style.display = 'none';
+	WhiteScreen.style.zIndex = '9999999999';
+	WhiteScreen.style.position = 'absolute';
+	l('wrapper').appendChild(WhiteScreen);
+}