diff --git a/src/events/intro/introSummary.tw b/src/events/intro/introSummary.tw
index eb834a391a4acb7662a81fd0a1f70afcf37c50b5..9e3ee9841bbae71dcce05083ae60cf8a1a71798d 100644
--- a/src/events/intro/introSummary.tw
+++ b/src/events/intro/introSummary.tw
@@ -98,13 +98,13 @@ You may review your settings before clicking "Continue" to begin.<br>
<<run App.UI.tabBar.handlePreSelectedTab($tabChoice.IntroSummary)>>
<div class="tab-bar">
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'World')" id="tab World">World</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'world')" id="tab world">World</button>
<button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'slaves')" id="tab slaves">Slaves</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'PC')" id="tab PC">Player Character</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'UI')" id="tab UI">UI</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'player')" id="tab player">Player Character</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'interface')" id="tab interface">UI</button>
</div>
-<div id="UI" class="tab-content">
+<div id="interface" class="tab-content">
<div class="content">
<<set _options = new App.UI.OptionsGroup()>>
@@ -182,7 +182,7 @@ You may review your settings before clicking "Continue" to begin.<br>
</div>
</div>
-<div id="World" class="tab-content">
+<div id="world" class="tab-content">
<div class="content">
<h2>Economy</h2>
@@ -445,7 +445,7 @@ You may review your settings before clicking "Continue" to begin.<br>
</div>
</div>
-<div id="PC" class="tab-content">
+<div id="player" class="tab-content">
<div class="content">
<<set _options = new App.UI.OptionsGroup()>>
diff --git a/src/facilities/nursery/nursery.tw b/src/facilities/nursery/nursery.tw
index 305e33b4c8c0e96712b9fad2566252f4915faa3d..933e30739df400b8bf13612ed0dd716544def283 100644
--- a/src/facilities/nursery/nursery.tw
+++ b/src/facilities/nursery/nursery.tw
@@ -98,7 +98,7 @@
<div class="tab-bar">
/* <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'nannies')" id="tab nannies">Nannies</button> */
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'pregnantSlaves')" id="tab pregnantSlaves">Pregnant Slaves</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'pregnant-slaves')" id="tab pregnant-slaves">Pregnant Slaves</button>
<button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'children')" id="tab children">Children</button>
</div>
@@ -157,7 +157,7 @@
</div>
*/
-<div id="pregnantSlaves" class="tab-content">
+<div id="pregnant-slaves" class="tab-content">
<div id="content">
<br><br>
Reserve an eligible mother-to-be's child to be placed in a room upon birth. Of $nursery rooms, <<print _freecribs>> <<if _freecribs == 1>>is<<else>>are<</if>> unoccupied. Of those, $reservedChildrenNursery room<<if $reservedChildrenNursery == 1>> is<<else>>s are<</if>> reserved.
diff --git a/src/gui/css/familyTree.css b/src/gui/css/familyTree.css
index 0234aaa577c02aa585bba86247af79db3b81ed9f..a1e15e6e7a16db5075375bec799d2b83ecad7a12 100644
--- a/src/gui/css/familyTree.css
+++ b/src/gui/css/familyTree.css
@@ -63,11 +63,11 @@
white-space: nowrap;
}
-#editFamily {
+#edit-family {
display: flex;
flex-wrap: wrap;
align-items: center;
}
-#editFamily #familyTable {
+#edit-family #family-table {
}
diff --git a/src/gui/multipleInspect.js b/src/gui/multipleInspect.js
index 17be844d38a29113afec305b4be5cfdadab87d21..42329d8fe31105c6fc85710d67b5bda52ac712c6 100644
--- a/src/gui/multipleInspect.js
+++ b/src/gui/multipleInspect.js
@@ -23,7 +23,7 @@ App.UI.MultipleInspect = (function() {
});
tabBar.append(button);
const ftTarget = document.createElement("div");
- ftTarget.setAttribute("id", "familyTree");
+ ftTarget.setAttribute("id", "family-tree");
frag.append(App.UI.tabBar.makeTabDOM(`familyTreeTab`, ftTarget));
}
diff --git a/src/gui/options/options.tw b/src/gui/options/options.tw
index 18b0a57ff69b769f825b73b0969c5770e853f780..e12f441cb744d5637e6d08db3742edb7ce7ff548 100644
--- a/src/gui/options/options.tw
+++ b/src/gui/options/options.tw
@@ -67,14 +67,14 @@
<<run App.UI.tabBar.handlePreSelectedTab($tabChoice.Options)>>
<div class="tab-bar">
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'Display')" id="tab Display">Display</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'CONTENT&FLAVOR')" id="tab CONTENT&FLAVOR">Content & flavour</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'MODS')" id="tab MODS">Mods</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'DEBUG/CHEATING')" id="tab DEBUG/CHEATING">Debug/cheating</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'Experimental')" id="tab Experimental">Experimental</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'display')" id="tab display">Display</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'content&flavor')" id="tab content&flavor">Content & flavour</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'mods')" id="tab mods">Mods</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'debug&cheating')" id="tab debug&cheating">Debug/cheating</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'experimental')" id="tab experimental">Experimental</button>
</div>
-<div id="Display" class="tab-content">
+<div id="display" class="tab-content">
<div class="content">
<h2>Reports</h2>
@@ -259,7 +259,7 @@
</div>
</div>
-<div id="CONTENT&FLAVOR" class="tab-content">
+<div id="content&flavor" class="tab-content">
<div class="content">
<h2>Content</h2>
@@ -381,7 +381,7 @@
</div>
</div>
-<div id="MODS" class="tab-content">
+<div id="mods" class="tab-content">
<div class="content">
<<set _options = new App.UI.OptionsGroup()>>
@@ -605,7 +605,7 @@
</div>
</div>
-<div id="DEBUG/CHEATING" class="tab-content">
+<div id="debug&cheating" class="tab-content">
<div class="content">
<h2>Debug</h2>
@@ -707,7 +707,7 @@
</div>
</div>
-<div id="Experimental" class="tab-content">
+<div id="experimental" class="tab-content">
<div style="fontWeight:bold">
Experimental means just that: experimental. Options below are likely to be in an <span class="yellow">even more incomplete or broken state than usual.</span> <span class="red">THEY MAY NOT WORK AT ALL.</span> Make sure you back up your save before enabling any of these, and if you are that interested, consider helping to improve them.
</div>
diff --git a/src/interaction/slaveInteract.js b/src/interaction/slaveInteract.js
index f5f5e3850fed33ca518cf8286a324ccad01e8bab..39e89da9c451c55066e940cd94fc4000f1c3d1d7 100644
--- a/src/interaction/slaveInteract.js
+++ b/src/interaction/slaveInteract.js
@@ -926,7 +926,7 @@ App.UI.SlaveInteract.dietBase = function(slave) {
App.UI.SlaveInteract.appendLabeledChoiceRow(el, "Milk", milk, slave);
App.UI.SlaveInteract.appendLabeledChoiceRow(el, "Cum", cum, slave);
- return jQuery('#dietBase').empty().append(el);
+ return jQuery('#diet-base').empty().append(el);
};
App.UI.SlaveInteract.snacks = function(slave) {
diff --git a/src/js/familyTreeJS.js b/src/js/familyTreeJS.js
index 9447ac74d549c656901be1adb9c710f8cab70420..6c483d90cf333e02c560a8f0fd8c14de79e8cfa1 100644
--- a/src/js/familyTreeJS.js
+++ b/src/js/familyTreeJS.js
@@ -5,10 +5,10 @@ let lastActiveSlave, lastSlaves, lastPC;
/*
To use, add something like:
-<div id="familyTree"></div>
- <span id="familyTreeLink">
+<div id="family-tree"></div>
+ <span id="family-tree-link">
<<link "Pull up the file on $his family tree.">>
- <<replace #familyTreeLink>>
+ <<replace #family-tree-link>>
<<run renderFamilyTree($slaves, $activeSlave.ID)>>
<</replace>>
<</link>>
@@ -23,7 +23,7 @@ globalThis.renderFamilyTree = function(slaves, filterID) {
let chartWidth, chartHeight;
let margin;
d3.select('#ftree-canvas').remove();
- let svg = d3.select('#familyTree')
+ let svg = d3.select('#family-tree')
.append('svg')
.attr('id', 'ftree-canvas');
let chartLayer = svg.append('g').classed('chartLayer', true);
@@ -515,7 +515,7 @@ globalThis.buildFamilyTree = function(slaves, filterID) {
};
/* Old version. To use, do something like:
-<div id="editFamily">
+<div id="edit-family">
<div id="graph"></div>
</div>
@@ -674,7 +674,7 @@ globalThis.updateFamilyTree = function(activeSlave = lastActiveSlave, slaves = l
const treeData = [slaveInfo(activeSlave, activeSlave.ID)];
console.log("Family tree is", treeData, 'and has:', numTreeNodes);
- let parentWidth = document.getElementById('editFamily').offsetWidth;
+ let parentWidth = document.getElementById('edit-family').offsetWidth;
console.log(parentWidth, document.getElementById('passages').offsetWidth);
if (!parentWidth) {
diff --git a/src/npc/children/childInteract.tw b/src/npc/children/childInteract.tw
index 4c02a0d67b625a5124aa0d837afb902b0cad0d69..644d87be929ac274d419e75c4d656b3a4dca80bf 100644
--- a/src/npc/children/childInteract.tw
+++ b/src/npc/children/childInteract.tw
@@ -425,10 +425,10 @@ FIXME:
<br><br>
<span id="family">
- <div id="familyTree"></div>
- <span id="familyTreeLink">
+ <div id="family-tree"></div>
+ <span id="family-tree-link">
<<link "Pull up the file on $his family tree.">>
- <<replace #familyTreeLink>>
+ <<replace #family-tree-link>>
/* TODO: this may need to be updated */<<run renderFamilyTree($slaves, $activeChild.ID)>><</replace>>
<</link>>
</span>
@@ -1306,7 +1306,7 @@ Hormones: <b><span id="hormones">$activeChild.hormones</span>.</b>
/* TODO: replace these with strings */
<br>Diet Base:
- <b><span id="dietBase">
+ <b><span id="diet-base">
<<if $activeChild.dietCum == 2>>
Cum Based
<<elseif ($activeChild.dietCum) && ($activeChild.dietMilk == 0)>>
@@ -1326,32 +1326,32 @@ Hormones: <b><span id="hormones">$activeChild.hormones</span>.</b>
<<link "Normal">>
<<set $activeChild.dietCum = 0>>
<<set $activeChild.dietMilk = 0>>
- <<replace "#dietBase">>Normal<</replace>>
+ <<replace "#diet-base">>Normal<</replace>>
<</link>> |
<<link "Cum Added">>
<<set $activeChild.dietCum = 1>>
<<set $activeChild.dietMilk = 0>>
- <<replace "#dietBase">>Cum Added<</replace>>
+ <<replace "#diet-base">>Cum Added<</replace>>
<</link>> |
<<link "Milk Added">>
<<set $activeChild.dietCum = 0>>
<<set $activeChild.dietMilk = 1>>
- <<replace "#dietBase">>Milk Added<</replace>>
+ <<replace "#diet-base">>Milk Added<</replace>>
<</link>> |
<<link "Cum & Milk Added">>
<<set $activeChild.dietCum = 1>>
<<set $activeChild.dietMilk = 1>>
- <<replace "#dietBase">>Cum & Milk Added<</replace>>
+ <<replace "#diet-base">>Cum & Milk Added<</replace>>
<</link>> |
<<link "Cum Based">>
<<set $activeChild.dietCum = 2>>
<<set $activeChild.dietMilk = 0>>
- <<replace "#dietBase">>Cum Based<</replace>>
+ <<replace "#diet-base">>Cum Based<</replace>>
<</link>> |
<<link "Milk Based">>
<<set $activeChild.dietCum = 0>>
<<set $activeChild.dietMilk = 2>>
- <<replace "#dietBase">>Milk Based<</replace>>
+ <<replace "#diet-base">>Milk Based<</replace>>
<</link>>
<br><br>__Behavior__:<br>
diff --git a/src/pregmod/managePersonalAffairs.tw b/src/pregmod/managePersonalAffairs.tw
index 7dbbf5fe3bdc4a840a77ab18099d00516aa32e8c..146c0e02333f854f839ae219a046223aad8a2029 100644
--- a/src/pregmod/managePersonalAffairs.tw
+++ b/src/pregmod/managePersonalAffairs.tw
@@ -384,11 +384,11 @@
<h3>Family</h3>
<p>
<span id="family">
- <div id="familyTree">
+ <div id="family-tree">
</div>
- <span id="familyTreeLink">
+ <span id="family-tree-link">
<<link "Pull up the file on your family tree.">>
- <<replace #familyTreeLink>>
+ <<replace #family-tree-link>>
<<run renderFamilyTree($slaves, -1)>>
<</replace>>
<</link>>
@@ -405,11 +405,11 @@
<h2>Contraceptives and Fertility</h2>
<p>
- <span id="miniScene">
+ <span id="mini-scene">
<<if $PC.preg < 6 && $PC.pregKnown == 1>>
Your period is late, so the first thing you do is test yourself for a potential pregnancy: @@.lime;you are pregnant.@@
<<if ($arcologies[0].FSRestart == "unset" || $eugenicsFullControl == 1 || ($PC.pregSource != -1 && $PC.pregSource != -6))>>
- <<link "Abort your child">><<replace "#miniScene">><<run TerminatePregnancy($PC)>><<print "You take a syringe filled with abortifacients and make yourself comfortable. Injecting the vial through your belly into your womb, your close your eyes and wait for what is coming. Once you feel it is over, you clean yourself up and go on your way, child free.">><</replace>><</link>>
+ <<link "Abort your child">><<replace "#mini-scene">><<run TerminatePregnancy($PC)>><<print "You take a syringe filled with abortifacients and make yourself comfortable. Injecting the vial through your belly into your womb, your close your eyes and wait for what is coming. Once you feel it is over, you clean yourself up and go on your way, child free.">><</replace>><</link>>
<</if>>
<<elseif $PC.labor == 1>>
You are beginning to feel contractions; you'll be giving birth soon.
@@ -418,7 +418,7 @@
<<elseif $PC.pregKnown == 1>>
You're pregnant, something rather unbecoming for an arcology owner.
<<if ($arcologies[0].FSRestart == "unset" || $eugenicsFullControl == 1 || ($PC.pregSource != -1 && $PC.pregSource != -6))>>
- <<link "Abort your child">><<replace "#miniScene">><<run TerminatePregnancy($PC)>><<print "You take a syringe filled with abortifacients and make yourself comfortable. Injecting the vial through your belly into your womb, your close your eyes and wait for what is coming. Once you feel it is over, you clean yourself up and go on your way, child free.">><</replace>><</link>>
+ <<link "Abort your child">><<replace "#mini-scene">><<run TerminatePregnancy($PC)>><<print "You take a syringe filled with abortifacients and make yourself comfortable. Injecting the vial through your belly into your womb, your close your eyes and wait for what is coming. Once you feel it is over, you clean yourself up and go on your way, child free.">><</replace>><</link>>
<</if>>
<</if>>
</span>
diff --git a/src/uncategorized/main.tw b/src/uncategorized/main.tw
index d505c8d2d6ef097fb4fdcca244332c4a69ddbd7f..85c54fa7b0d4ee869efc1040417f4fdc8be97e52 100644
--- a/src/uncategorized/main.tw
+++ b/src/uncategorized/main.tw
@@ -34,10 +34,10 @@
<</if>>
<<if $seeArcology == 1>>
- <div id="arcDesc"></div>
+ <div id="arc-desc"></div>
<<script>>
$(document).one(':passageend', () => {
- $('#arcDesc').append(
+ $('#arc-desc').append(
App.Desc.playerArcology(App.UI.DOM.combineNodes("| ",
App.UI.DOM.passageLink("Hide", "Main", () => {V.seeArcology = 0})))
);
diff --git a/src/uncategorized/manageArcology.tw b/src/uncategorized/manageArcology.tw
index f8de9e45bd0532a70da8e0c30ad9974fca73d69e..7f6c268b4f9625945ee931543e101ee6acc25d94 100644
--- a/src/uncategorized/manageArcology.tw
+++ b/src/uncategorized/manageArcology.tw
@@ -15,10 +15,10 @@
);
});
<</script>>
- <div id="arcDesc"></div>
+ <div id="arc-desc"></div>
<<script>>
$(document).one(':passageend', () => {
- $('#arcDesc').append(
+ $('#arc-desc').append(
App.Desc.playerArcology(App.UI.DOM.combineNodes("| ",
App.UI.DOM.passageLink("Hide", "Main", () => {V.seeArcology = 0})))
);
diff --git a/src/uncategorized/randomEventSelect.tw b/src/uncategorized/randomEventSelect.tw
index 18efed7f362b4816d571d74d13ac6429f62ee922..34b8dca0ffbaa0994dd97e12271d93e73c250961 100644
--- a/src/uncategorized/randomEventSelect.tw
+++ b/src/uncategorized/randomEventSelect.tw
@@ -39,10 +39,10 @@ DEBUG:
Or enter a fully qualified event name to debug a specific unlisted JS event:<br>
<<textbox "_evtName" "" autofocus>>
<<link "Check Prerequisites and Casting">>
- <<script>>$('#debugOut').empty().append(App.Events.debugEvent(State.temporary.evtName));<</script>>
+ <<script>>$('#debug-out').empty().append(App.Events.debugEvent(State.temporary.evtName));<</script>>
<</link>><br>
//(for example, "App.Events.RESSMuscles")//<br><br>
-<span id="debugOut">
+<span id="debug-out">
/* results gets populated here by jQuery */
</span>
diff --git a/src/uncategorized/remoteSurgery.tw b/src/uncategorized/remoteSurgery.tw
index e8aaf17222e12e78df73428a0a62acaa3282959d..27c311d0f3d86170e9e9e654c76bf6687db34ab5 100644
--- a/src/uncategorized/remoteSurgery.tw
+++ b/src/uncategorized/remoteSurgery.tw
@@ -63,15 +63,15 @@
</div>
<div class="tab-bar">
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'hairFace')" id="tab hairFace">Hair and Face</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'hair-face')" id="tab hair-face">Hair and Face</button>
<button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'upper')" id="tab upper">Upper</button>
<button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'lower')" id="tab lower">Lower</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'Race')" id="tab Race">Race</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'Structural')" id="tab Structural">Structural</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'ExtremeSurgery')" id="tab ExtremeSurgery">Extreme Surgery</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'race')" id="tab race">Race</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'structural')" id="tab structural">Structural</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'extreme-surgery')" id="tab extreme-surgery">Extreme Surgery</button>
</div>
-<div id="hairFace" class="tab-content">
+<div id="hair-face" class="tab-content">
<div class="content">
/* 000-250-006 */
<<if $seeImages == 1>>
@@ -1740,7 +1740,7 @@
</div>
</div>
-<div id="Race" class="tab-content">
+<div id="race" class="tab-content">
<div class="content">
/* 000-250-006 */
<<if $seeImages == 1>>
@@ -1800,7 +1800,7 @@
</div>
</div>
-<div id="Structural" class="tab-content">
+<div id="structural" class="tab-content">
<div class="content">
/* 000-250-006 */
<<if $seeImages == 1>>
@@ -2309,7 +2309,7 @@
</div>
</div>
-<div id="ExtremeSurgery" class="tab-content">
+<div id="extreme-surgery" class="tab-content">
<div class="content">
/* 000-250-006 */
<<if $seeImages == 1>>
diff --git a/src/uncategorized/slaveInteract.tw b/src/uncategorized/slaveInteract.tw
index a8fb058ab4e56565d3236713c9025b0efecc246b..6af60640cd79bce7bc11834103ddb9fa5b909232 100644
--- a/src/uncategorized/slaveInteract.tw
+++ b/src/uncategorized/slaveInteract.tw
@@ -89,7 +89,7 @@
<button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'Rules')" id="tab Rules">Rules</button>
<button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'Financial')" id="tab Financial">Financial</button>
<button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'Customize'), App.UI.SlaveInteract.custom(getSlave(V.activeSlave.ID))" id="tab Customize">Customize</button>
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'FamilyTab'), renderFamilyTree(V.slaves, V.activeSlave.ID)" id="tab FamilyTab">Family</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'family-tab'), renderFamilyTree(V.slaves, V.activeSlave.ID)" id="tab family-tab">Family</button>
</div>
<div id="art-frame">
@@ -248,7 +248,7 @@
<span id="diet"></span>
<script>App.UI.SlaveInteract.diet(getSlave(V.activeSlave.ID))</script>
- <span id="dietBase"></span>
+ <span id="diet-base"></span>
<script>App.UI.SlaveInteract.dietBase(getSlave(V.activeSlave.ID))</script>
<span id="snacks"></span>
@@ -370,11 +370,11 @@
</div>
</div>
-<div id="FamilyTab" class="tab-content">
+<div id="family-tab" class="tab-content">
<div class="content">
<p id="family">
- <div id="familyTree"></div>
- <span id="familyTreeLink"></span>
+ <div id="family-tree"></div>
+ <span id="family-tree-link"></span>
</p>
</div>
</div>
diff --git a/src/uncategorized/underperformingSlaves.tw b/src/uncategorized/underperformingSlaves.tw
index bac53061bf5a9bb5d3864b9e26676be00a23b503..8c42ce6cf10892852ff08533e2ec5b30c9748932 100644
--- a/src/uncategorized/underperformingSlaves.tw
+++ b/src/uncategorized/underperformingSlaves.tw
@@ -21,11 +21,11 @@
</p>
<<run App.UI.tabBar.handlePreSelectedTab($tabChoice.Options)>>
<div class="tab-bar">
- <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'highSale')" id="tab highSale">Worth much but earning little</button>
+ <button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'high-sale')" id="tab high-sale">Worth much but earning little</button>
<button class="tab-links" onclick="App.UI.tabBar.openTab(event, 'expensive')" id="tab expensive">Costing vs earning</button>
</div>
-<div id="highSale" class="tab-content">
+<div id="high-sale" class="tab-content">
<div class="content">
<<includeDOM App.Underperformers.highSale()>>
</div>
diff --git a/src/utility/extendedFamilyWidgets.tw b/src/utility/extendedFamilyWidgets.tw
index d1d53e2af4ec6195eefb3ac4462936d5b929ef78..af8d2cc357d5925de8467e7208d1fb4041fe7f36 100644
--- a/src/utility/extendedFamilyWidgets.tw
+++ b/src/utility/extendedFamilyWidgets.tw
@@ -14,7 +14,7 @@
<</widget>>
<<widget "redisplayFamily">>
-<<replace '#dontBeDumb'>><br> //You will break things by making impossible relations such as being your own father. If you do this, clearing all PC relations will fix it. Probably.//<</replace>>
+<<replace '#dont-be-dumb'>><br> //You will break things by making impossible relations such as being your own father. If you do this, clearing all PC relations will fix it. Probably.//<</replace>>
<<replace '#fatheredNames'>><<= App.StartingGirls.listOfSlavesWithParent("father", $activeSlave.ID)>><</replace>>
<<replace '#motheredNames'>><<= App.StartingGirls.listOfSlavesWithParent("mother", $activeSlave.ID)>><</replace>>
<<replace '#familySummary'>><<= App.Desc.family($activeSlave)>><</replace>>
@@ -27,9 +27,9 @@
<<widget "editFamily">>
<<set _allowPCFamily = ($freshPC == 1 || $saveImported == 0)>>
-<div id="editFamily"><div id="familyTable">
+<div id="edit-family"><div id="family-table">
-<span id="dontBeDumb"></span>
+<span id="dont-be-dumb"></span>
<br>''Mother:'' <span id="motherName"><<parentName "mother">></span>
<<link "Reset">>
@@ -301,7 +301,7 @@
<span id="familySummary"><<= App.Desc.family($activeSlave)>></span>
<br>
</div>
-<div id="familyTree"></div>
+<div id="family-tree"></div>
</div>
<</widget>>