Game.dev.html

<!DOCTYPE HTML>
<HTML LANG="sv">
<!-- written by Yggre -->

<head>
	<link rel="stylesheet" type="text/css" href="Stil.css">
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
	<title>The Essence of Gender</title>
</head>

<body>
	<!-- CharCreator: Form for user data-->
	<div id="StartPage">
		<p id="StartProgressBar"></p>
		<h1>The Essence of Gender</h1>
		<h2 id="LoadingImagesProgress" class="visible">Loading tiles...</h2>
		<button type="button" id="GoToCharCreator">Start game</button>
		<button type="button" id="LoadButton">Load game</button>
		<!--<input type="button" id="NewGamePlus" value="(placeholder)Old release load" />-->
	</div>

	<div id="CharCreator" class="None Options">
		<div class="OptionsInnerDiv">
			<h2>Create character</h2>
			<form name="CreatePlayer">
				<label for="firstname">First name</label>
				<input type="text" id="firstname" placeholder="Your first name" value="Alex" />
				<label for="lastname">Last name</label>
				<input type="text" id="lastname" placeholder="Your last name" value="Smith" />
				<label for="haircolor">Hair color</label>
				<select id="haircolor">
					<option value="blonde">Blonde</option>
					<option value="brown">Brown</option>
					<option value="dark brown">Dark Brown</option>
					<option value="black">Black</option>
					<option value="red">Red</option>
				</select>
				<label for="skincolor">Skin color</label>
				<select id="skincolor">
					<option value="fair">Pale</option>
					<option value="tan">Tan</option>
					<option value="brown">Brown</option>
					<option value="black">Black</option>
				</select>
			</form>
			<br>
			<button type="button" id="BackHome">Return</button>
			<button type="button" id="Begin">Continue</button>
		</div>
	</div>

	<!-- page2: Start page set tone, necessary start info and start settings -->
	<div id="page2" class="None Options">
		<div class="OptionsInnerDiv">
			<h2>A new chapter</h2>
			<p>After celebrating your coming of age, it is time for you to leave your family's home and make a
				life on your own. How will you fare in this world where the weak submit and the strong dominate?</p>
			<p id="looks"></p>
			<p>Your first stop on this adventure is the local outpost marked with a C on your map. You can rest for the
				night
				and recover here.</p>
			<div>
				<p>Notes: You can move with mouse, wasd or arrow keys.</p>
				<label for="StartAutoEssence">Do you want gender transformations to happen automatically or manually?
					(Also: vore?)</label>
				<button type="button" id="StartAutoEssence">Auto TF true</button>
				<button type="button" id="VoreStart">Vore false</button>
				<!--	<input type="button" id="Balance" value="Balance False" /> -->
				<br><button type="button" id="startgame">Start game</button>
			</div>
		</div>
	</div>

	<div id="map" class="None">
		<canvas id="hem"></canvas>
		<div id="WorldMapContainer">
			<div id="WorldMapPart">
				<canvas id="WorldMap"></canvas>
			</div>
			<button type="button" id="HideWorldMap" class="SmolButton" title="Click to hide or show">H</button>
			<p id="StatusArea">Start</p>
		</div>
	</div>

	<div id="EventLog" class="None">
		<button type="button" id="HideEventLog" class="SmolButton">Hide</button>
		<h2 id="EventLogH2">Event Log</h2>
		<div id="EventLogPart" title="Click to enlarge">
			<p id="EventText"></p>
		</div>
		<button type="button" id="HideFluids" class="SmolButton">Hide</button>
		<h2 id="EventFluidsH2">Fluids</h2>
		<button type="button" id="FluidsMode" class="SmolButton" title="Change the amount of rows.">A</button>
		<div id="FluidPart">
			<div id="FluidContainer" class="AutoColumn">
				<div id="CumBar">
					<label for="FluidCum">Cum</label>
					<div class="FullFluidBar">
						<div id="FluidCum"></div>
					</div>
				</div>
				<div id="MilkBar">
					<label for="FluidMilk">Milk</label>
					<div class="FullFluidBar">
						<div id="FluidMilk"></div>
					</div>
				</div>
				<div id="FemcumBar">
					<label for="FluidFemcum">Femcum</label>
					<div class="FullFluidBar">
						<div id=""></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="buttons" class="left buttons None">
		<button type="button" id="LevelButton">Level up</button>
		<button type="button" id="Looks">Looks</button>
		<button type="button" id="ShowInventory">Inventory</button>
		<button type="button" id="Quests">Quests</button>
		<button type="button" id="Save">Save</button>
		<button type="button" id="Load">Load</button>
		<button type="button" id="Options">Options</button>
		<button type="button" id="EssenceOptions">Essence</button>
		<button type="button" id="VoreLooks">Vore</button>
	</div>
	<div id="EmptyButtons" class="left buttons None"></div>
	<div id="SaveMenu" class="SLMenu None">
		<div class="SLMenuInner">
			<h1>Save menu</h1>
			<button type="button" id="SavePlayer1">Save 1</button><br>
			<button type="button" id="SavePlayer2">Save 2</button><br>
			<button type="button" id="SavePlayer3">Save 3</button><br>
			<button type="button" id="SavePlayer4">Save 4</button><br>
			<button type="button" id="SavePlayer5">Save 5</button><br><br>
			<button type="button" id="SaveLeave">Leave</button>
			<br><br><button type="button" id="SaveText">Save to computer</button>
		</div>
	</div>
	<div id="LoadMenu" class="SLMenu None">
		<div class="SLMenuInner">
			<h1>Load menu</h1>
			<button type="button" id="LoadPlayer1">Load 1</button><br>
			<button type="button" id="LoadPlayer2">Load 2</button><br>
			<button type="button" id="LoadPlayer3">Load 3</button><br>
			<button type="button" id="LoadPlayer4">Load 4</button><br>
			<button type="button" id="LoadPlayer5">Load 5</button><br><br>
			<button type="button" id="LoadLeave">Leave</button>
			<button type="button" id="LoadLeaveStart">Leave</button><br><br>
			<label for="LoadFile">Load from computer</label>
			<input type="file" id="LoadFile" value="Load from computer">
		</div>
	</div>

	<!--	<div id="NewGamePlusMenu" class="SLMenu None">
		<h1>Old Save Game</h1>
		<input type="button" id="NGPLoadPlayer1" value="Load 1 " />
		<input type="button" id="NGPLoadPlayer2" value="Load 2" />
		<input type="button" id="NGPLoadPlayer3" value="Load 3" />
		<input type="button" id="NGPLoadPlayer4" value="Load 4" />
		<input type="button" id="NGPLoadPlayer5" value="Load 5" />
		<input type="button" id="NGPLoadLeaveStart" value="Leave">
		<br><br><input type="file" id="NGPLoadFile" value="Load from computer" />
	</div>
