remove global vars and awaits

sketch.js

@@ -18,9 +18,6 @@ import { pipeline, env } from 'https://cdn.jsdelivr.net/npm/@xenova/transformers
 
 let PROMPT,
   PREPROMPT,
-  promptResult,
-  submitButton,
-  addButton,
   promptInput,
   modelDisplay,
   modelResult;
@@ -94,14 +91,14 @@ new p5(function (p5) {
         // // BUTTONS // // 
 
         // send prompt to model
-        submitButton = p5.createButton("SUBMIT")
+        let submitButton = p5.createButton("SUBMIT")
         // submitButton.position(0,500)
         submitButton.size(200)
         submitButton.class('submit'); 
         submitButton.mousePressed(getInputs)
 
         // add more blanks to fill in
-        addButton = p5.createButton("more blanks")
+        let addButton = p5.createButton("more blanks")
         addButton.size(200)
         // addButton.position(220,500)
         addButton.mousePressed(addField)
@@ -145,12 +142,12 @@ new p5(function (p5) {
 
         modelResult = await runModel(PREPROMPT, PROMPT)
 
-        await displayModel(modelResult)
+        displayModel(modelResult)
     }
 
-    async function displayModel(m){
-        modelDisplay = p5.createElement("p", "Results:");
-        await modelDisplay.html(m)
+    function displayModel(m){
+        let modelDisplay = p5.createElement("p", "Results:");
+        modelDisplay.html(m) // do these need to be async??
     }
 
     // async function showResults(){

tutorial.mdx

@@ -1,9 +1,14 @@
 ---
 title: Critical AI Prompt Battle
-authors:
-    - Sarah Ciston
+author: Sarah Ciston
+editors: 
+    - Emily Martinez
+    - Minne Atairu
+category: critical-ai
 ---
 
+<!-- more background: https://huggingface.co/tasks/text-generation -->
+
 # p5.js Critical AI Prompt Battle
 By Sarah Ciston
 With Emily Martinez and Minne Atairu
@@ -28,18 +33,27 @@ Unfortunately, the sleek chatbot interface hides all the decision-making that le
 
 Steps
 
-1. Make a copy of your toolkit prototype from Tutorial One and rename it "Critical AI Prompt Battle" to follow along. To jump ahead, you can make a copy of the finished example at the link below. But we really encourage you to type along with us! 
+1. Make a copy of your toolkit prototype from [Tutorial One]([XXX]) and rename it "Critical AI Prompt Battle" to follow along. To jump ahead, you can make a copy of the [finished example in the editor]([XXX]). But we really encourage you to type along with us! 
+
+2. [PSEUDOCODE] Add the inference/pipeline module to the top.
+
+- Create global variables to use later. Declare these now so that they can be used in various functions throughout the project. (eg MODEL, PROMPT, PREPROMPT, BLANKS, blankArray, etc)
 
-2. [PSEUDOCODE] Add the inference module to the top.
+```javascript
+let PREPROMPT,
+  promptInput,
+  modelDisplay,
+  modelResult;
+```
 
-3. [PSEUDOCODE] Add the model of choice to the README.md and sketch.js
+1. [PSEUDOCODE] Add the model of choice to the README.md and sketch.js
 
-4. [PSEUDOCODE] Create variables (eg MODEL, PROMPT, PREPROMPT, BLANKS, blankArray, etc)
+2. [PSEUDOCODE] Write instructions for your model. 
 Set PREPROMPT = `Return an array of sentences. In each sentence, fill in the [BLANK] in the following sentence with each word I provide in the array ${blankArray}. Replace any [FILL] with an appropriate word of your choice.`
 
 
 
-5. [PSEUDOCODE] Add async function runModel() wrapping HF API await
+5. [PSEUDOCODE] Add async function runModel() wrapping HF API await. {// explain link to await} explain 
 
 6. [PSEUDOCODE] Add model results processing with await