v1.1.1 - Fixed a game-breaking bug

index.html

@@ -145,10 +145,22 @@ DIOTIMA: *[[Here comes one of my students now.|SOCRATES 2]]*
 [continued]
 
 [JavaScript]
+var firstimage = "Diotima Human.png";
+var secondimage = "trans parent.png";
+
+const element1 = document.getElementById('leftContainer');
+
+element1?.remove();
+
+const element2 = document.getElementById('rightContainer');
+
+element2?.remove();
+
+
 ///////////
 const img1 = document.createElement("img");
 
-img1.setAttribute("src", "Assets/Images/Diotima Human.png");
+img1.setAttribute("src", "Assets/Images/" + firstimage);
 ///////////
 
 img1.setAttribute("id", "leftPortrait");
@@ -160,16 +172,14 @@ document.getElementById("backdrop").prepend(cont1);
 //////////
 const img2 = document.createElement("img");
 
-img2.setAttribute("src", "Assets/Images/trans parent.png");
+img2.setAttribute("src", "Assets/Images/" + secondimage);
 ///////////
 
 img2.setAttribute("id", "rightPortrait");
 const cont2 = document.createElement("div");
 cont2.setAttribute("id", "rightContainer");
 cont2.appendChild(img2);
-document.getElementById("backdrop").appendChild(cont2);
+document.getElementById(&quot;backdrop&quot;).appendChild(cont2);</tw-passagedata><tw-passagedata pid="2" name="SOCRATES 2" tags="" position="325,425" size="100,100">progressA: 0
-
-document.body.removeAttribute(&quot;class&quot;);</tw-passagedata><tw-passagedata pid="2" name="SOCRATES 2" tags="" position="325,425" size="100,100">progressA: 0
 progressB: 0
 inventory: [&quot;People are naive and can be tricked.&quot;, &quot;Your argument is a sham and you are an idiot.&quot;]
 cred: 4
@@ -994,17 +1004,41 @@ DIOTIMA: Oh. [[What exactly can I &quot;get for myself&quot;?|INTERLUDE 3]]
 [continued]
 
 [JavaScript]
