Reformat 1.A

Adds Learning Objectives, image cards, worksheets, admonitions, detail expands, and moves around/renames content.

docs/concert-choir/book-1/unit-1/1.A.mdx

@@ -0,0 +1,67 @@
+import Admonition from '@theme/Admonition';
+import Details from '@theme/Details';
+import StaffSVG from '../../../assets/staff.svg';
+import staffPDF from '../../../assets/The Staff.pdf';
+
+# 1.A: Recognizing, drawing, and describing a staff
+
+## Learning Objectives
+
+<Details summary="1.A Recognizing, drawing, and describing a staff">
+Students can recognize and draw a five-line staff and describe its use in conveying pitch.
+</Details>
+
+## Video
+ {/* TODO: Add video that:
+ - Goes over what a staff is
+ - How to draw a staff
+ - - 5 equally spaced horizontal lines
+ - - 4 equally spaced horizontal spaces */}
+
+ 🚧Coming Soon🚧
+
+## What is a staff?
+
+<figure class="card card__body" style={{display: 'inline-flex', float: 'right'}}>
+<StaffSVG 
+  alt="A typical five-line staff with five equally spaced horizontal lines on a white background"
+  className="card__image"
+/>
+<figcaption>
+      A typical five-line staff
+      <footer class="card__footer">
+        <a href="https://commons.wikimedia.org/wiki/File:Staff240.svg">っ</a>, <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a>, via Wikimedia Commons
+      </footer>
+  </figcaption>
+</figure>
+
+> A staff (plural “staves”) is essential for conveying pitch. A staff consists of five horizontal lines, evenly spaced, and each note is placed on the line or space that corresponds to its pitch.
+<footer>—"<a href="https://viva.pressbooks.pub/openmusictheory/chapter/notation-of-notes-clefs-and-ledger-lines/#chapter-29-section-2">Notation of Notes, Clefs, and Ledger Lines: Staff Notation</a>" from <a href="https://viva.pressbooks.pub/openmusictheory/">OPEN MUSIC THEORY</a> by <a href="https://cnu.edu/people/chelseyhamm/">Chelsey Hamm</a>, licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></footer>
+
+## Practice
+
+### "The Staff" worksheet
+
+<Admonition type="tip">
+Questions 1-3 cover the basics of the staff. <a href="./D">Questions 4-5 are covered in 1.D.</a> Feel free to use the "Print" button to print the worksheet and write on it.
+</Admonition>
+
+<object type="application/pdf" data={staffPDF} style={{width: '100%', height: '50vh'}}></object>
+<Details summary="Answer Key">
+🚧Coming Soon🚧
+</Details>
+> <a href="https://usermanuals.finalemusic.com/Finale2012Mac/Content/Finale/Worksheets1.htm">Finale ® Worksheets</a>, Copyright © 2009 by <a href="https://www.makemusic.com/">MakeMusic, Inc.</a>
+MakeMusic grants permission to duplicate this worksheet for non-profit, educational use only, provided each copy includes this copyright notice.
+Copies may not be sold or included in any materials offered for sale to the general public
+
+### [Quizlet](https://quizlet.com/826322104/concert-choir-unit-1-1a-recognizing-drawing-and-describing-a-staff-flash-cards/?new)
+
+#### Flashcards
+<iframe src="https://quizlet.com/826322104/flashcards/embed?i=4jdgf1&x=1jj1" height="500" width="100%" style={{border:0}}></iframe>
+
+## Additional Resources
+
+- [Open Music Theory: Notation of Notes, Clefs, and Ledger Lines](https://viva.pressbooks.pub/openmusictheory/chapter/notation-of-notes-clefs-and-ledger-lines/)
+  - [Staff Notation](https://viva.pressbooks.pub/openmusictheory/chapter/notation-of-notes-clefs-and-ledger-lines/#chapter-29-section-2)
+- [Essential Music Theory: The Music Staff](https://www.essential-music-theory.com/music-staff.html)
+- [musictheory.net: The Staff, Clefs, and Ledger Lines](https://www.musictheory.net/lessons/10)

docs/concert-choir/book-1/unit-1/1.B.mdx

@@ -0,0 +1,3 @@
+# 1.B: Recognizing and drawing the Treble/G Clef and Bass/F Clef
+
+🚧Coming Soon🚧

docs/concert-choir/book-1/unit-1/1.C.mdx

@@ -0,0 +1,3 @@
+# 1.C: Explaining how clefs help us identify pitches on the staff
+
+🚧Coming Soon🚧

docs/concert-choir/book-1/unit-1/1.D.mdx

@@ -0,0 +1,3 @@
+# 1.D: Identifying and notating pitches on a staff with Treble/G Clef and Bass/F Clef with the musical alphabet
+
+🚧Coming Soon🚧

sidebars.js

@@ -62,7 +62,10 @@ const sidebars = {
           label: 'Unit 1',
           // link: {type: 'doc', id: 'concert-choir/book-1/unit-1'},
           items: [
-            'concert-choir/book-1/unit-1/Recognizing, drawing, and describing a staff',
+            'concert-choir/book-1/unit-1/A',
+            'concert-choir/book-1/unit-1/B',
+            'concert-choir/book-1/unit-1/C',
+            'concert-choir/book-1/unit-1/D',
           ]
         },
       ],

src/pages/index.tsx

@@ -41,7 +41,7 @@ export default function Home(): JSX.Element {
               <h2>JP's Corner ʕ •ᴥ•ʔ</h2>
               <p><i>Hello! I'm JP, the choir TA! In this corner of the site (exact corner subject to change), I'll post briefly what I'm working on!</i></p>
               <p><b>Currently working on:</b> Adding Unit 1 Concert Choir materials!!!</p>
-              <p>I'm so excited to be working with you this year! If you have any questions or feedback, please email me at <a href="mailto:[email protected]">[email protected]</a> or Mr. Henning!</p>
+              <p>I'm so excited to be working with you this year! If you have any questions or feedback, please email me at <a href="mailto:[email protected]">[email protected]</a> or contact Mr. Henning!</p>
           </div>
         </section>
       </main>