diff --git a/src/gui/options/descriptionOptions.js b/src/gui/options/descriptionOptions.js
new file mode 100644
index 0000000000000000000000000000000000000000..6b4e0da08707ff4981c98a0cf8784a82d6660807
--- /dev/null
+++ b/src/gui/options/descriptionOptions.js
@@ -0,0 +1,70 @@
+App.UI.descriptionOptions = function() {
+	const f = document.createDocumentFragment();
+	App.UI.DOM.appendNewElement("h1", f, "Description Options");
+
+	App.UI.DOM.appendNewElement("p", f,
+		"These options will affect both the long form description of each slave and the miniscenes available from the main menu.",
+		"scene-intro");
+
+	const options = new App.UI.OptionsGroup();
+
+	options.addOption("", "surnameOrder")
+		.addValue("Allow nationality name order", 0).customDescription("Order names ''based on country of origin''.")
+		.addValue("Force name surname", 1).customDescription("Names will always be ''Name Surname''.")
+		.addValue("Force surname name", 2).customDescription("Names will always be ''Surname Name''.");
+
+	options.addOption("", "seeRace")
+		.addValue("Disable most mentions of race", 0).off()
+		.customDescription("Ethnicity will ''almost never'' be mentioned.")
+		.addValue("Enable mentions of race", 1).on().customDescription("Ethnicity will ''occasionally'' be mentioned.");
+
+	options.addOption("", "seeNationality")
+		.addValue("Disable most mentions of nationality", 0).off()
+		.customDescription("Nationality will ''almost never'' be mentioned.")
+		.addValue("Enable mentions of nationality", 1).on()
+		.customDescription("Nationality will ''occasionally'' be mentioned.");
+
+	options.addOption("The effects of implants are", "showImplantEffects")
+		.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+
+	options.addOption("Clothing is mostly", "showClothing")
+		.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+
+	options.addOption("Detailed slave age information is", "showAgeDetail")
+		.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+
+	options.addOption("Approximate height is", "showHeightCMs")
+		.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+
+	options.addOption("Cosmetic body mods are", "showBodyMods")
+		.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+
+	options.addOption("Sexual histories are", "showSexualHistory")
+		.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+
+	options.addOption("Attractiveness and Sexual scores are", "showScores")
+		.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+
+	options.addOption("Volume, in CCs, of breasts is", "showBoobCCs")
+		.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+
+	options.addOption("Height and length units are in", "showInches")
+		.addValueList([["Metric", 0], ["Both", 1], ["Imperial", 2]]);
+
+	if (V.seeDicks > 0) {
+		options.addOption("Approximate sizes of dicks and balls are", "showDickCMs")
+			.addValue("Shown", 1).on().addValue("Hidden", 0).off();
+	}
+
+	options.addOption("Numbers are displayed as", "showNumbers")
+		.addValueList([["Integers", 2], ["Both", 1], ["Words", 0]]);
+
+	if (V.showNumbers === 1) {
+		options.addOption("Only numbers up to $showNumbersMax are displayed as words", "showNumbersMax")
+			.addValue("Default (20)", 20).showTextBox();
+	}
+
+	App.UI.DOM.appendNewElement("p", f, options.render());
+
+	return f;
+};
diff --git a/src/gui/options/descriptionOptions.tw b/src/gui/options/descriptionOptions.tw
index b4b0c1a7075d5b046b65e1b92fdaf8ac4a4ede47..5ac19a8fb4a8d1706591ea51f229b194ec813c73 100644
--- a/src/gui/options/descriptionOptions.tw
+++ b/src/gui/options/descriptionOptions.tw
@@ -10,65 +10,4 @@
 <</if>>
 <<set $nextLink = $storedLink>>
 
-<h1>Description Options</h1>
-
-//These options will affect both the long form description of each slave and the miniscenes available from the main menu.//
-
-<<set _options = new App.UI.OptionsGroup()>>
-
-<<run _options.addOption("", "surnameOrder")
-.addValue("Allow nationality name order", 0).customDescription("Order names ''based on country of origin''.")
-.addValue("Force name surname", 1).customDescription("Names will always be ''Name Surname''.")
-.addValue("Force surname name", 2).customDescription("Names will always be ''Surname Name''.")>>
-
-<<run _options.addOption("", "seeRace")
-.addValue("Disable most mentions of race", 0).off().customDescription("Ethnicity will ''almost never'' be mentioned.")
-.addValue("Enable mentions of race", 1).on().customDescription("Ethnicity will ''occasionally'' be mentioned.")>>
-
-<<run _options.addOption("", "seeNationality")
-.addValue("Disable most mentions of nationality", 0).off().customDescription("Nationality will ''almost never'' be mentioned.")
-.addValue("Enable mentions of nationality", 1).on().customDescription("Nationality will ''occasionally'' be mentioned.")>>
-
-<<run _options.addOption("The effects of implants are", "showImplantEffects")
-.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-
-<<run _options.addOption("Clothing is mostly", "showClothing")
-.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-
-<<run _options.addOption("Detailed slave age information is", "showAgeDetail")
-.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-
-<<run _options.addOption("Approximate height is", "showHeightCMs")
-.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-
-<<run _options.addOption("Cosmetic body mods are", "showBodyMods")
-.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-
-<<run _options.addOption("Sexual histories are", "showSexualHistory")
-.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-
-<<run _options.addOption("Attractiveness and Sexual scores are", "showScores")
-.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-
-<<run _options.addOption("Volume, in CCs, of breasts is", "showBoobCCs")
-.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-
-<<run _options.addOption("Height and length units are in", "showInches")
-.addValueList([["Metric", 0], ["Both", 1], ["Imperial", 2]])>>
-
-
-<<if $seeDicks > 0>> <br>
-	<<run _options.addOption("Approximate sizes of dicks and balls are", "showDickCMs")
-	.addValue("Shown", 1).on().addValue("Hidden", 0).off()>>
-<</if>>
-
-
-<<run _options.addOption("Numbers are displayed as", "showNumbers")
-.addValueList([["Integers", 2], ["Both", 1], ["Words", 0]])>>
-
-<<if $showNumbers === 1>>
-	<<run _options.addOption("Only numbers up to $showNumbersMax are displayed as words", "showNumbersMax")
-	.addValue("Default (20)", 20).showTextBox()>>
-<</if>>
-
-<<includeDOM _options.render()>>
+<<includeDOM App.UI.descriptionOptions()>>