add descriptions

src/components/Main.vue

@@ -14,12 +14,16 @@
     <input v-model="rightEar.frequency.value">
     <select v-model="preset">
       <option disabled value="">Preset</option>
-      <option value="alpha">α waves</option>
-      <option value="beta">β waves</option>
-      <option value="gamma">γ waves</option>
-      <option value="delta">δ waves</option>
-      <option value="theta">θ waves</option>
+      <option value="alpha">Alpha waves</option>
+      <option value="beta">Beta waves</option>
+      <option value="gamma">Gamma waves</option>
+      <option value="delta">Delta waves</option>
+      <option value="theta">Theta waves</option>
     </select>
+    <div class="info" v-if="preset">
+      <h2>{{ preset.charAt(0).toUpperCase() + preset.slice(1) }} Waves</h2>
+      <p>{{ presets[preset].description }}</p>
+    </div>
   </div>
 </template>
 
@@ -39,13 +43,33 @@ export default {
       presets: {
         alpha: {
           waveform: 'sine',
-          right: 150,
-          left: 155
+          left: 130,
+          right: 115,
+          description: 'mediating, daydreaming; routine tasks'
         },
         beta: {
           waveform: 'sine',
-          right: 130,
-          left: 139
+          left: 100,
+          right: 115,
+          description: 'awake, alert, active, engaged'
+        },
+        gamma: {
+          waveform: 'sine',
+          left: 160,
+          right: 210,
+          description: 'ability to process large amounts of information fastly'
+        },
+        delta: {
+          waveform: 'sine',
+          left: 120,
+          right: 124,
+          description: 'relaxation, healing, spiritual'
+        },
+        theta: {
+          waveform: 'sine',
+          left: 150,
+          right: 155,
+          description: 'trance, daydreaming'
         }
       }
     }