From c33448af67ef6c654b261fe7898b4165d0143403 Mon Sep 17 00:00:00 2001
From: lowercasedonkey <lowercasedonkey@gmail.com>
Date: Sun, 23 Aug 2020 13:12:10 -0400
Subject: [PATCH] kabobs
---
src/events/intro/introSummary.tw | 12 ++++++------
src/facilities/nursery/nursery.tw | 4 ++--
src/gui/css/familyTree.css | 4 ++--
src/gui/multipleInspect.js | 2 +-
src/gui/options/options.tw | 20 ++++++++++----------
src/interaction/slaveInteract.js | 2 +-
src/js/familyTreeJS.js | 12 ++++++------
src/npc/children/childInteract.tw | 20 ++++++++++----------
src/pregmod/managePersonalAffairs.tw | 12 ++++++------
src/uncategorized/main.tw | 4 ++--
src/uncategorized/manageArcology.tw | 4 ++--
src/uncategorized/randomEventSelect.tw | 4 ++--
src/uncategorized/remoteSurgery.tw | 16 ++++++++--------
src/uncategorized/slaveInteract.tw | 10 +++++-----
src/uncategorized/underperformingSlaves.tw | 4 ++--
src/utility/extendedFamilyWidgets.tw | 8 ++++----
16 files changed, 69 insertions(+), 69 deletions(-)
diff --git a/src/events/intro/introSummary.tw b/src/events/intro/introSummary.tw
index eb834a391a4..9e3ee9841bb 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 305e33b4c8c..933e30739df 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 0234aaa577c..a1e15e6e7a1 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 17be844d38a..42329d8fe31 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 18b0a57ff69..e12f441cb74 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 f5f5e3850fe..39e89da9c45 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 9447ac74d54..6c483d90cf3 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 4c02a0d67b6..644d87be929 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 7dbbf5fe3bd..146c0e02333 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 d505c8d2d6e..85c54fa7b0d 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 f8de9e45bd0..7f6c268b4f9 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 18efed7f362..34b8dca0ffb 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 e8aaf17222e..27c311d0f3d 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 a8fb058ab4e..6af60640cd7 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 bac53061bf5..8c42ce6cf10 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 d1d53e2af4e..af8d2cc357d 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>>
--
GitLab