move SGMAPF results under article section

content/publications/sgmapf/runaway_planning/animations/_index.md

@@ -1,14 +1,22 @@
 ---
-title: Runaway Planning Results
+title: Runaway Planning Animations
 ---
 
 {{< dummy >}}
 
-<input type="number" id="resultId" min="0" max="99" default="0">
+<h2>
-<input type="submit" id="showResultButton">
+Please enter a number in the field below, and press enter. The corresponding
+dataset will be loaded.
+</h2>
 
-<p>If the video does not load for a given algorithm, that means it failed to
+<input type="number" id="resultId" min="0" max="99" default="0" />
-compute a solution (within the 10s timeout).</p>
+<input type="submit" id="showResultButton" value="Load dataset" />
+
+
+<h3>
+If the video does not load for a given algorithm, that means it failed to
+compute a solution (within the 10s timeout).
+</h3>
 
 <div>
     <p>Raw CBS</p>
@@ -35,6 +43,7 @@ compute a solution (within the 10s timeout).</p>
     var idField = document.getElementById("resultId");
     var button = document.getElementById("showResultButton");
     button.addEventListener("click", () => show_all_videos(idField.value)); 
+    idField.addEventListener("keypress", (event) => event.key === "Enter" && button.click());
 
     function show_one_video(videoDiv, n) {
         const videoLoc = "./" + videoDiv.id + "/from_generated_" + n + ".mp4";