-->
	<div id="LevelMenu" class="LPMenu None"></div>

	<div id="ShowLooks" class="None Looks">
		<div class="LooksInner">
			<p id="looks2"></p>
			<br>
			<p id="genitals2"></p>
			<p id="StatusMascFemi"></p>
			<p id="StatusFitness"></p>
			<button type="button" id="CloseLooks">Close</button>
			<button type="button" id="ExtraInfo">Detailed info</button>
			<button type="button" id="Perks">Levels</button>
		</div>
	</div>

	<div id="DetailedInfo" class="None Looks">
		<div class="LooksInner">
			<h1>Details</h1>
			<p id="FullRace"></p>
			<br>
			<p id="Pregnancy"></p>
			<button type="button" id="Children">Children(alpha)</button>
			<br>
			<p id="ExtraStats"></p>
			<button type="button" id="CloseExtra">Close</button>
		</div>
	</div>

	<div id="Levels" class="None Looks">
		<button type="button" id="CloseLevel">Close</button>
	</div>

	<div id="ChildrenMenu" class="None">
		<h2>Birthed by</h2>
		<div id="ChildCorner"></div>
		<button type="button" id="LeaveChildrenMenu">Close</button>
	</div>

	<div id="ShowQuests" class="None Options">
		<div class="OptionsInnerDiv">
			<h1>Quests</h1>
			<div id="QuestTexts">
			</div>
			<button type="button" id="QuestsLeave">Close</button>
		</div>
	</div>


	<div id="status" class="left None status">
		<button type="button" id="FullScreen" class="SmolButton" title="Change to fullscreen/windowed">F</button>
		<div id="Date">
			<p id="DateContainer"><time id="CurrentDate"></time></p>
		</div>
		<p id="StatusName"></p>
		<label for="StatusHealth">Health</label>
		<div class="FullBar">
			<div id="StatusHealth" class="StatusHealth"></div>
		</div>
		<label for="StatusWillHealth">Willpower</label>
		<div class="FullBar">
			<div id="StatusWillHealth" class="StatusWillHealth"></div>
		</div>
		<label for="StatusLevel">Level</label>
		<div class="FullBar">
			<div id="StatusLevel"></div>
		</div>
		<div id="GoldContainer">
			<img src="res/coin.PNG" id="GoldImg">
			<p id="Gold" data-clicked="0"></p>
		</div>
		<p id="Hunger"></p>
	</div>

	<div id="CheatMenu" class="Options None">
		<div class="OptionsInnerDiv">
			<h1>Cheats</h1>
			<div class="TwoColumn">
				<button type="button" id="CheatsEnabled">Cheats Enabled false</button>
				<button type="button" id="CheatsGold">Gold false</button>
				<button type="button" id="CheatsMasc">Masc false</button>
				<button type="button" id="CheatsFemi">Femi false</button>
				<button type="button" id="CheatsExp">Exp false</button>
				<button type="button" id="CheatsVoreExp">Vore Exp false</button>
				<button type="button" id="CheatsFastTime">FastTime false</button>
				<button type="button" id="CloseCheatMenu">Close</button>
			</div>
		</div>
	</div>

	<div id="optionpage" class="Options None">
		<div class="OptionsInnerDiv">
			<div class="TwoColumn">
				<div class="TwoColumn">
					<div>
						<label for="backcolor">Backcolor</label>
						<input type="color" id="backcolor" value="#9099a7" />
					</div>
					<div>
						<label for="MapColor">Map color</label>
						<input type="color" id="MapColor" value="#808080" />
					</div>
				</div>
				<div class="TwoColumn">
					<div>
						<label for="BorderColor">Border color</label>
						<input type="color" id="BorderColor" value="#B22222" />
					</div>
					<div>
						<label for="textcolor">Textcolor</label>
						<input type="color" id="textcolor" value="#000000" />
					</div>
				</div>
				<div>
					<label for="SideBarColor">Side bar color</label>
					<input type="color" id="SideBarColor" value="#9999CC" />
				</div>
				<div>
					<label for="textfont">Textfont</label>
					<select id="textfont">
						<option value="Times New Roman', Times, serif">Times New Roman</option>
						<option value="Verdana, Geneva, sans-serif" selected>Verdana</option>
						<option value="Arial, Helvetica, sans-serif">Ariel</option>
						<option value="Tahoma, Geneva, sans-serif">Tahoma</option>
						<option value="Impact,Charcoal,sans-serif">Impact</option>
						<option value="Trebuchet MS, Helvetica, sans-serif">Trebuchet MS</option>
					</select>
				</div>
				<div>
					<label for="MapScale">Map size</label>
					<select id="MapScale">
						<option value="0.5">Small(50%)</option>
						<option value="0.6">Small+(60%)</option>
						<option value="0.7">Medium(70%)</option>
						<option value="0.8" selected>Medium+(80%)</option>
						<option value="0.9">Large(90%)</option>
						<option value="0.98">Max(98%)</option>
					</select>
				</div>
				<div>
					<label for="Sizes">Font size</label>
					<div id="Sizes">
						<button type="button" id="FontSmaller">-</button>
						<p id="FontSize"></p>
						<button type="button" id="FontBigger">+</button>
					</div>
				</div>
				<div>
					<label for="Inch">Imperial units</label>
					<button type="button" id="Inch" title="Switches to imperial units, pound, inch...">Inch
						false</button>
				</div>
				<div>
					<label for="ImgPack">Image pack</label>
					<button type="button" id="ImgPack">ImgPack(No included)</button>
				</div>

				<div>
					<label for="SetPronoun">Set pronouns</label>
					<button type="button" id="SetPronoun"
						title="Set your preferred pronouns for different genders.">Change Pronouns</button>
				</div>
				<div>
					<label for="HighLightDoors">Highlight doors</label>
					<button type="button" id="HighLightDoors" title="Highlight doors">Highlight Doors</button>
				</div>
			</div>
			<div class="TwoColumn">
				<div>
					<label>Other</label>
					<button type="button" id="PerkOptions">Fetish options</button>
				</div>
				<div>
					<label for="EventLogCon">Eventlog max inputs</label>
					<div class="BigSmallBig" id="EventLogCon">
						<button type="button" id="Log+10" title="">+10</button>
						<p id="LogLength"></p>
						<button type="button" id="Log-10" title="">-10</button>
					</div>
				</div>
			</div>
			<button type="button" id="saveoptions">Save options</button>
		</div>
	</div>

	<div id="PronounForm" class="None Options">
		<div class="OptionsInnerDiv">
			<label for="Herm">Herm</label>
			<input type="text" id="Herm" placeholder="hermaphrodite" value="hermaphrodite" />
			<label for="Male">Male</label>
			<input type="text" id="Male" placeholder="male" value="male" />
			<label for="Female">Female</label>
			<input type="text" id="Female" placeholder="female" value="female" />
			<label for="Doll">Doll</label>
			<input type="text" id="Doll" placeholder="doll" value="doll" />
			<label for="DickGirl">Dickgirl</label>
			<input type="text" id="DickGirl" placeholder="dickgirl" value="dickgirl" />
			<label for="CuntBoy">Cuntboy</label>
			<input type="text" id="CuntBoy" placeholder="CuntBoy" value="cuntboy" />
			<br><br>
			<button type="button" id="DisablePronoun">Disable</button>
			<button type="button" id="AcceptPronoun">Accept</button>
		</div>
	</div>

	<div id="EssenceOptionsMenu" class="None Options">
		<div class="OptionsInnerDiv">
			<p id="EssenceTracker"></p>
			<div id="EssenceStart">
				<label for="OptionGiveEssence">Give Essence</label>
				<button type="button" id="OptionGiveEssence"
					title="If you have the give essence perk this set what essence you give to your opponents when you orgasm.">Both</button>
				<label for="NoExtra">Set max dicks/boobs/pussies/balls for you and opponents.</label>
				<button type="button" id="NoExtra"
					title="On auto you can't grow more than the set amount of dick, pussy, balls and breast. This settings always effect opponents. Setting t.ex. dick to zero will make all opponents female or doll likewise setting pussies to zero makes all opponents male or doll.">Set
					max boobs/dicks etc</button>
				<div id="MaxMenu" class="None">
					<button type="button" id="BoobsLess">Boobs--</button>
					<button type="button" id="BoobsMore">Boobs++</button>
					<button type="button" id="VaginasLess">Pussies--</button>
					<button type="button" id="VaginasMore">Pussies++</button>
					<button type="button" id="DicksLess">Dick--</button>
					<button type="button" id="DicksMore">Dick++</button>
					<button type="button" id="BallsLess">Balls--</button>
					<button type="button" id="BallsMore">Balls++</button>
				</div>

				<label for="EssenceAuto">Are essence body changes Automatic or Manual?</label>
				<button type="button" id="EssenceAuto">Essence Auto</button><br>
				<!--	<input type="button" id="MBalance" value="Balance false" />-->
				<p>Warning: if you play on manual, switching to Auto will change you according to your current
					Femininity and Masculinity, so if you have spent a lot of Essence it will be lost.</p>
				<div id="ManualGrowth" class="TwoColumn None">
					<button type="button" id="GrowBreast">Breast menu</button>
					<button type="button" id="GrowPussy">Pussy menu</button><br>
					<button type="button" id="GrowDick">Dick menu</button>
					<button type="button" id="GrowBalls">Balls menu</button>
				</div>
			</div>
			<div id="ManualOrgans" class="None"></div>
			<br><button type="button" id="EssenceOptionsLeave">Close</button>
		</div>
	</div>

	<div id="PerkOptionsMenu" class="Options None">
		<br>
		<label for="Skip">Skip Sex</label>
		<button type="button" id="Skip">Skip</button><br>
		<label for="Vore">Vore</label>
		<button type="button" id="Vore">Vore false</button><br>
		<label for="PlayerSpriteEnable">Player sprite image(testing)</label>
		<button type="button" id="PlayerSpriteEnable">Player sprite false</button>
		<br><br><button type="button" id="PerkOptionsLeave">Leave</button>
	</div>

	<div id="Inventory" class="None">
		<p id="InventoryText" class="MenuText"></p>
		<div id="InventoryBag"></div>
		<div>
			<button type="button" id="InventoryLeave">Close</button>
		</div>
	</div>

	<div id="SpellBook" class="None Book">

	</div>

	<div id="ShowVore" class="None Vore">
		<div id="VoreStats">
			<label for="VoreLevel">Vore level</label>
			<div class="FullBar">
				<div id="VoreLevel"></div>
			</div>
		</div>
		<div id="VoreButtons"></div>
		<div id="VorePerkMenu">
			<p id="VorePerkMenuText" class="MenuText"></p>
			<p id="VorePerkPointsLeft"></p>
			<div>
				<button type="button" id="AbsorbEssence"
					title="Absorb essence of masculinity and femininity from your prey">Absorb prey essence</button>
				<button type="button" id="FasterDigestion"
					title="Digest your prey faster, also speeds up gain of fat, cum and milk">Faster digestion</button>
				<button type="button" id="HigherCapacity"
					title="Increase the total weight of prey your body can hold">Higher capacity</button>
				<button type="button" id="AbsorbHeight"
					title="Grow taller by absorbing height from your prey. (Growth limit [160cm + 20 * perklevel] t.ex. perk level 3 allows you to grow to 220cm)">
					Absorb height</button>
				<button type="button" id="AbsorbStats"
					title="Get stronger while digesting! (Costs 10 perk points, max level of 10)">Absorb prey
					stats</button>
				<button type="button" id="PredatorsMeta"
					title="Increase your fat burn rate and makes you recover faster, burn more fat the fatter you are.">Predators
					metabolism</button>
			</div>

			<button type="button" id="LeaveVorePerkMenu">Done</button>
		</div>
		<div id="VoreSettingsMenu" class="None">
			<button type="button" id="AbsorbEssenceSetting">Absorb Essence Both</button>
			<button type="button" id="">Absorb Race-essence true</button>
			<!--<input type="button" id="PlayerPrey" value="(not in game)Player prey true/false" />-->
		</div>
		<div>
			<button type="button" id="VoreSettings">Settings</button>
			<button type="button" id="LeaveVore">Close</button>
		</div>
	</div>

	<div id="Encounter" class="None">
		<div id="TheEnemy" class="d CombatStatus">
			<div class="CombatStatusInner">
				<p id="BattleEnemy"></p>
				<label for="EnemyStatusHealth">Health</label>
				<div class="FullBar">
					<div id="EnemyStatusHealth" class="StatusHealth"></div>
				</div>
				<label for="EnemyStatusWillHealth">Willpower</label>
				<div class="FullBar">
					<div id="EnemyStatusWillHealth" class="StatusWillHealth"></div>
				</div>
			</div>
		</div>
		<div id="ThePlayer" class="b CombatStatus">
			<div class="CombatStatusInner">
				<p id="StatusName2"></p>
				<br>
				<label for="StatusHealth2">Health</label>
				<div class="FullBar">
					<div id="StatusHealth2" class="StatusHealth"></div>
				</div>
				<label for="StatusWillHealth2">Willpower</label>
				<div class="FullBar">
					<div id="StatusWillHealth2" class="StatusWillHealth"></div>
				</div>
			</div>
		</div>
		<br>
		<div id="BattleLog" class="c">
			<p id="BattleText"></p>
			<p id="BattleText2"></p>
		</div>
		<div class="e CombatButtonGrid" id="CombatButtons">
		</div>
	</div>

	<div id="AfterBattle" class="AfterBattle None">
		<div id="PlayerSex" class="PlayerSex">
			<div id="playerExact" class="None">

			</div>
			<div id="playerKinda">
				<p id="PName"></p>
				<div class="TwoColumn">
					<div>
						<label for="Mascu">Masculinity</label>
						<div id="Mascu" class="Masc"></div>
					</div>
					<div>
						<label for="Femin">Femininity</label>
						<div id="Femin" class="Femi"></div>
					</div>
				</div>
				<div class="TwoColumn">
					<div>
						<label for="PArousal">Arousal</label>
						<div id="PArousal" class="Arousal"></div>
					</div>
					<div>
						<label for="PlayerOrgasm">Orgasms</label>
						<div id="PlayerOrgasm" class="Arousal"></div>
					</div>
				</div>
				<p id="PlayerLooks"></p>
			</div>
		</div>
		<div id="SexLog" class="SexLog">
			<p id="SexText"></p>
			<p id="SexStats"></p>
		</div>
		<div id="EnemySex" class="EnemySex">
			<div id="EnemyExact" class="None">

			</div>
			<div id="EnemyKinda">
				<p id="EName"></p>
				<div class="TwoColumn">
					<div>
						<label for="EMascu">Masculinity</label>
						<div id="EMascu" class="Masc"></div>
					</div>
					<div>
						<label for="EFemin">Femininity</label>
						<div id="EFemin" class="Femi"></div>
					</div>
				</div>
				<div class="TwoColumn">
					<div>
						<label for="EArousal">Arousal</label>
						<div id="EArousal" class="Arousal"></div>
					</div>
					<div>
						<label for="EnemyOrgasm">Orgasms</label>
						<div id="EnemyOrgasm" class="Arousal"></div>
					</div>
				</div>
				<p id="EnemyLooks"></p>
			</div>
		</div>
		<img id="MyImg" class="f">
		<div id="MyImgModal" class="modal">
			<img class="modal-content" id="MyImgF">
			<div id="Caption"></div>
		</div>
		<!--Add a option to view image fullscreen if clicked on-->
		<div id="SexButtons" class="e Grid"></div>
	</div>

	<!-- Lose -->

	<div id="Lose" class="AfterBattle None">
		<div id="PlayerLoseSex" class="PlayerSex">
			<div id="LoseplayerExact" class="None">

			</div>
			<div id="LoseplayerKinda">
				<p id="LosePName"></p>
				<div class="TwoColumn">
					<div>
						<label for="LoseMascu">Masculinity</label>
						<div id="LoseMascu" class="Masc"></div>
					</div>
					<div>
						<label for="LoseFemin">Femininity</label>
						<div id="LoseFemin" class="Femi"></div>
					</div>
				</div>
				<p id="LosePlayerLooks"></p>
			</div>
		</div>
		<div id="EnemyLoseSex" class="EnemySex">
			<div id="LoseEnemyExact" class="None">

			</div>
			<div id="LoseEnemyKinda">
				<p id="LoseEName"></p>
				<div class="TwoColumn">
					<div>
						<label for="LoseEMascu">Masculinity</label>
						<div id="LoseEMascu" class="Masc"></div>
					</div>
					<div>
						<label for="LoseEFemin">Femininity</label>
						<div id="LoseEFemin" class="Femi"></div>
					</div>
				</div>
				<p id="LoseEnemyLooks"></p>
			</div>
		</div>
		<div id="LoseSexLog" class="SexLog">
			<p id="LoseSexText"></p>
			<p id="LoseSexStats"></p>
			<p id="LoseEnemyOrgasm"></p>
			<p id="LosePlayerOrgasm"></p>
		</div>
		<div class="e Grid">
			<div>
				<button type="button" id="LoseSubmit">Submit</button>
			</div>
			<div>
				<button type="button" id="LoseStruggle">Struggle</button>
			</div>
			<!--			<input type="button" id="Cycle" value="TEST!!"/>-->
			<div>
				<button type="button" id="LeaveLose">Leave</button>
				<button type="button" id="DungeonLose">Leave</button>
			</div>
		</div>
	</div>

	<!-- Home-->
	<div id="Home" class="None">
		<h1>Mansion</h1>
		<p id="HomeText" class="TextBox"></p>
		<div id="HomeStart">
			<h2>Entrance</h2>
			<div>
				<button type="button" id="Sleep">Sleep</button>
				<button type="button" id="Dorm">Dorm</button>
			</div>
			<div>
				<button type="button" id="UpgradeHome">Home upgrades</button>
				<button type="button" id="Portal">Portal</button>
				<button type="button" id="Brothel">Brothel</button>
			</div>
			<br>
			<div>
				<button type="button" id="LeaveHome">Leave</button>
			</div>
		</div>
		<div id="Upgrades" class="None"></div>
		<div id="TheDorm" class="None"></div>
		<div id="PortalMenu" class="None"></div>
		<div id="TheBrothel" class="None">
			<h2>Brothel</h2>
			<button type="button" id="ServeMasc"
				title="Allows dorm servants to gain masculinity though whoring themselves out.">Masculine customers?
				true</button>
			<button type="button" id="ServeFemi"
				title="Allows dorm servants to  gain femininity through whoring themselves out.">Feminine customers?
				true</button>
			<button type="button" id="CloseBrothel">Back</button>
		</div>
	</div>

	<div id="FuckDorm" class="AfterBattle None">
		<div id="PlayerDormSex" class="PlayerSex">
			<p id="DormPName"></p>
			<label for="DormMascu">Masculinity</label>
			<div id="DormMascu" class="Masc"></div>
			<label for="DormFemin">Femininity</label>
			<div id="DormFemin" class="Femi"></div>
			<p id="DormPlayerLooks"></p>
		</div>
		<div id="EnemyDormSex" class="EnemySex">
			<p id="DormEName"></p>
			<label for="DormEMascu">Masculinity</label>
			<div id="DormEMascu" class="Masc"></div>
			<label for="DormEFemin">Femininity</label>
			<div id="DormEFemin" class="Femi"></div>
			<p id="DormEnemyLooks"></p>

		</div>
		<div id="DormSexLog" class="SexLog">
			<p id="DormSexText"></p>
			<p id="DormSexStats"></p>
			<p id="DormEnemyOrgasm"></p>
			<p id="DormPlayerOrgasm"></p>
		</div>
		<div class="e Grid">
			<div>
				<button type="button" id="DormDrainMasc">Siphon masculinity</button>
				<button type="button" id="DormDrainFemi">Siphon femininity</button>
				<button type="button" id="DormInjFemi">Inject femininity</button>
				<button type="button" id="DormInjMasc">Inject masculinity</button>
			</div>
			<div>
				<button type="button" id="Impregnate">Try to impregnate</button>
				<button type="button" id="GetImpregnated">Get impregnated</button>
			</div>
			<button type="button" id="LeaveDormSex">Leave</button>
		</div>
	</div>

	<div id="Temp_Tempsson" class="None">
		<p id="Temp_TempssonText" class="TextBox">Dungeon coming Soon</p>
		<button type="button" id="LeaveTemp_Tempsson">Close</button>
	</div>

	<div id="DungeonSystem" class="None Dungeon"></div>

	<!-- Fertility shrine, pay with times you been pregnant and times you impregnated, 
		your pregnancies are worth more -->
	<!--
		A single div which I change in js instead of html so that I can have them more modular and 
		stop have so many active addeventlistners 
	-->
	<div id="Buildings" class="Building None">

	</div>
	<!--
		Seperate buildings and npcs as I want to add stuff like affection etc in future
	-->
	<div id="Npcs" class="Building None">

	</div>

	<script>
		// Trial to have them loading in a function so if they fail player are alerted.
		window.onload = function () {
			const Scripts = {
					name: "JavaScript",
					array: [
						"Prototype", "Cheats", "CheckFlags", "DateTracker", "EventLog", "FluidsEngine",
						"HemScale", "InferiorUnit", "LevelMenu", "Loader", "Looks",
						"MaxLimbs", "MountainTribe", "Movement", "Perk",
						"Racebonus", "Save", "Spells", "StatsHandler", "LooksMenu", "ImgPack"
					]
				},
				Buildings = {
					name: "JavaScript/Buildings",
					array: [
						"Bar", "BlackMarket", "ChimeraShrine", "Gym", "MountainShrine", "PotionShop",
						"PortalShop", "WitchShop", "WitchHut", "Townhall", "Barber", "LocalPortal",
						"TheFarm"
					]
				},
				Vore = {
					name: "JavaScript/Vore",
					array: [
						"Vore", "VoreActions", "VorePreyInterAction"
					]
				},
				Home = {
					name: "JavaScript/Home",
					array: [
						"Dorm", "Home", "HomeUpgrades", "DormSex" /*,"BrothelSystem"*/ , "DormEngine"
					]
				},
				Opponents = {
					name: "JavaScript/Opponents",
					array: [
						"CaveEncounters", "SuccubusDungeon", "Mountain",
						"Opponents", "PrintEnemies"
					]
				},
				Maps = {
					name: "JavaScript/Map",
					array: ["Printdoor", "CurrentMap", "CheckDoor", "PrintMap"]
				},
				Settings = {
					name: "JavaScript/Settings",
					array: ["Options"]
				},
				Sex = {
					name: "JavaScript/Sex",
					array: ["AfterBattleButtons", "CheckArousal", "DrainChanges", "Lose", "SexAfterBattle",
						"DrainActions"
					]
				},
				Combat = {
					name: "JavaScript/Combat",
					array: ["Combat", "Winbattle"]

				},
				Essence = {
					name: "JavaScript/Essence",
					array: ["EssenceCheck", "ManualEssence", "RaceEssence"]
				},
				Inventory = {
					name: "JavaScript/Inventory",
					array: ["DropSystem", "Inventory", "Items" /*,"Equipment"*/ ]
				},
				Pregnancy = {
					name: "JavaScript/Pregnancy",
					array: ["Children", "Impregnate", "Pregnancy"]
				},
				Looks = {
					name: "JavaScript/Looks",
					array: ["Tails"]
				},
				Arrays = [Scripts, Buildings, Vore, Home, Opponents, Settings, Maps, Sex, Combat,
					Essence, Inventory, Pregnancy, Looks
				].forEach(
					function (den) {
						den.array.forEach(function (src) {
							const newScript = document.createElement("script");
							newScript.src = den.name + "/" + src + ".js";
							newScript.onload = document.head.appendChild(newScript);
							newScript.onerror = function () {
								alert("Error loading " +
									src
								); // Function to load script and output error when failing to load script.
								document.getElementById("StartProgressBar").innerHTML += "Error loading " +
									src // For those who use script blockers
							};
						})
					});
		}
	</script>
	<script src="Gamescript.js"></script>
	<script src="imgPack/ImgPackArrays.js"></script>
	<!--	<script src="JavaScript/NewGamePlus.js"></script>-->
	<!--	<script src="JavaScript/TfBonus.js"></script> -->
</body>

</html>