component---src-pages-blog-mdx-frontmatter-slug-js-content-file-path-blog-coconut-mdx-f231f457ee5b33b42edc.js.map

{"version":3,"file":"component---src-pages-blog-mdx-frontmatter-slug-js-content-file-path-blog-coconut-mdx-f231f457ee5b33b42edc.js","mappings":"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","sources":["webpack://samuel-tan/./blog/coconut.mdx","webpack://samuel-tan/./src/pages/blog/{mdx.frontmatter__slug}.js","webpack://samuel-tan/./node_modules/@mdx-js/react/lib/index.js"],"sourcesContent":["/*@jsxRuntime classic @jsx React.createElement @jsxFrag React.Fragment*/\nimport {useMDXComponents as _provideComponents} from \"@mdx-js/react\";\nimport React from \"react\";\nfunction _createMdxContent(props) {\n  const _components = Object.assign({\n    h1: \"h1\",\n    p: \"p\",\n    a: \"a\",\n    h2: \"h2\",\n    blockquote: \"blockquote\",\n    br: \"br\",\n    span: \"span\"\n  }, _provideComponents(), props.components);\n  return React.createElement(React.Fragment, null, React.createElement(_components.h1, null, \"Arranging the coconut song\"), \"\\n\", React.createElement(_components.p, null, React.createElement(_components.a, {\n    href: \"https://musescore.com/user/67007089/scores/11072419\"\n  }, \"This piece\"), \" took on the form A-B-B'-A-Coda, and this post will illustrate my thought process throughout the composition process.\"), \"\\n\", React.createElement(_components.h2, null, \"Background: The Coconut Song\"), \"\\n\", React.createElement(_components.p, null, \"It is a goal of mine to arrange songs that I love from my childhood, and the coconut song is definitely one of my most favourite songs that I had. It was composed by Filipino songwriter Ryan Cayabyab in 1991 and has the following lyrics:\"), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, \"The coconut nut is a giant nut\", React.createElement(_components.br), \"\\n\", \"If you eat too much, you'll get very fat\", React.createElement(_components.br), \"\\n\", \"Now, the coconut nut is a big, big nut\", React.createElement(_components.br), \"\\n\", \"But this delicious nut is not a nut\"), \"\\n\"), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, \"It's the coco fruit (It's the coco fruit)\", React.createElement(_components.br), \"\\n\", \"Of the coco tree (Of the coco tree)\", React.createElement(_components.br), \"\\n\", \"From the coco palm family\"), \"\\n\"), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, \"There are so many uses of the coconut tree\", React.createElement(_components.br), \"\\n\", \"You can build a big house for the family\", React.createElement(_components.br), \"\\n\", \"All you need is to find a coconut man\", React.createElement(_components.br), \"\\n\", \"If he cuts the tree, he gets the fruit free\"), \"\\n\"), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, \"It's the coco fruit (It's the coco fruit)\", React.createElement(_components.br), \"\\n\", \"Of the coco tree (Of the coco tree)\", React.createElement(_components.br), \"\\n\", \"From the coco palm family\"), \"\\n\"), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, \"The coconut bark for the kitchen floor\", React.createElement(_components.br), \"\\n\", \"If you save some of it, you can build a door\", React.createElement(_components.br), \"\\n\", \"Now, the coconut trunk, do not throw this junk\", React.createElement(_components.br), \"\\n\", \"If you save some of it, you'll have the second floor\"), \"\\n\"), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, \"The coconut wood is very good\", React.createElement(_components.br), \"\\n\", \"It can stand twenty years if you pray it would\", React.createElement(_components.br), \"\\n\", \"Now, the coconut root, to tell you the truth\", React.createElement(_components.br), \"\\n\", \"You can throw it or use it as firewood\"), \"\\n\"), \"\\n\", React.createElement(_components.blockquote, null, \"\\n\", React.createElement(_components.p, null, \"The coconut leaves, good shade it gives\", React.createElement(_components.br), \"\\n\", \"For the roof, for the walls up against the eaves\", React.createElement(_components.br), \"\\n\", \"Now, the coconut fruit, say my relatives\", React.createElement(_components.br), \"\\n\", \"Make good cannonballs up against the thieves\"), \"\\n\"), \"\\n\", React.createElement(_components.p, null, \"It has been covered by the \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=GSyP7xrxLME\"\n  }, \"Baylor Men's Choir\"), \", P-pop group \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=eZfeW9WDwmA\"\n  }, \"BINI\"), \" amongst others, but most importantly it was a part of my childhood that I wanted to relive.\"), \"\\n\", React.createElement(_components.h2, null, \"The opening Coconut theme\"), \"\\n\", React.createElement(_components.p, null, \"What were my memories associated with the coconut song? A lot of it was from primary school - very active memories of playing police-and-thief and other chasing games, or playing football in the back of the class using rolled-up paper balls.\"), \"\\n\", React.createElement(_components.p, null, \"The coconut song lent itself very well to this theme of movement, as it is essentially a downward-going scalar movement with a call and response. Furthermore, despite being in 4/4 time, the strong beats had an element of displacement from the ordinary crotchet beats.\"), \"\\n\", React.createElement(_components.span, {\n    dangerouslySetInnerHTML: {\n      __html: \"<span\\n      class=\\\"gatsby-resp-image-wrapper\\\"\\n      style=\\\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1200px; \\\"\\n    >\\n      <a\\n    class=\\\"gatsby-resp-image-link\\\"\\n    href=\\\"/static/7acdb3dc757ec7fe4bbd190a4d1f8bcf/4ac4c/coconut_1.jpg\\\"\\n    style=\\\"display: block\\\"\\n    target=\\\"_blank\\\"\\n    rel=\\\"noopener\\\"\\n  >\\n    <span\\n    class=\\\"gatsby-resp-image-background-image\\\"\\n    style=\\\"padding-bottom: 23.333333333333332%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAFABQDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAG4AD//xAAWEAADAAAAAAAAAAAAAAAAAAAAARH/2gAIAQEAAQUCjIyM/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFRABAQAAAAAAAAAAAAAAAAAAADH/2gAIAQEABj8Cqq//xAAWEAEBAQAAAAAAAAAAAAAAAAAAYZH/2gAIAQEAAT8hpxStx//aAAwDAQACAAMAAAAQAA//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAZEAACAwEAAAAAAAAAAAAAAAAAARFR0ZH/2gAIAQEAAT8Qq5BKyRLkP//Z'); background-size: cover; display: block;\\\"\\n  ></span>\\n  <img\\n        class=\\\"gatsby-resp-image-image\\\"\\n        alt=\\\"Analysis of coconut melody\\\"\\n        title=\\\"\\\"\\n        src=\\\"/static/7acdb3dc757ec7fe4bbd190a4d1f8bcf/e5166/coconut_1.jpg\\\"\\n        srcset=\\\"/static/7acdb3dc757ec7fe4bbd190a4d1f8bcf/f93b5/coconut_1.jpg 300w,\\n/static/7acdb3dc757ec7fe4bbd190a4d1f8bcf/b4294/coconut_1.jpg 600w,\\n/static/7acdb3dc757ec7fe4bbd190a4d1f8bcf/e5166/coconut_1.jpg 1200w,\\n/static/7acdb3dc757ec7fe4bbd190a4d1f8bcf/4ac4c/coconut_1.jpg 1243w\\\"\\n        sizes=\\\"(max-width: 1200px) 100vw, 1200px\\\"\\n        style=\\\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\\\"\\n        loading=\\\"lazy\\\"\\n        decoding=\\\"async\\\"\\n      />\\n  </a>\\n    </span>\"\n    }\n  }), \"\\n\", React.createElement(_components.p, null, React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=U8TcrMFFqJg\"\n  }, \"Bartok's string quartet number 4, movement 5\"), \" and the ending coda of \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=thd6OhRYPx0\"\n  }, \"Astor Piazolla's Four Seasons\"), \" give a blueprint on how to create a sense of movement with directional themes.\"), \"\\n\", React.createElement(_components.span, {\n    dangerouslySetInnerHTML: {\n      __html: \"<span\\n      class=\\\"gatsby-resp-image-wrapper\\\"\\n      style=\\\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1200px; \\\"\\n    >\\n      <a\\n    class=\\\"gatsby-resp-image-link\\\"\\n    href=\\\"/static/b1c0f0b46cf4ed8e525eb5999cf99632/c8ae0/coconut_2.jpg\\\"\\n    style=\\\"display: block\\\"\\n    target=\\\"_blank\\\"\\n    rel=\\\"noopener\\\"\\n  >\\n    <span\\n    class=\\\"gatsby-resp-image-background-image\\\"\\n    style=\\\"padding-bottom: 30.66666666666667%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAGABQDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAG2AD//xAAWEAADAAAAAAAAAAAAAAAAAAAAARH/2gAIAQEAAQUCjIyM/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFhABAQEAAAAAAAAAAAAAAAAAMQAQ/9oACAEBAAY/AnG//8QAFRABAQAAAAAAAAAAAAAAAAAAAGH/2gAIAQEAAT8hKqJ//9oADAMBAAIAAwAAABDzz//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABcQAAMBAAAAAAAAAAAAAAAAAAABYZH/2gAIAQEAAT8Qk1k+siH/2Q=='); background-size: cover; display: block;\\\"\\n  ></span>\\n  <img\\n        class=\\\"gatsby-resp-image-image\\\"\\n        alt=\\\"Rhythms\\\"\\n        title=\\\"\\\"\\n        src=\\\"/static/b1c0f0b46cf4ed8e525eb5999cf99632/e5166/coconut_2.jpg\\\"\\n        srcset=\\\"/static/b1c0f0b46cf4ed8e525eb5999cf99632/f93b5/coconut_2.jpg 300w,\\n/static/b1c0f0b46cf4ed8e525eb5999cf99632/b4294/coconut_2.jpg 600w,\\n/static/b1c0f0b46cf4ed8e525eb5999cf99632/e5166/coconut_2.jpg 1200w,\\n/static/b1c0f0b46cf4ed8e525eb5999cf99632/c8ae0/coconut_2.jpg 1279w\\\"\\n        sizes=\\\"(max-width: 1200px) 100vw, 1200px\\\"\\n        style=\\\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\\\"\\n        loading=\\\"lazy\\\"\\n        decoding=\\\"async\\\"\\n      />\\n  </a>\\n    </span>\"\n    }\n  }), \"\\n\", React.createElement(_components.p, null, \"Two techniques that are used are syncopation and tresillo. The tresillo is a division of beats such that the strong beats occur on 3+3+2, instead of 2+2+2+2 and syncopation is a division of beats 2+4+2. The tresillo can be extended into 3+3+3+3+2+2 where the repeated 3's build anticipation towards the release in the form of 2 beats of 2, which was how the main theme was introduced.\"), \"\\n\", React.createElement(_components.p, null, \"Another aspect of movement can be found in the displacement of beats from the main beats in the coconut song. When some beats are on beat and some are off, it creates an idea of unease as though the music is meant to head somewhere but doesn't really. In fact, syncopation is only truly used to highlight a cadential point within the music at the end of the first phrase, which is the only spot that I felt was truly worthy of being highlighted as a phrase end.\"), \"\\n\", React.createElement(_components.span, {\n    dangerouslySetInnerHTML: {\n      __html: \"<span\\n      class=\\\"gatsby-resp-image-wrapper\\\"\\n      style=\\\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1189px; \\\"\\n    >\\n      <a\\n    class=\\\"gatsby-resp-image-link\\\"\\n    href=\\\"/static/06420d5fc88567db3faa7c921c818fb8/c5e37/coconut_3.jpg\\\"\\n    style=\\\"display: block\\\"\\n    target=\\\"_blank\\\"\\n    rel=\\\"noopener\\\"\\n  >\\n    <span\\n    class=\\\"gatsby-resp-image-background-image\\\"\\n    style=\\\"padding-bottom: 39.333333333333336%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAIABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAAB2KAH/8QAFRABAQAAAAAAAAAAAAAAAAAAACH/2gAIAQEAAQUCVX//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAUEAEAAAAAAAAAAAAAAAAAAAAQ/9oACAEBAAY/An//xAAXEAEBAQEAAAAAAAAAAAAAAAARAAEh/9oACAEBAAE/Ic0OzGf/2gAMAwEAAgADAAAAEIAP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGxAAAgIDAQAAAAAAAAAAAAAAAREAIWGB8MH/2gAIAQEAAT8QJYpVtn2AiRK7MyHtz//Z'); background-size: cover; display: block;\\\"\\n  ></span>\\n  <img\\n        class=\\\"gatsby-resp-image-image\\\"\\n        alt=\\\"Modulation in the 3rd bar of this line\\\"\\n        title=\\\"\\\"\\n        src=\\\"/static/06420d5fc88567db3faa7c921c818fb8/c5e37/coconut_3.jpg\\\"\\n        srcset=\\\"/static/06420d5fc88567db3faa7c921c818fb8/f93b5/coconut_3.jpg 300w,\\n/static/06420d5fc88567db3faa7c921c818fb8/b4294/coconut_3.jpg 600w,\\n/static/06420d5fc88567db3faa7c921c818fb8/c5e37/coconut_3.jpg 1189w\\\"\\n        sizes=\\\"(max-width: 1189px) 100vw, 1189px\\\"\\n        style=\\\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\\\"\\n        loading=\\\"lazy\\\"\\n        decoding=\\\"async\\\"\\n      />\\n  </a>\\n    </span>\"\n    }\n  }), \"\\n\", React.createElement(_components.p, null, \"The piece starts off in E-flat major the first two times the coconut theme is heard. The key of three flats also happens to be the key of C minor, which meant that there was room to brighten up the sound should I be able to modulate from C minor into C major - which occurs in bar 37-38 when an A-flat major chord is used as a pivot chord to modulate into C major.\"), \"\\n\", React.createElement(_components.p, null, \"Furthermore, one aspect of transition is instability. Throughout much of the coconut theme, the cello and violins move in octave unison. Debussy's \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=-8I7uHb7GY0\"\n  }, \"string quartet 1st movement\"), \" has a section where the viola and violin move in unison, following which the viola steps down a tone such that the violin and viola play in parallel 9ths which signals a modulation. Hindemith's \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=wPgmUji_bBM\"\n  }, \"Schwanendreher\"), \" goes into parallel sevenths at the opening cadenza to give a sense of restlessness. This composition drew heavily on that, with the cello dropping to play in parallel 9ths to signal the incoming second section.\"), \"\\n\", React.createElement(_components.h2, null, \"Contrast: the Cow Song\"), \"\\n\", React.createElement(_components.p, null, \"Another song that featured very prominently in my childhood was the \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=FNUe2Xp6IDw\"\n  }, \"Cow Song\"), \", by Arrogant Worms. My memory of this comes from specific memories in Primary 4. Back then, our lessons were held at a block far away from the other students and how we got in was by waiting for the gate to open at 7am. For me the school bus always arrived at school at 6.30am, so I always had random things to do until 7. I still remember the table opposite the collection point where we sat, and the different people there. The two songs that I distinctly associate with (different) people are the \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=Tk9z1Emv0kQ\"\n  }, \"Planet Unicorn Theme Song\"), \" and the Cow Song. To this day I still have a lot of questions but those are the songs that stuck with me.\"), \"\\n\", React.createElement(_components.p, null, \"The overarching mood in this section is that of stasis - not just in the memories associated with the song, but also in the lyrics inherent in the song itself. This manifested as a chorale section in the violins and cello, with a dotted rhythm accompaniment in the viola. Compared to the first section, this dotted rhythm accompaniment is almost completely static. The harmony is also mostly consisting of just tonic and dominant chords, rather than a progression through various chords.\"), \"\\n\", React.createElement(_components.p, null, \"Another theme is briefly hinted at by the violin during the first introduction of the cow song theme: the \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=pzAJ10aRuBM\"\n  }, \"Rasa Sayang\"), \" theme. It's a Malay song which means \\\"feelings of love\\\".\"), \"\\n\", React.createElement(_components.p, null, \"Polytonality occurs when there is more than one tonal centre in the harmony. Most notably, it was used in \", React.createElement(_components.a, {\n    href: \"https://www.youtube.com/watch?v=2TQqee7ne2o\"\n  }, \"Petrushka\"), \" where the usage of F-sharp and C chords create a sense of dissonance. I thought that since the two themes of Rasa Sayang and the cow song went well together, it would be nice to have the themes be a fifth apart and it does seem to work rather well with the violin taking the top line and the cello the bottom.\"), \"\\n\", React.createElement(_components.span, {\n    dangerouslySetInnerHTML: {\n      __html: \"<span\\n      class=\\\"gatsby-resp-image-wrapper\\\"\\n      style=\\\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 736px; \\\"\\n    >\\n      <a\\n    class=\\\"gatsby-resp-image-link\\\"\\n    href=\\\"/static/5a95fb586178d32258797fac71a54e66/97cfc/coconut_4.jpg\\\"\\n    style=\\\"display: block\\\"\\n    target=\\\"_blank\\\"\\n    rel=\\\"noopener\\\"\\n  >\\n    <span\\n    class=\\\"gatsby-resp-image-background-image\\\"\\n    style=\\\"padding-bottom: 63.66666666666666%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAECBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAdpYEj//xAAWEAEBAQAAAAAAAAAAAAAAAAAAERD/2gAIAQEAAQUC2Ij/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAWEAEBAQAAAAAAAAAAAAAAAADhACD/2gAIAQEABj8CZz//xAAcEAABAwUAAAAAAAAAAAAAAAAAAYGREBExQXH/2gAIAQEAAT8hagmBsHaQJZs//9oADAMBAAIAAwAAABCzz//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABwQAAICAwEBAAAAAAAAAAAAAAERACExQWFRcf/aAAgBAQABPxC9lYV5TWHUGeONwKBbJNY+yBeYcEQPwKf/2Q=='); background-size: cover; display: block;\\\"\\n  ></span>\\n  <img\\n        class=\\\"gatsby-resp-image-image\\\"\\n        alt=\\\"Polytonality\\\"\\n        title=\\\"\\\"\\n        src=\\\"/static/5a95fb586178d32258797fac71a54e66/97cfc/coconut_4.jpg\\\"\\n        srcset=\\\"/static/5a95fb586178d32258797fac71a54e66/f93b5/coconut_4.jpg 300w,\\n/static/5a95fb586178d32258797fac71a54e66/b4294/coconut_4.jpg 600w,\\n/static/5a95fb586178d32258797fac71a54e66/97cfc/coconut_4.jpg 736w\\\"\\n        sizes=\\\"(max-width: 736px) 100vw, 736px\\\"\\n        style=\\\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\\\"\\n        loading=\\\"lazy\\\"\\n        decoding=\\\"async\\\"\\n      />\\n  </a>\\n    </span>\"\n    }\n  }), \"\\n\", React.createElement(_components.p, null, \"The section that comes after is an abbreviated version of the \\\"I am cow, hear me moo\\\" line that becomes an ostinato (not really, but it is the best term I could come up with) in the 2nd violin line. The theme that is played by the first violin was something I thought could stand on its own, but it felt more appropriate to place it here.\"), \"\\n\", React.createElement(_components.h2, null, \"Coda: bringing it all together\"), \"\\n\", React.createElement(_components.p, null, \"After the recap of the coconut song, we have the cow song theme and coconut song theme alternating in the last eleven bars. First it is the cow song theme in the cello - but instead of short-short-long it is now long-long-short with our familiar tresillo rhythm.\"), \"\\n\", React.createElement(_components.p, null, \"Seven bars before the end, we have a seeming cadential point returning. This leads to one last call of the coconut song and subsequently the cow song with the strong beat displaced with a final double tresillo in the accompaniment.\"), \"\\n\", React.createElement(_components.h2, null, \"Conclusions\"), \"\\n\", React.createElement(_components.p, null, \"I really enjoyed working on this! It's definitely not perfect - there are so many cases of parallel fifths and in the hands of more capable writers the coconut song definitely has a lot more potential. I think that on the whole, this was a good use of the thematic material and development.\"), \"\\n\", React.createElement(_components.p, null, \"I do think I'll arrange more songs that I remember from my childhood as there are so many memories I want to relive - memories that I won't get to relive otherwise as the old campus of my school has already been demolished and redeveloped.\"));\n}\nfunction MDXContent(props = {}) {\n  const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);\n  return MDXLayout ? React.createElement(MDXLayout, props, React.createElement(_createMdxContent, props)) : _createMdxContent(props);\n}\nexport default MDXContent;\n","import GATSBY_COMPILED_MDX from \"C:/Users/Samuel/Downloads/PW2/samuel-tan/blog/coconut.mdx\";\nimport * as React from 'react';\nimport {graphql} from 'gatsby';\nimport Layout from '../../components/layout';\nimport Seo from '../../components/seo';\nconst BlogPost = ({data, children}) => {\n  return React.createElement(Layout, {\n    pageTitle: data.mdx.frontmatter.name\n  }, React.createElement(\"p\", null, data.mdx.frontmatter.date), children);\n};\nexport const query = graphql`\n  query ($id: String) {\n    mdx(id: {eq: $id}) {\n      frontmatter {\n        name\n        date(formatString: \"MMMM D, YYYY\")\n      }\n    }\n  }\n`;\nexport const Head = ({data}) => React.createElement(Seo, {\n  title: data.mdx.frontmatter.name\n});\nBlogPost\nexport default function GatsbyMDXWrapper(props) {\n  return React.createElement(BlogPost, props, React.createElement(GATSBY_COMPILED_MDX, props));\n}\n","/**\n * @typedef {import('react').ReactNode} ReactNode\n * @typedef {import('mdx/types.js').MDXComponents} Components\n *\n * @typedef Props\n *   Configuration.\n * @property {Components | MergeComponents | null | undefined} [components]\n *   Mapping of names for JSX components to React components.\n * @property {boolean | null | undefined} [disableParentContext=false]\n *   Turn off outer component context.\n * @property {ReactNode | null | undefined} [children]\n *   Children.\n *\n * @callback MergeComponents\n *   Custom merge function.\n * @param {Components} currentComponents\n *   Current components from the context.\n * @returns {Components}\n *   Merged components.\n */\n\nimport React from 'react'\n\n/**\n * @type {import('react').Context<Components>}\n * @deprecated\n *   This export is marked as a legacy feature.\n *   That means it’s no longer recommended for use as it might be removed\n *   in a future major release.\n *\n *   Please use `useMDXComponents` to get context based components and\n *   `MDXProvider` to set context based components instead.\n */\nexport const MDXContext = React.createContext({})\n\n/**\n * @param {import('react').ComponentType<any>} Component\n * @deprecated\n *   This export is marked as a legacy feature.\n *   That means it’s no longer recommended for use as it might be removed\n *   in a future major release.\n *\n *   Please use `useMDXComponents` to get context based components instead.\n */\nexport function withMDXComponents(Component) {\n  return boundMDXComponent\n\n  /**\n   * @param {Record<string, unknown> & {components?: Components | null | undefined}} props\n   * @returns {JSX.Element}\n   */\n  function boundMDXComponent(props) {\n    const allComponents = useMDXComponents(props.components)\n    return React.createElement(Component, {...props, allComponents})\n  }\n}\n\n/**\n * Get current components from the MDX Context.\n *\n * @param {Components | MergeComponents | null | undefined} [components]\n *   Additional components to use or a function that takes the current\n *   components and filters/merges/changes them.\n * @returns {Components}\n *   Current components.\n */\nexport function useMDXComponents(components) {\n  const contextComponents = React.useContext(MDXContext)\n\n  // Memoize to avoid unnecessary top-level context changes\n  return React.useMemo(() => {\n    // Custom merge via a function prop\n    if (typeof components === 'function') {\n      return components(contextComponents)\n    }\n\n    return {...contextComponents, ...components}\n  }, [contextComponents, components])\n}\n\n/** @type {Components} */\nconst emptyObject = {}\n\n/**\n * Provider for MDX context\n *\n * @param {Props} props\n * @returns {JSX.Element}\n */\nexport function MDXProvider({components, children, disableParentContext}) {\n  /** @type {Components} */\n  let allComponents\n\n  if (disableParentContext) {\n    allComponents =\n      typeof components === 'function'\n        ? components({})\n        : components || emptyObject\n  } else {\n    allComponents = useMDXComponents(components)\n  }\n\n  return React.createElement(\n    MDXContext.Provider,\n    {value: allComponents},\n    children\n  )\n}\n"],"names":["_createMdxContent","props","_components","Object","assign","h1","p","a","h2","blockquote","br","span","_provideComponents","components","React","href","dangerouslySetInnerHTML","__html","wrapper","MDXLayout","BlogPost","_ref","data","children","Layout","pageTitle","mdx","frontmatter","name","date","Head","_ref2","Seo","title","GatsbyMDXWrapper","GATSBY_COMPILED_MDX","MDXContext","useMDXComponents","contextComponents"],"sourceRoot":""}