From 9efd9eb992cbefe9fc409d3a9c783761197452ab Mon Sep 17 00:00:00 2001 From: James Kerrane Date: Mon, 2 Oct 2023 15:24:25 +0000 Subject: [PATCH] Add Unit 13, start H5P support --- .../unit-7/26-tetrachords-major-scales.mdx | 8 +- .../book-2/unit-7/27-the-sharp-scales.mdx | 8 +- .../book-2/unit-7/28-the-flat-scales.mdx | 8 +- .../29-key-signatures-the-sharp-keys.mdx | 2 +- .../30-key-signatures-the-flat-keys.mdx | 2 +- .../book-2/unit-7/unit-7.mdx | 10 +- .../unit-13/51-triads-first-inversion.mdx | 55 + .../book-3/unit-13/unit-13.mdx | 23 + .../H5P.MultiMediaChoice-0.3/LICENCE.md | 21 + .../dist/h5p-multi-media-choice.css | 1 + .../dist/h5p-multi-media-choice.js | 2 + .../h5p-multi-media-choice.js.LICENSE.txt | 19 + .../H5P.MultiMediaChoice-0.3/icon.svg | 322 +++ .../H5P.MultiMediaChoice-0.3/library.json | 58 + .../H5P.MultiMediaChoice-0.3/semantics.json | 497 +++++ .../H5P.Question-1.5/images/minus-one.svg | 20 + .../H5P.Question-1.5/images/plus-one.svg | 21 + .../H5P.Question-1.5/library.json | 45 + .../H5P.Question-1.5/scripts/explainer.js | 84 + .../H5P.Question-1.5/scripts/question.js | 1779 +++++++++++++++++ .../H5P.Question-1.5/scripts/score-points.js | 72 + .../H5P.Question-1.5/styles/explainer.css | 80 + .../H5P.Question-1.5/styles/question.css | 352 ++++ .../h5p.json | 1 + package-lock.json | 1171 ++++++++++- package.json | 1 + sidebars.js | 17 + .../TriadIdentificationMultipleClef/index.tsx | 25 + .../styles.module.css | 0 29 files changed, 4680 insertions(+), 24 deletions(-) create mode 100644 docs/alfreds-essentials-of-music-theory/book-3/unit-13/51-triads-first-inversion.mdx create mode 100644 docs/alfreds-essentials-of-music-theory/book-3/unit-13/unit-13.mdx create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/LICENCE.md create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.css create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.js create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.js.LICENSE.txt create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/icon.svg create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/library.json create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/semantics.json create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.Question-1.5/images/minus-one.svg create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.Question-1.5/images/plus-one.svg create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.Question-1.5/library.json create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.Question-1.5/scripts/explainer.js create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.Question-1.5/scripts/question.js create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.Question-1.5/scripts/score-points.js create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.Question-1.5/styles/explainer.css create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/H5P.Question-1.5/styles/question.css create mode 100644 docs/assets/h5p/triad-identification-multiple-clef/h5p.json create mode 100644 src/components/H5P/TriadIdentificationMultipleClef/index.tsx create mode 100644 src/components/H5P/TriadIdentificationMultipleClef/styles.module.css diff --git a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/26-tetrachords-major-scales.mdx b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/26-tetrachords-major-scales.mdx index c16c3d5..a842286 100644 --- a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/26-tetrachords-major-scales.mdx +++ b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/26-tetrachords-major-scales.mdx @@ -6,10 +6,10 @@ import BassClefOneLedgerRange from '../../../assets/img/BassClefOneLedgerRange.p # Lesson 26: Tetrachords and Major Scales
- * **1.A:** Identify whether the distance between two notes is a whole step or a half step. - * **1.B:** Build tetrachords using a pattern of whole and half steps. - * **1.C:** Build sharp and flat major scales using tetrachords, starting on a keynote. - * **1.D:** Identify the degrees/steps/tones of a scale. + * **7.A:** Identify whether the distance between two notes is a whole step or a half step. + * **7.B:** Build tetrachords using a pattern of whole and half steps. + * **7.C:** Build sharp and flat major scales using tetrachords, starting on a keynote. + * **7.D:** Identify the degrees/steps/tones of a scale.
{/* TODO: ## Video */} diff --git a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/27-the-sharp-scales.mdx b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/27-the-sharp-scales.mdx index 235a75f..ed6811c 100644 --- a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/27-the-sharp-scales.mdx +++ b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/27-the-sharp-scales.mdx @@ -6,10 +6,10 @@ import BassClefOneLedgerRange from '../../../assets/img/BassClefOneLedgerRange.p # Lesson 27: The Sharp Scales – G and D Major
- * **1.A:** Identify whether the distance between two notes is a whole step or a half step. - * **1.B:** Build tetrachords using a pattern of whole and half steps. - * **1.C:** Build sharp and flat major scales using tetrachords, starting on a keynote. - * **1.D:** Identify the degrees/steps/tones of a scale. + * **7.A:** Identify whether the distance between two notes is a whole step or a half step. + * **7.B:** Build tetrachords using a pattern of whole and half steps. + * **7.C:** Build sharp and flat major scales using tetrachords, starting on a keynote. + * **7.D:** Identify the degrees/steps/tones of a scale.
{/* TODO: ## Video */} diff --git a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/28-the-flat-scales.mdx b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/28-the-flat-scales.mdx index 86034d7..4af0b88 100644 --- a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/28-the-flat-scales.mdx +++ b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/28-the-flat-scales.mdx @@ -6,10 +6,10 @@ import BassClefOneLedgerRange from '../../../assets/img/BassClefOneLedgerRange.p # Lesson 28: The Flat Scales – F and B♭ Major
- * **1.A:** Identify whether the distance between two notes is a whole step or a half step. - * **1.B:** Build tetrachords using a pattern of whole and half steps. - * **1.C:** Build sharp and flat major scales using tetrachords, starting on a keynote. - * **1.D:** Identify the degrees/steps/tones of a scale. + * **7.A:** Identify whether the distance between two notes is a whole step or a half step. + * **7.B:** Build tetrachords using a pattern of whole and half steps. + * **7.C:** Build sharp and flat major scales using tetrachords, starting on a keynote. + * **7.D:** Identify the degrees/steps/tones of a scale.
{/* TODO: ## Video */} diff --git a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/29-key-signatures-the-sharp-keys.mdx b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/29-key-signatures-the-sharp-keys.mdx index a94b6cb..b194dd8 100644 --- a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/29-key-signatures-the-sharp-keys.mdx +++ b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/29-key-signatures-the-sharp-keys.mdx @@ -6,7 +6,7 @@ import BassClefOneLedgerRange from '../../../assets/img/BassClefOneLedgerRange.p # Lesson 29: Key Signatures – The Sharp Keys
- **1.E:** Build sharp and flat key signatures using the order of sharps and flats. + **7.E:** Build sharp and flat key signatures using the order of sharps and flats.
{/* TODO: ## Video */} diff --git a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/30-key-signatures-the-flat-keys.mdx b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/30-key-signatures-the-flat-keys.mdx index 159bbf8..70cba77 100644 --- a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/30-key-signatures-the-flat-keys.mdx +++ b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/30-key-signatures-the-flat-keys.mdx @@ -6,7 +6,7 @@ import BassClefOneLedgerRange from '../../../assets/img/BassClefOneLedgerRange.p # Lesson 30: Key Signatures – The Flat Keys
- **1.E:** Build sharp and flat key signatures using the order of sharps and flats. + **7.E:** Build sharp and flat key signatures using the order of sharps and flats.
{/* TODO: ## Video */} diff --git a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/unit-7.mdx b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/unit-7.mdx index b8ee4f4..2bfd41a 100644 --- a/docs/alfreds-essentials-of-music-theory/book-2/unit-7/unit-7.mdx +++ b/docs/alfreds-essentials-of-music-theory/book-2/unit-7/unit-7.mdx @@ -3,11 +3,11 @@ import Details from '@theme/Details'; # Unit 7
- * **1.A:** Identify whether the distance between two notes is a whole step or a half step. - * **1.B:** Build tetrachords using a pattern of whole and half steps. - * **1.C:** Build sharp and flat major scales using tetrachords, starting on a keynote. - * **1.D:** Identify the degrees/steps/tones of a scale. - * **1.E:** Build sharp and flat key signatures using the order of sharps and flats. + * **7.A:** Identify whether the distance between two notes is a whole step or a half step. + * **7.B:** Build tetrachords using a pattern of whole and half steps. + * **7.C:** Build sharp and flat major scales using tetrachords, starting on a keynote. + * **7.D:** Identify the degrees/steps/tones of a scale. + * **7.E:** Build sharp and flat key signatures using the order of sharps and flats.
## Resources diff --git a/docs/alfreds-essentials-of-music-theory/book-3/unit-13/51-triads-first-inversion.mdx b/docs/alfreds-essentials-of-music-theory/book-3/unit-13/51-triads-first-inversion.mdx new file mode 100644 index 0000000..776d4c2 --- /dev/null +++ b/docs/alfreds-essentials-of-music-theory/book-3/unit-13/51-triads-first-inversion.mdx @@ -0,0 +1,55 @@ +import Details from '@theme/Details'; + +import TriadIdentificationMultipleClef from '@site/src/components/H5P/TriadIdentificationMultipleClef'; + +# Lesson 51: Triads–1st Inversion + +{/* TODO +
+ +
*/} + +{/* TODO: ## Video */} + +## Practice + +### Triad Identification: Multiple Clefs + + +From OMT! (more formal attribution in progress!) + +### Open Muisc Theory + +{/* ### Quizlet */} + +{/* #### Flashcards */} + +## Additional Resources + +### Readings + +- Open Music Theory + - [Triads](https://viva.pressbooks.pub/openmusictheory/chapter/triads/) + - [Major Scales, Scale Degrees, and Key Signatures](https://viva.pressbooks.pub/openmusictheory/chapter/half-and-whole-steps/) + - [Major Scales](https://viva.pressbooks.pub/openmusictheory/chapter/major-scales/#chapter-82-section-1) + - [Scale Degrees, Solfège, and Scale-Degree Names](https://viva.pressbooks.pub/openmusictheory/chapter/major-scales/#chapter-82-section-2) + +### Lessons + +#### musictheory.net + +##### The Basics +- [Steps and Accidentals](https://www.musictheory.net/lessons/20) + +##### Scales and Key Signatures +- [The Major Scale](https://www.musictheory.net/lessons/21) +- [Scale Degrees](https://www.musictheory.net/lessons/23) + +### Reference +- Wikipedia + - [Key signature](https://en.wikipedia.org/wiki/Key_signature) + - [Flat (music)](https://en.wikipedia.org/wiki/Flat_(music)) +- Encyclopedia Britannica + - [key signature](https://www.britannica.com/art/key-signature) + - [accidental](https://www.britannica.com/art/accidental) + \ No newline at end of file diff --git a/docs/alfreds-essentials-of-music-theory/book-3/unit-13/unit-13.mdx b/docs/alfreds-essentials-of-music-theory/book-3/unit-13/unit-13.mdx new file mode 100644 index 0000000..2652c6b --- /dev/null +++ b/docs/alfreds-essentials-of-music-theory/book-3/unit-13/unit-13.mdx @@ -0,0 +1,23 @@ +import Details from '@theme/Details'; + +# Unit 13 + +{/* TODO: Create Learning Objectives +
+ * **13.A:** +
*/} + +## Resources + +### Book Topics + +| Lesson | Topic | Page | +| --------- | ----------------------------------------- | ----- | +| 51 | Triads–1st Inversion | 83 | +| 52 | Triads–2nd Inversion | 84 | +| 53 | V⁷ Chord–1st, 2nd, and 3rd Inversions | 85 | +| 54 | Figured Bass | 86 | +| 55 | Major Chord Progressions | 87 | + +{/* ## Practice */} + diff --git a/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/LICENCE.md b/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/LICENCE.md new file mode 100644 index 0000000..d00e5de --- /dev/null +++ b/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/LICENCE.md @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2021 H5P + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.css b/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.css new file mode 100644 index 0000000..2ed9f0a --- /dev/null +++ b/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.css @@ -0,0 +1 @@ +.h5p-multi-media-choice{padding-bottom:1em}.h5p-multi-media-choice .h5p-multi-media-choice-option-list{display:inline-block;padding-left:0;list-style-type:none;width:100%}.h5p-multi-media-choice .h5p-multi-media-choice-list-item{padding:.75em 0 .25em 0}.h5p-multi-media-choice .h5p-multi-media-choice-list-item:focus{outline:none}.h5p-multi-media-choice .h5p-multi-media-choice-list-item:focus .h5p-multi-media-choice-enabled{outline:none;box-shadow:0 0 4px 2px #1a73d9}.h5p-multi-media-choice .h5p-multi-media-choice-option{line-height:0;box-sizing:border-box;background-color:#fff;outline:none;border-style:solid;border-width:4px;border-radius:4px;border-color:#dbe2e8;padding:1em}.h5p-multi-media-choice .h5p-multi-media-choice-media-wrapper.h5p-multi-media-choice-media-wrapper-specific-ratio{height:0;overflow:hidden;position:relative}.h5p-multi-media-choice .h5p-multi-media-choice-media-wrapper.h5p-multi-media-choice-media-wrapper-1to1{padding-top:100%}.h5p-multi-media-choice .h5p-multi-media-choice-media-wrapper.h5p-multi-media-choice-media-wrapper-3to2{padding-top:66.67%}.h5p-multi-media-choice .h5p-multi-media-choice-media-wrapper.h5p-multi-media-choice-media-wrapper-4to3{padding-top:75%}.h5p-multi-media-choice .h5p-multi-media-choice-media-wrapper.h5p-multi-media-choice-media-wrapper-16to9{padding-top:56.25%}.h5p-multi-media-choice .h5p-multi-media-choice-media{background-color:#dbe2e8;display:inline-block;object-fit:contain;width:100%;height:100%}.h5p-multi-media-choice .h5p-multi-media-choice-media.h5p-multi-media-choice-media-specific-ratio{position:absolute;top:0;left:0}.h5p-multi-media-choice .h5p-multi-media-choice-enabled{position:relative}.h5p-multi-media-choice .h5p-multi-media-choice-enabled:hover:not(.h5p-multi-media-choice-selected){cursor:pointer;border-style:dotted;border-color:#1a73d9}.h5p-multi-media-choice .h5p-multi-media-choice-enabled:hover:not(.h5p-multi-media-choice-selected):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a73d9;opacity:.15}.h5p-multi-media-choice .h5p-multi-media-choice-selected{border-color:#1a73d9;position:relative}.h5p-multi-media-choice .h5p-multi-media-choice-selected:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a73d9;opacity:.15}@keyframes slide-right-fade{from{opacity:0;left:0%;transform:translate(0%)}to{opacity:1;left:50%;transform:translate(-50%)}}.h5p-multi-media-choice .h5p-multi-media-choice-correct{background-color:#edfff0;border-color:#6ea776;position:relative}.h5p-multi-media-choice .h5p-multi-media-choice-correct:before{position:absolute;top:-0.35em;animation:slide-right-fade .25s forwards ease-out;font-family:"Material Icons";font-size:2.8em;content:"";color:#6ea776;background-color:#fff;border-radius:50%;line-height:1em;box-shadow:7px 7px 5px rgba(0,0,0,.3960784314);z-index:1}.h5p-multi-media-choice .h5p-multi-media-choice-show-correct{background-color:#e4edf7;border-color:#1a73d9;border-style:dotted;position:relative}.h5p-multi-media-choice .h5p-multi-media-choice-show-correct:before{position:absolute;top:-0.35em;animation:slide-right-fade .25s forwards ease-out;font-family:"Material Icons";font-size:2.8em;content:"";color:#1a73d9;background-color:#fff;border-radius:50%;line-height:1em;box-shadow:7px 7px 5px rgba(0,0,0,.3960784314);z-index:1}.h5p-multi-media-choice .h5p-multi-media-choice-wrong{background-color:#ffe6e3;border-color:#d33120;position:relative}.h5p-multi-media-choice .h5p-multi-media-choice-wrong:before{position:absolute;top:-0.35em;animation:slide-right-fade .25s forwards ease-out;font-family:"Material Icons";font-size:2.8em;content:"";color:#d33120;background-color:#fff;border-radius:50%;line-height:1em;box-shadow:7px 7px 5px rgba(0,0,0,.3960784314);z-index:1}.h5p-multi-media-choice .hidden-accessibility-solution-text{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px} diff --git a/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.js b/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.js new file mode 100644 index 0000000..bbbbb79 --- /dev/null +++ b/docs/assets/h5p/triad-identification-multiple-clef/H5P.MultiMediaChoice-0.3/dist/h5p-multi-media-choice.js @@ -0,0 +1,2 @@ +/*! For license information please see h5p-multi-media-choice.js.LICENSE.txt */ +(()=>{var t={237:(t,e,i)=>{var n,o;!function(s,r){"use strict";void 0===(o="function"==typeof(n=r)?n.call(e,i,e,t):n)||(t.exports=o)}(window,(function(){"use strict";var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0;i{var n,o;!function(s,r){n=[i(237)],o=function(t){return function(t,e){"use strict";var i={extend:function(t,e){for(var i in e)t[i]=e[i];return t},modulo:function(t,e){return(t%e+e)%e}},n=Array.prototype.slice;i.makeArray=function(t){return Array.isArray(t)?t:null==t?[]:"object"==typeof t&&"number"==typeof t.length?n.call(t):[t]},i.removeFrom=function(t,e){var i=t.indexOf(e);-1!=i&&t.splice(i,1)},i.getParent=function(t,i){for(;t.parentNode&&t!=document.body;)if(t=t.parentNode,e(t,i))return t},i.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},i.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},i.filterFindElements=function(t,n){t=i.makeArray(t);var o=[];return t.forEach((function(t){if(t instanceof HTMLElement)if(n){e(t,n)&&o.push(t);for(var i=t.querySelectorAll(n),s=0;s{var n,o;window,void 0===(o="function"==typeof(n=function(){"use strict";function t(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}function e(){}var i="undefined"==typeof console?e:function(t){},n=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],o=n.length;function s(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e