-///////////
+var firstimage = &quot;Diotima.png&quot;;
-const img1 = document.getElementById(&quot;leftPortrait&quot;);
+var secondimage = &quot;trans parent.png&quot;;
+
+const element1 = document.getElementById(&#39;leftContainer&#39;);
+
+element1?.remove();
+
+const element2 = document.getElementById(&#39;rightContainer&#39;);
+
+element2?.remove();
+
 
-img1.setAttribute(&quot;src&quot;, &quot;Assets/Images/Diotima.png&quot;);
 ///////////
+const img1 = document.createElement(&quot;img&quot;);
+
+img1.setAttribute(&quot;src&quot;, &quot;Assets/Images/&quot; + firstimage);
+///////////
+
+img1.setAttribute(&quot;id&quot;, &quot;leftPortrait&quot;);
+const cont1 = document.createElement(&quot;div&quot;);
+cont1.setAttribute(&quot;id&quot;, &quot;leftContainer&quot;);
+cont1.appendChild(img1);
+document.getElementById(&quot;backdrop&quot;).prepend(cont1);
 
 //////////
-const img2 = document.getElementById(&quot;rightPortrait&quot;);
+const img2 = document.createElement(&quot;img&quot;);
 
-img2.setAttribute(&quot;src&quot;, &quot;Assets/Images/trans parent.png&quot;);
+img2.setAttribute(&quot;src&quot;, &quot;Assets/Images/&quot; + secondimage);
-///////////</tw-passagedata><tw-passagedata pid="25" name="INTERLUDE 3" tags="" position="1075,350" size="100,100">SUIKA: [[Love!|INTERLUDE 4]]
+///////////
+
+img2.setAttribute(&quot;id&quot;, &quot;rightPortrait&quot;);
+const cont2 = document.createElement(&quot;div&quot;);
+cont2.setAttribute(&quot;id&quot;, &quot;rightContainer&quot;);
+cont2.appendChild(img2);
+document.getElementById(&quot;backdrop&quot;).appendChild(cont2);</tw-passagedata><tw-passagedata pid="25" name="INTERLUDE 3" tags="" position="1075,350" size="100,100">SUIKA: [[Love!|INTERLUDE 4]]
 
 SUIKA: I don&#39;t want anything to do with love anymore!
 

v1.1.1.twee

@@ -126,10 +126,22 @@ DIOTIMA: *[[Here comes one of my students now.|SOCRATES 2]]*
 [continued]
 
 [JavaScript]
+var firstimage = "Diotima Human.png";
+var secondimage = "trans parent.png";
+
+const element1 = document.getElementById('leftContainer');
+
+element1?.remove();
+
+const element2 = document.getElementById('rightContainer');
+
+element2?.remove();
+
+
 ///////////
 const img1 = document.createElement("img");
 
-img1.setAttribute("src", "Assets/Images/Diotima Human.png");
+img1.setAttribute("src", "Assets/Images/" + firstimage);
 ///////////
 
 img1.setAttribute("id", "leftPortrait");
@@ -141,16 +153,14 @@ document.getElementById("backdrop").prepend(cont1);
 //////////
 const img2 = document.createElement("img");
 
-img2.setAttribute("src", "Assets/Images/trans parent.png");
+img2.setAttribute("src", "Assets/Images/" + secondimage);
 ///////////
 
 img2.setAttribute("id", "rightPortrait");
 const cont2 = document.createElement("div");
 cont2.setAttribute("id", "rightContainer");
 cont2.appendChild(img2);
-document.getElementById("backdrop").appendChild(cont2);
+document.getElementById(&quot;backdrop&quot;).appendChild(cont2);</tw-passagedata><tw-passagedata pid="2" name="SOCRATES 2" tags="" position="325,425" size="100,100">progressA: 0
-
-document.body.removeAttribute(&quot;class&quot;);</tw-passagedata><tw-passagedata pid="2" name="SOCRATES 2" tags="" position="325,425" size="100,100">progressA: 0
 progressB: 0
 inventory: [&quot;People are naive and can be tricked.&quot;, &quot;Your argument is a sham and you are an idiot.&quot;]
 cred: 4
@@ -975,17 +985,41 @@ DIOTIMA: Oh. [[What exactly can I &quot;get for myself&quot;?|INTERLUDE 3]]
 [continued]
 
 [JavaScript]
-///////////
+var firstimage = &quot;Diotima.png&quot;;
-const img1 = document.getElementById(&quot;leftPortrait&quot;);
+var secondimage = &quot;trans parent.png&quot;;
+
+const element1 = document.getElementById(&#39;leftContainer&#39;);
+
+element1?.remove();
+
+const element2 = document.getElementById(&#39;rightContainer&#39;);
+
+element2?.remove();
+
 
-img1.setAttribute(&quot;src&quot;, &quot;Assets/Images/Diotima.png&quot;);
 ///////////
+const img1 = document.createElement(&quot;img&quot;);
+
+img1.setAttribute(&quot;src&quot;, &quot;Assets/Images/&quot; + firstimage);
+///////////
+
+img1.setAttribute(&quot;id&quot;, &quot;leftPortrait&quot;);
+const cont1 = document.createElement(&quot;div&quot;);
+cont1.setAttribute(&quot;id&quot;, &quot;leftContainer&quot;);
+cont1.appendChild(img1);
+document.getElementById(&quot;backdrop&quot;).prepend(cont1);
 
 //////////
-const img2 = document.getElementById(&quot;rightPortrait&quot;);
+const img2 = document.createElement(&quot;img&quot;);
 
-img2.setAttribute(&quot;src&quot;, &quot;Assets/Images/trans parent.png&quot;);
+img2.setAttribute(&quot;src&quot;, &quot;Assets/Images/&quot; + secondimage);
-///////////</tw-passagedata><tw-passagedata pid="25" name="INTERLUDE 3" tags="" position="1075,350" size="100,100">SUIKA: [[Love!|INTERLUDE 4]]
+///////////
+
+img2.setAttribute(&quot;id&quot;, &quot;rightPortrait&quot;);
+const cont2 = document.createElement(&quot;div&quot;);
+cont2.setAttribute(&quot;id&quot;, &quot;rightContainer&quot;);
+cont2.appendChild(img2);
+document.getElementById(&quot;backdrop&quot;).appendChild(cont2);</tw-passagedata><tw-passagedata pid="25" name="INTERLUDE 3" tags="" position="1075,350" size="100,100">SUIKA: [[Love!|INTERLUDE 4]]
 
 SUIKA: I don&#39;t want anything to do with love anymore!