From 5730c53094c19baa849eeedd460e41578607c5ae Mon Sep 17 00:00:00 2001
From: Dan Ballard <45471844+ballardd@users.noreply.github.com>
Date: Wed, 5 Aug 2020 21:34:21 -0500
Subject: [PATCH 1/3] Update example1.md

---
 parsons/example1.md | 48 ++++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 25 deletions(-)

diff --git a/parsons/example1.md b/parsons/example1.md
index 0542c8aeb..cedc15721 100644
--- a/parsons/example1.md
+++ b/parsons/example1.md
@@ -5,41 +5,39 @@ title: Page 2 Example (Variable Check Grader)
 
 Construct a program that swaps the values of variables <code>x</code> and <code>y</code> using the helper variable <code>tmp</code>. You can change the names of the variables (<span class="jsparson-toggle"></span>) by clicking them.
 
-<div id="p1-sortableTrash" class="sortable-code"></div>
-<div id="p1-sortable" class="sortable-code"></div>
-<div style="clear:both;"></div>
-<p>
-    <input id="p1-feedbackLink" value="Get Feedback" type="button" />
-    <input id="p1-newInstanceLink" value="Reset Problem" type="button" />
-</p>
-<script type="text/javascript">
+<div id="question1-sortableTrash" class="sortable-code"></div> 
+<div id="question1-sortable" class="sortable-code"></div> 
+<div style="clear:both;"></div> 
+<p> 
+    <input id="question1-feedbackLink" value="Get Feedback" type="button" /> 
+    <input id="question1-newInstanceLink" value="Reset Problem" type="button" /> 
+</p> 
+<script type="text/javascript"> 
 (function(){
-  var initial = "1\n" +
-    "2\n" +
-    "3\n" +
-    "4\n" +
-    "5";
+  var initial = "main(){\n" +
+    "	System.out.println(Hello World);\n" +
+    "}\n" +
+    "class HelloWorld #distractor";
   var parsonsPuzzle = new ParsonsWidget({
-    "sortableId": "p1-sortable",
+    "sortableId": "question1-sortable",
     "max_wrong_lines": 10,
     "grader": ParsonsWidget._graders.LineBasedGrader,
     "exec_limit": 2500,
     "can_indent": true,
     "x_indent": 50,
-    "lang": "en",
-    "trashId": "p1-sortableTrash"
+    "lang": "en"
   });
   parsonsPuzzle.init(initial);
   parsonsPuzzle.shuffleLines();
-  $("#p1-newInstanceLink").click(function(event){
-      event.preventDefault();
-      parsonsPuzzle.shuffleLines();
-  });
-  $("#p1-feedbackLink").click(function(event){
-      event.preventDefault();
-      parsonsPuzzle.getFeedback();
-  });
-})();
+  $("#question1-newInstanceLink").click(function(event){ 
+      event.preventDefault(); 
+      parsonsPuzzle.shuffleLines(); 
+  }); 
+  $("#question1-feedbackLink").click(function(event){ 
+      event.preventDefault(); 
+      parsonsPuzzle.getFeedback(); 
+  }); 
+})(); 
 </script>
 
 [Next](./example2.html)

From 8779a18dd6e8250b92aec1f1af7d5b4218f090ef Mon Sep 17 00:00:00 2001
From: Dan Ballard <45471844+ballardd@users.noreply.github.com>
Date: Wed, 5 Aug 2020 21:38:09 -0500
Subject: [PATCH 2/3] Update index.markdown

---
 index.markdown | 53 +++++++++++++++++++++++++-------------------------
 1 file changed, 26 insertions(+), 27 deletions(-)

diff --git a/index.markdown b/index.markdown
index 44c44ba44..cfe9eb520 100644
--- a/index.markdown
+++ b/index.markdown
@@ -7,43 +7,42 @@ title: Multiple Parson's Problems on One Page
 ---
 # Parsons Practice
 
-## Parsons 1 (Line Based Grader)
+## Parsons 1 
 Re-arrange the blocks below so they print out "Hello World!"
 
-<div id="p1-sortableTrash" class="sortable-code"></div>
-<div id="p1-sortable" class="sortable-code"></div>
-<div style="clear:both;"></div>
-<p>
-    <input id="p1-feedbackLink" value="Get Feedback" type="button" />
-    <input id="p1-newInstanceLink" value="Reset Problem" type="button" />
-</p>
-<script type="text/javascript">
-(function() {
-  var initial = "print(\"Hello\")\n" +
-    "print(\" \")\n" +
-    "print(\"World\")\n" +
-    "print(\"!\")";
+<div id="question1-sortableTrash" class="sortable-code"></div> 
+<div id="question1-sortable" class="sortable-code"></div> 
+<div style="clear:both;"></div> 
+<p> 
+    <input id="question1-feedbackLink" value="Get Feedback" type="button" /> 
+    <input id="question1-newInstanceLink" value="Reset Problem" type="button" /> 
+</p> 
+<script type="text/javascript"> 
+(function(){
+  var initial = "main(){\n" +
+    "	System.out.println(Hello World);\n" +
+    "}\n" +
+    "class HelloWorld #distractor";
   var parsonsPuzzle = new ParsonsWidget({
-    "sortableId": "p1-sortable",
+    "sortableId": "question1-sortable",
     "max_wrong_lines": 10,
     "grader": ParsonsWidget._graders.LineBasedGrader,
     "exec_limit": 2500,
-    "can_indent": false,
+    "can_indent": true,
     "x_indent": 50,
-    "lang": "en",
-    "trashId": "p1-sortableTrash"
+    "lang": "en"
   });
   parsonsPuzzle.init(initial);
   parsonsPuzzle.shuffleLines();
-  $("#p1-newInstanceLink").click(function(event){
-      event.preventDefault();
-      parsonsPuzzle.shuffleLines();
-  });
-  $("#p1-feedbackLink").click(function(event){
-      event.preventDefault();
-      parsonsPuzzle.getFeedback();
-  });
-})();
+  $("#question1-newInstanceLink").click(function(event){ 
+      event.preventDefault(); 
+      parsonsPuzzle.shuffleLines(); 
+  }); 
+  $("#question1-feedbackLink").click(function(event){ 
+      event.preventDefault(); 
+      parsonsPuzzle.getFeedback(); 
+  }); 
+})(); 
 </script>
 
 

From 28f25cbb31e9996609a935d45c70ee64c03c21e9 Mon Sep 17 00:00:00 2001
From: Dan Ballard <45471844+ballardd@users.noreply.github.com>
Date: Wed, 5 Aug 2020 22:07:34 -0500
Subject: [PATCH 3/3] Update index.markdown

---
 index.markdown | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.markdown b/index.markdown
index cfe9eb520..25ab98f70 100644
--- a/index.markdown
+++ b/index.markdown
@@ -30,7 +30,8 @@ Re-arrange the blocks below so they print out "Hello World!"
     "exec_limit": 2500,
     "can_indent": true,
     "x_indent": 50,
-    "lang": "en"
+    "lang": "en",
+    "trashId": "question1-sortableTrash"
   });
   parsonsPuzzle.init(initial);
   parsonsPuzzle.shuffleLines();
@@ -45,7 +46,6 @@ Re-arrange the blocks below so they print out "Hello World!"
 })(); 
 </script>
 
-
 ## Parsons 2 (Variable Check Grader)
 Construct a program that swaps the values of variables <code>x</code> and <code>y</code> using the helper variable <code>tmp</code>. You can change the names of the variables (<span class="jsparson-toggle"></span>) by clicking them.