Content updates

Author: Salma Alam-Naylor

apps/fretonator-web/src/app/common/footer/footer.component.html

@@ -9,6 +9,9 @@ <h6 class="footer__sectionTitle">
         Thank you to the following generous contributors:
       </p>
       <ul class="footer__list">
+        <li class="footer__listItem">
+            Richard Naylor - ideas, direction and usability testing
+        </li>
         <li class="footer__listItem">
           <a
             href="http://drozar.io"

apps/fretonator-web/src/app/common/fretonator/similar-modes/similar-modes.component.html

@@ -1,7 +1,7 @@
 <div class="similarModes" *ngIf="similarModes.length > 0 && !isTheoretical">
   <h4 class="similarModes__title">Did you know?</h4>
-  <p class="similarModes__copy">If you know {{modeDisplayString}} on the fretboard,
-    you can already play the modes below!</p>
+  <p class="similarModes__copy">If you know the notes of {{modeDisplayString}}, you can play the modes below, which use
+    the exact same notes.</p>
 
   <div class="chipsContainer">
     <app-chips>
@@ -13,6 +13,9 @@ <h4 class="similarModes__title">Did you know?</h4>
     </app-chips>
   </div>
 
+  <p class="similarModes__copy">What's more, if you know the Ionian pattern, you can play the Ionian mode in any key. Just play the
+    pattern starting on your chosen starting note (root note).</p>
+
   <p class="similarModes__copy">In order to play and jam in all 7 of the main modes, you <span class="emphasis">only need to learn 7
     patterns</span>.
   </p>

apps/fretonator-web/src/app/pages/home/home-index/__snapshots__/home-index.component.spec.ts.snap

@@ -1543,7 +1543,7 @@ exports[`HomeIndexComponent should create 1`] = `
                 <p
                   class="similarModes__copy"
                 >
-                  If you know the patterns of C Ionian (Major) on the fretboard, you can transfer those shapes to the modes below.
+                  If you know the notes of C Ionian (Major), you can play the modes below, which use the exact same notes.
                 </p>
                 <div
                   class="chipsContainer"
@@ -1613,22 +1613,46 @@ exports[`HomeIndexComponent should create 1`] = `
                 <p
                   class="similarModes__copy"
                 >
-                  There are only 7 patterns you need to learn. Once you've memorised those patterns, you can play any of the 7 standard modes 
-                  <em>
-                    (Ionian, Dorian, Phrygian, Lydian, Mixolydian, Aolian, Locrian
-                  </em>
-                  ) from any starting note, anywhere on the fretboard.
+                  What's more, if you know the Ionian pattern, you can play the Ionian mode in any key. Just play the pattern starting on your chosen starting note (root note).
                 </p>
                 <p
                   class="similarModes__copy"
                 >
-                  These patterns always appear in the same order, one after the other.
+                  In order to play and jam in all 7 of the main modes, you 
+                  <span
+                    class="emphasis"
+                  >
+                    only need to learn 7 patterns
+                  </span>
+                  . 
+                </p>
+                <p
+                  class="similarModes__copy"
+                >
+                  These patterns always appear in 
+                  <span
+                    class="emphasis"
+                  >
+                    the exact same order
+                  </span>
+                   across the fretboard, regardless of the starting note or mode.
+                </p>
+                <p
+                  class="similarModes__copy"
+                >
+                  You might have heard this named as the 
+                  <span
+                    class="emphasis"
+                  >
+                    3 note per string
+                  </span>
+                   method. Learn more about this and the 7 standard modes of the major scale in our learning hub.
                 </p>
                 <a
                   class="similarModes__cta"
                   href="/learn/patterns"
                 >
-                  Learn more
+                  Learn about patterns
                 </a>
               </div>
             </app-similar-modes>

apps/fretonator-web/src/app/pages/learn/learn-index/learn-index.component.html

@@ -22,6 +22,7 @@ <h2 class="grid__item__title">Patterns</h2>
         <span class="tag">Theory</span>
         <span class="tag">Scales</span>
         <span class="tag">Modes</span>
+        <span class="tag">3NPS</span>
       </div>
     </a>
     <div class="grid__item">

apps/fretonator-web/src/app/pages/learn/patterns-index/patterns-index.component.html

@@ -21,6 +21,7 @@ <h5 class="patterns__subtitle">You only need to learn 7 patterns</h5>
   </p>
   <p class="patterns__copy">Use the fretboard below to explore the patterns of each mode (shown in black). Notice that
     each pattern is made of <span class="emphasis">3 notes per string</span>.</p>
+
 </div>
 
 
@@ -44,6 +45,8 @@ <h5 class="patterns__smallTitle">Choose a pattern</h5>
 </div>
 
 <div class="patterns__container">
+  <p class="patterns__copy">For this example, we are using the notes of F Ionian (major) - but the great thing about
+    this is that you can start on any fret on the low E string and shift the whole pattern along the fretboard.</p>
   <p class="patterns__copy">Tap each mode above the fretboard to highlight the <span class="emphasis">root position pattern</span>
     for each mode.
     You'll notice that each pattern shifts up one or two frets, and the patterns overlap.</p>
@@ -61,8 +64,10 @@ <h5 class="patterns__smallTitle">Choose a pattern</h5>
   <p class="patterns__subtitle">This works for ANY key and ANY of the 7 modes.
   </p>
   <p class="patterns__copy">Try it out! Use the Fretonator on the home page and see how these patterns fit together.
-    You'll soon realise that there's a lot less to memorise than you think!
+    <span class="emphasis">You'll soon realise that there's a lot less to memorise than you think!</span>
   </p>
+  <p class="patterns__copy">Don't worry if it takes some time to learn the different patterns. The most important thing
+    to remember is to have fun, and just jam on your guitar!</p>
   <p class="patterns__copy">If you want to write some songs using these modes, check out the chords that work with
     your chosen mode underneath the Fretonator for some inspiration.
   </p>