Merge pull request #164 from espadonne/main

rewrite Activity 3 instructions to match actual DAW flow

Author: mfwolffe

components/activity/ActivityInstructions.jsx

@@ -58,11 +58,16 @@ export default function ActivityInstructions({
 
             if (instruction.type === 'list') {
               return (
-                <ul key={idx} className="mb-3">
-                  {instruction.items.map((item, itemIdx) => (
-                    <li key={itemIdx}>{item}</li>
-                  ))}
-                </ul>
+                <div key={idx} className="mb-3">
+                  {instruction.title && (
+                    <h6 className="fw-bold">{instruction.title}</h6>
+                  )}
+                  <ul className="mb-0">
+                    {instruction.items.map((item, itemIdx) => (
+                      <li key={itemIdx}>{item}</li>
+                    ))}
+                  </ul>
+                </div>
               );
             }
 

lib/activity/activityConfigs.js

@@ -129,28 +129,41 @@ export const ACTIVITY_3_CONFIG = {
     },
     {
       type: 'list',
+      title: 'Part 1: Recording and Clip Manipulation',
       items: [
-        'Toggle the multitrack editor using the button at the top.',
         'Add an audio track by clicking the "Add Track" button and selecting "Audio Track".',
         'Click the record button in the track controls on the left side. Wait for the countdown.',
         'Record about ten seconds of audio, then stop recording.',
         'Notice the waveform that appears. Select the grab tool and drag the waveform around.',
-        'Add a second audio track and record another short sequence.',
-        'Switch to the select tool and click/drag to select multiple waveform clips at once.',
-        'Press play to observe how the regions of silence and sound produce what you hear.',
-        'Click a single clip, then click the copy button. Click on the timeline to move the playhead, then click paste.',
+        'Switch to the select tool and click/drag to select a clip.',
+        'Click the copy button, move the playhead to a new position, then click paste.',
         'Select all clips and hit backspace to delete them.',
-        'Import your recorded take using the "Import from takes" button.',
-        'Import the provided bassline for your second audio track.',
-        'Drag the waveform clips to align the bassline with your melody.',
-        'Click the mixdown button to create a combined track.',
+      ],
+    },
+    {
+      type: 'list',
+      title: 'Part 2: Bassline Import and Mixdown',
+      items: [
+        'Click "Import from takes" and import your recorded take.',
+        'Click "Import from takes" again and import the provided bassline.',
+        'Listen back to both tracks. Notice that they may not be aligned.',
+        'Drag the melody or bassline clips to align them with each other.',
+        'Click the "Mixdown" button to create a combined track from all your audio.',
         'Hit the solo button (S) on the new mixdown track to hear it alone.',
-        'Save this clip as a take, then switch back to single track editor.',
-        'Load your mixdown take in the single track editor.',
-        'Toggle the effects rack and hover over Equalizer for a description.',
-        'Select the "Warm Bass" preset and observe how the frequency graph changes.',
-        'Apply the effect and listen back.',
-        'Experiment with other presets and create your own EQ curve.',
+      ],
+    },
+    {
+      type: 'list',
+      title: 'Part 3: Applying EQ',
+      items: [
+        'Select a clip on one of your tracks by clicking on it.',
+        'Click the "Effects" button in the toolbar to open the effects rack.',
+        'Click "Add Effect" and select "Equalizer" from the list.',
+        'Click the gear icon on the equalizer effect you just added to open its parameters.',
+        'In the EQ view, find the "EQ Preset" dropdown and select "Warm Bass".',
+        'Observe how the frequency curve changes. Close the EQ parameters.',
+        'Click "Apply to Clip" to render the effect onto your audio.',
+        'Listen back and notice how the sound has changed.',
       ],
     },
     {