move intructDiv into introDiv, move addField funct into inputDiv

sketch.js

@@ -133,12 +133,12 @@ new p5(function (p5){
     const introDiv = p5.createDiv().class('module').id('intro')
     p5.createElement('h1','p5.js Critical AI Prompt Battle').parent(introDiv)
     p5.createP(`What do AI models really 'know' about you — about your community, your language, your culture? What do they 'know' about different concepts, ideas, and worldviews?`).parent(introDiv)
-    p5.createP(`This tool lets you compare the results of multiple AI-generated texts and images side-by-side, using blanks you fill in to explore variations on a single prompt. For more info on prompt programming and critical AI, see [TUTORIAL-LINK].`).parent(introDiv)
+    p5.createP(`This tool lets you compare the results of multiple AI-generated texts and images side-by-side, using blanks you fill in to explore variations on a single prompt. For more info on prompt programming and critical AI, see <A href="">[TUTORIAL-LINK]</a>.`).parent(introDiv)
 
-    const instructDiv = p5.createDiv().class('module').id('instructions')
-    p5.createElement('h4', 'INSTRUCTIONS').class('header').parent(instructDiv)
-    p5.createP(`Write your prompt using [BLANK] and [MASK], where [BLANK] will be the variation you choose and fill in below, and [MASK] is a variation that the model will complete.`).parent(instructDiv)
-    p5.createP(`For best results, try to phrase your prompt so that [BLANK] and [MASK] highlight the qualities you want to investigate. <A href="http://p5js.org">See examples.</a>`).parent(instructDiv)
+    // const instructDiv = p5.createDiv().class('module').id('instructions')
+    p5.createElement('h4', 'INSTRUCTIONS').class('header').parent(introDiv)
+    p5.createP(`Write your prompt using [BLANK] and [MASK], where [BLANK] will be the variation you choose and fill in below, and [MASK] is a variation that the model will complete.`).parent(introDiv)
+    p5.createP(`For best results, try to phrase your prompt so that [BLANK] and [MASK] highlight the qualities you want to investigate. See <A href="">[EXAMPLES]</a>`).parent(introDiv)
   }
 
   function makeInputModule(){
@@ -161,25 +161,26 @@ new p5(function (p5){
     addField()
     addField()
 
-    // press to run model
+      function addField(){
+        let f = p5.createInput("").parent(inputDiv)
+        f.class("blank")
+        blanksArray.push(f)
+        console.log("made variable field")
+        // // Cap the number to avoids token limit
+        // let blanks = document.querySelectorAll(".blank")
+        // if (blanks.length > 3){
+        //     console.log(blanks.length)
+        //     addButton.style('visibility','hidden')
+        // }
+    }
+
+        // press to run model
     const submitButton = p5.createButton("RUN PROMPT")
     submitButton.size(170)
     submitButton.class('button').parent(inputDiv)
     submitButton.mousePressed(displayOutput)
   }
 
-  function addField(){
-      let f = p5.createInput("").parent(inputDiv)
-      f.class("blank")
-      blanksArray.push(f)
-      console.log("made variable field")
-      // // Cap the number of fields, avoids token limit in prompt
-      // let blanks = document.querySelectorAll(".blank")
-      // if (blanks.length > 3){
-      //     console.log(blanks.length)
-      //     addButton.style('visibility','hidden')
-      // }
-  }
 
   // function makeButtons(){
   //   // // press to add more blanks to fill in