Update imput sections

sketch.js

@@ -7,7 +7,7 @@ env.allowLocalModels = false;
 
 // GLOBAL VARIABLES
 
-var PREPROMPT = `Please continue the story after "..." and replace the "[MASK]" with your own words: `
+var PREPROMPT = `Please continue each sentence after "..." and replace the "[MASK]" with your own words: `
 // var PREPROMPT = `Please continue the story, filling in any [MASK] with your own words:`
 // let PREPROMPT = `Please complete the phrase and fill in any [MASK]: `
 var PROMPT_INPUT = `` // a field for writing or changing a text value
@@ -146,9 +146,9 @@ new p5(function (p5){
     const inputDiv = p5.createDiv().class('module', 'main').id('inputDiv')
     p5.createElement('h4', 'INPUT').parent(inputDiv)
     p5.createElement('h3', 'Enter your prompt').class('header').parent(inputDiv)
-    p5.createP('Write your prompt in the box below using one [BLANK] and one [MASK].').parent(inputDiv)
-    p5.createP('e.g. Write "The [BLANK] was a [MASK]..." and in the three blanks choose three occupations.').parent(inputDiv)
-    p5.createP('(This is taken from an actual example used to test GPT-3. (Brown et al. 2020).)').class('caption').parent(inputDiv)
+    p5.createP(`Write your prompt in the box below using one [BLANK] and one [MASK].`).parent(inputDiv)
+    p5.createP(`e.g. Write "The [BLANK] was a [MASK]..." and in the three blanks choose three occupations.`).parent(inputDiv)
+    p5.createP(`(This is taken from an actual example used to test GPT-3. (Brown et al. 2020).)`).class('caption').parent(inputDiv)
     promptField = p5.createInput(PROMPT_INPUT).parent(inputDiv) // turns the string into an input; now access the text via PROMPT_INPUT.value()
     promptField.size(700)
     p5.createP(promptField.attribute('label')).parent(inputDiv)
@@ -158,8 +158,20 @@ new p5(function (p5){
     p5.createElement('h3', 'Fill in your blanks').class('header').parent(inputDiv)
     p5.createP('Add three words or phrases in the boxes below that will replace the [BLANK] in your prompt when the model runs.').parent(inputDiv)
     p5.createP('(e.g. doctor, secretary, circus performer)').parent(inputDiv)
+    
+    addField()
+    addField()
+    addField()
+    
+    // press to run model
+    const submitButton = p5.createButton("RUN PROMPT")
+    submitButton.size(170)
+    submitButton.class('button').parent(inputDiv)
+    submitButton.mousePressed(displayOutput)
+ 
+  }
 
-    function addField(){
+  function addField(){
         let f = p5.createInput("").parent(inputDiv)
         f.class("blank")
         blanksArray.push(f)
@@ -172,20 +184,6 @@ new p5(function (p5){
         // }
       }
 
-    addField()
-    addField()
-    addField()
-    
-    // press to run model
-    const submitButton = p5.createButton("RUN PROMPT")
-    submitButton.size(170)
-    submitButton.class('button').parent(inputDiv)
-    submitButton.mousePressed(displayOutput)
-
-    
-  }
-
-
   // function makeButtons(){
   //   // // press to add more blanks to fill in
   //   // const addButton = p5.createButton("more blanks")