clarifying text for what is generated versus existing piece, relative…

… versus regular attention.

bach_duo.html

@@ -86,7 +86,7 @@ <h3>Current state</h3>
       </div>
     </div>
     <div class="main">
-      <h1><button id="drawerBtn">&lt;</button>Relative vs. Regular Attention: Bach
+      <h1><button id="drawerBtn">&lt;</button>Relative (red) vs. Regular (green) Attention: Bach
       (analysis of an existing piece)</h1>
       <p>
         <label class="button" hidden>+ Load file

index.html

@@ -20,9 +20,7 @@
       <h1>Visualizing Music Transformer</h1>
 
       <p>There are three possible visualizations currently available: relative
-        attention visualizations for either a Bach corale or a piano performance
-        piece, as well as a relative vs regular attention analysis for an example
-        piece:
+        attention visualizations for either a sample generated by model trained on Bach chorale or piano performances, as well as a ``duo'' mode that shows an analysis of relative vs regular attention on an existing piece.
       </p>
       <p>
       <a class="button" href="./bach.html">Bach visualizer</a>
@@ -33,12 +31,13 @@ <h1>Visualizing Music Transformer</h1>
       </p>
 
       <h2>Paper figures</h2>
-      <div><a class="button" href="./bach.html#figure=1a">Fig. 1a</a>: Multiple head visualization of a Bach chorale.</div>
-      <div><a class="button" href="./bach.html#figure=1b">Fig. 1b</a>: Visualizing the first layer of the Transformer model for the Bach chorale.</div>
-      <div><a class="button" href="./bach.html#figure=1c">Fig. 1c</a>: Visualizing the last layer of the Transformer model for the Bach chorale.</div>
+      <p>All samples are generated by Transformer with relative attention, trained on either J.S. Bach Chorales or Piano-e-Competition, except Fig.1D which shows an analysis of an existing Bach chorale.</p>
+      <div><a class="button" href="./bach.html#figure=1a">Fig. 1a</a>: Multiple head visualization of a Bach chorale sample.</div>
+      <div><a class="button" href="./bach.html#figure=1b">Fig. 1b</a>: Visualizing the first layer of the Transformer model for a Bach chorale sample.</div>
+      <div><a class="button" href="./bach.html#figure=1c">Fig. 1c</a>: Visualizing the last layer of the Transformer model for a Bach chorale sample.</div>
       <div><a class="button" href="./bach_duo.html#figure=1d">Fig. 1d</a>: Analysis of the relative and regular attention models for an existing Bach chorale piece. <b>Note:</b> this loads a large file, and it takes a bit to load </div>
-      <div><a class="button" href="./performance.html#figure=3a">Fig. 3a</a>Visualizing motifs in a Piano performance piece. <b>Note:</b> this loads a large file, and it takes a bit to load.</div>
-      <div><a class="button" href="./performance.html#figure=3a">Fig. 3b</a>Visualizing motifs in a Piano performance piece. <b>Note:</b> this loads a large file, and it takes a bit to load.</div>
+      <div><a class="button" href="./performance.html#figure=3a">Fig. 3a</a>Visualizing motifs in a piano performance sample. <b>Note:</b> this loads a large file, and it takes a bit to load.</div>
+      <div><a class="button" href="./performance.html#figure=3a">Fig. 3b</a>Visualizing motifs in a piano performance sample. <b>Note:</b> this loads a large file, and it takes a bit to load.</div>
 
       <h2>Paper videos</h2>
       <h3>Animated multiple head visualization of a Bach chorale:</h3>

performance.html

@@ -87,7 +87,7 @@ <h3>Current state</h3>
       </div>
     </div>
     <div class="main">
-      <h1><button id="drawerBtn">&lt;</button>Regular attention: Piano Performance</h1>
+      <h1><button id="drawerBtn">&lt;</button>Relative attention: Piano Performance</h1>
       <p>
         <label class="button" hidden>+ Load file
           <input id="loadBtn" type="file">