{"id":639,"date":"2026-01-12T14:32:00","date_gmt":"2026-01-12T19:32:00","guid":{"rendered":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/?post_type=csat-story-chapter&#038;p=639"},"modified":"2026-09-24T11:33:04","modified_gmt":"2026-09-24T15:33:04","slug":"notation-how-cantonese-opera-music-is-written-and-learned","status":"publish","type":"csat-story-chapter","link":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/en\/story\/notation-how-cantonese-opera-music-is-written-and-learned\/","title":{"rendered":"Notation: How Cantonese Opera Music is Written and Learned"},"content":{"rendered":"\t\t<div class=\"csat-block wp-block-csat-blocks-rich-text no-parent csat-block width_layout_contained\">\t\t\t<div class=\"inner-content\">\n\t\n<div class=\"wp-block-csat-blocks-block-rich-text\">\n<p class=\"wp-block-paragraph\">Unlike Western classical music, which is typically read from staff notation on a page, Cantonese opera music has traditionally been learned through listening, repetition, and apprenticeship. Musicians and singers relied on oral instruction and group rehearsal rather than fixed scores, reflecting the fluid and collaborative nature of the art form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For Chinese diasporic communities in Canada, this soundscape has also been a way to stay connected to their culture and homeland. Familiar melodies, vocal styles, and rhythms carry memories and shared histories, even as communities adapted to new environments.<\/p>\n<\/div>\n\t\t<\/div>\t\t<\/div>\n\t\n\n\t\t<div class=\"csat-block wp-block-csat-blocks-rich-text no-parent csat-block width_layout_contained\">\t\t\t<div class=\"inner-content\">\n\t\n<div class=\"wp-block-csat-blocks-block-rich-text\">\n<h3 class=\"wp-block-heading\"><strong>Handwritten Scores<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A common notation system used for sharing modern Chinese music is jianpu (\u7b80\u8c31), or numbered notation. Below is a beautiful example of a score, handwritten by <strong>Raymond Jai<\/strong>, showing how music could be written down and shared. Written notation became another form of transmission, allowing people to practice, learn, and perform songs at home and within their communities.<\/p>\n<\/div>\n\t\t<\/div>\t\t<\/div>\n\t\n\n\n\t<div class=\"csat-block wp-block-csat-blocks-hotspots has-not-interacted animate-me\"\n\t     data-animation=\"has-entered-screen\"\n\t     id=\"hotspots-block_512751\">\n\n\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t<div class=\"image-and-hotspots-container\">\n\t\t\t<div class=\"image-container\">\n\t\t\t\t<figure>\n\t\t\t\t\t<div class=\"image-inner-container\">\n\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"3096\" height=\"3456\" src=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574.jpg\" class=\"attachment-full size-full\" alt=\"&lt;span style=&quot;font-weight: 400;&quot;&gt;Sheet music written in numbered musical notation (jianpu), printed in clean, evenly spaced columns of characters and numbers indicating musical phrasing.&lt;\/span&gt;\" srcset=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574.jpg 3096w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-269x300.jpg 269w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-917x1024.jpg 917w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-768x857.jpg 768w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-1376x1536.jpg 1376w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-1835x2048.jpg 1835w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-500x558.jpg 500w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-358x400.jpg 358w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-206x230.jpg 206w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574-475x530.jpg 475w\" sizes=\"auto, (max-width: 3096px) 100vw, 3096px\" \/>\n\n\t\t\t\t\t\t<div class=\"buttons-container\">\n\t\t\t\t\t\t\t<a class=\"btn-zoom zoomable-element\"\n\t\t\t\t\t\t\t   href=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/score-for-the-bells-of-the-temple-scaled-e1772052460574.jpg\"\n\t\t\t\t\t\t\t   data-pswp-width=\"3096\"\n\t\t\t\t\t\t\t   data-pswp-height=\"3456\"\n\t\t\t\t\t\t\t   >\n\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\tEnlarged image\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\u300a\u79aa\u9662\u9418\u8072\u300b(Monkery Bell Rings) [Music notation and English title]\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t     xml:space=\"preserve\"\n\t\t\t\t\t\t\t\t     id=\"icon-fullscreen\"\n\t\t\t\t\t\t\t\t     x=\"0\"\n\t\t\t\t\t\t\t\t     y=\"0\"\n\t\t\t\t\t\t\t\t     style=\"enable-background:new 0 0 80 80\"\n\t\t\t\t\t\t\t\t     version=\"1.1\"\n\t\t\t\t\t\t\t\t     viewBox=\"0 0 80 80\"><circle class=\"bg\" cx=\"40\" cy=\"40\" r=\"40\" \/>\n\t\t\t\t\t\t\t\t\t<path class=\"fg\"\n\t\t\t\t\t\t\t\t\t      d=\"M59.6 20.4c-.2-.3-.5-.5-.9-.5h-13c-.6 0-1 .4-1 1s.4 1 1 1h11.2l-17 17c-.1.1-.2.2-.2.3-.3 0-.6 0-.8.3L22 56.4V45.7c0-.6-.4-1-1-1s-1 .4-1 1v13c0 .4.2.7.5.9.2.3.5.5.9.5h13c.6 0 1-.4 1-1s-.4-1-1-1H23.2l17-17c.1-.1.2-.2.2-.3.3 0 .6 0 .8-.3L58 23.6v10.7c0 .6.4 1 1 1s1-.4 1-1v-13c.1-.4-.2-.7-.4-.9z\" \/><\/svg>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<button class=\"btn-info launch-media-modal media-element-1322\"\n\t\t\t\t\t\t\t        data-media-element=\"1322\"\n\t\t\t\t\t\t\t        data-scroll-to-info=\"true\">\n\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\tImage details\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\u300a\u79aa\u9662\u9418\u8072\u300b(Monkery Bell Rings) [Music notation and English title]\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 80\">\n\t\t\t\t\t\t\t\t\t<circle id=\"circle\" cx=\"40\" cy=\"40\" r=\"40\" class=\"bg\" \/>\n\t\t\t\t\t\t\t\t\t<g id=\"i\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M40 28.59c.99 0 1.79-.28 2.38-.84.59-.56.89-1.3.89-2.2s-.31-1.63-.92-2.18c-.61-.54-1.4-.81-2.35-.81s-1.79.27-2.38.81c-.6.54-.9 1.27-.9 2.17s.3 1.64.9 2.2c.59.55 1.39.83 2.38.83ZM40 32.79c-.76 0-1.41.22-1.92.66-.52.45-.78 1.1-.78 1.94v19.49c0 .84.26 1.49.79 1.92.51.42 1.15.63 1.91.63s1.4-.21 1.89-.64c.5-.43.76-1.08.76-1.92V35.38c0-.84-.25-1.49-.76-1.94-.5-.44-1.13-.66-1.89-.66Z\"\n\t\t\t\t\t\t\t\t\t\t      class=\"fg\" \/>\n\t\t\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\n\n\t\t\t\t\t\t<div class=\"hotspots-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"pin\"\n\t\t\t\t\t\t\t\t\t        type=\"button\"\n\t\t\t\t\t\t\t\t\t        id=\"pin-toggler_ogyon3\"\n\t\t\t\t\t\t\t\t\t        data-pin-id=\"0\"\n\t\t\t\t\t\t\t\t\t        data-appear-from=\"right\"\n\t\t\t\t\t\t\t\t\t        style=\"left: 15.497004021997865%; top: 21.88235294117647%;\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\tHotspot info\t\t\t\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\t\t\tPitch\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n<g filter=\"url(#filter0_d_0_765_5600606)\">\n<ellipse class=\"bg\" cx=\"36.1818\" cy=\"35.1429\" rx=\"32.1818\" ry=\"32.1429\"\/>\n<rect opacity=\"0.01\" x=\"14.7273\" y=\"13.7144\" width=\"42.9091\" height=\"42.8571\"\/>\n<path class=\"fg\" d=\"M48.1281 34.8569L48.1477 35.1232C48.1483 36.0284 47.4818 36.7772 46.6125 36.9054L46.3462 36.9248L37.9521 36.9203L37.9565 45.3145C37.9572 46.2195 37.2906 46.9685 36.4213 47.0966L36.155 47.116C35.25 47.1156 34.5002 46.4481 34.3711 45.5786L34.3514 45.3123L34.3456 36.9182L25.9515 36.9125C25.0464 36.912 24.2967 36.2445 24.1675 35.3751L24.1477 35.1087C24.1471 34.2037 24.8137 33.4548 25.6829 33.3266L25.9492 33.3072L34.3434 33.3117L34.3389 24.9175C34.3384 24.0124 35.0049 23.2636 35.8741 23.1354L36.1405 23.116C37.0456 23.1165 37.7952 23.784 37.9245 24.6533L37.9442 24.9197L37.9499 33.3139L46.3441 33.3196C47.2491 33.32 47.9988 33.9875 48.1281 34.8569Z\"\/>\n<\/g>\n<defs>\n<filter id=\"filter0_d_0_765_5600606\" x=\"0\" y=\"0\" width=\"72.3636\" height=\"72.2856\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n<feOffset dy=\"1\"\/>\n<feGaussianBlur stdDeviation=\"2\"\/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_760\"\/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_760\" result=\"shape\"\/>\n<\/filter>\n<\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-eye\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"72\" height=\"72\" fill=\"none\" viewBox=\"0 0 72 72\">\n  <g filter=\"url(#filter0_d_0_765_9167355)\">\n    <circle class=\"bg\" cx=\"36\" cy=\"35\" r=\"32\"\/>\n  <\/g>\n  <path  d=\"M14.6667 13.6667h42.6667v42.6667H14.6667z\" opacity=\".01\"\/>\n  <path class=\"fg\" fill-rule=\"evenodd\" d=\"M51.5218 35.9031C49.7538 28.8401 43.3816 23.8 36 23.8c-7.3848 0-13.759 5.0444-15.5239 12.1116-.1606.643.2305 1.2944.8735 1.455.643.1605 1.2944-.2306 1.455-.8734C24.3042 30.4885 29.7231 26.2 36 26.2c6.2743 0 11.6914 4.2848 13.1936 10.2858.161.643.8127 1.0336 1.4555.8728.6429-.161 1.0336-.8126.8727-1.4555ZM36 29.4074c3.5346 0 6.4 2.8654 6.4 6.4 0 3.5347-2.8654 6.4-6.4 6.4s-6.4-2.8653-6.4-6.4c0-3.5346 2.8654-6.4 6.4-6.4Zm0 2.4c-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4Z\" clip-rule=\"evenodd\"\/>\n  <defs>\n    <filter id=\"filter0_d_0_765_9167355\" width=\"72\" height=\"72\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n      <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\/>\n      <feOffset dy=\"1\"\/>\n      <feGaussianBlur stdDeviation=\"2\"\/>\n      <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n      <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_765\"\/>\n      <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_765\" result=\"shape\"\/>\n    <\/filter>\n  <\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t\t\t<noscript>\n\t\t\t\t\t\t\t\t\t\t<a class=\"pin\"\n\t\t\t\t\t\t\t\t\t\t   href=\"#ogyon3\"\n\t\t\t\t\t\t\t\t\t\t   style=\"left: 15.497004021997865%; top: 21.88235294117647%;\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\tHotspot info\t\t\t\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\t\t\tPitch\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n<g filter=\"url(#filter0_d_0_765_5603454)\">\n<ellipse class=\"bg\" cx=\"36.1818\" cy=\"35.1429\" rx=\"32.1818\" ry=\"32.1429\"\/>\n<rect opacity=\"0.01\" x=\"14.7273\" y=\"13.7144\" width=\"42.9091\" height=\"42.8571\"\/>\n<path class=\"fg\" d=\"M48.1281 34.8569L48.1477 35.1232C48.1483 36.0284 47.4818 36.7772 46.6125 36.9054L46.3462 36.9248L37.9521 36.9203L37.9565 45.3145C37.9572 46.2195 37.2906 46.9685 36.4213 47.0966L36.155 47.116C35.25 47.1156 34.5002 46.4481 34.3711 45.5786L34.3514 45.3123L34.3456 36.9182L25.9515 36.9125C25.0464 36.912 24.2967 36.2445 24.1675 35.3751L24.1477 35.1087C24.1471 34.2037 24.8137 33.4548 25.6829 33.3266L25.9492 33.3072L34.3434 33.3117L34.3389 24.9175C34.3384 24.0124 35.0049 23.2636 35.8741 23.1354L36.1405 23.116C37.0456 23.1165 37.7952 23.784 37.9245 24.6533L37.9442 24.9197L37.9499 33.3139L46.3441 33.3196C47.2491 33.32 47.9988 33.9875 48.1281 34.8569Z\"\/>\n<\/g>\n<defs>\n<filter id=\"filter0_d_0_765_5603454\" x=\"0\" y=\"0\" width=\"72.3636\" height=\"72.2856\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n<feOffset dy=\"1\"\/>\n<feGaussianBlur stdDeviation=\"2\"\/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_760\"\/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_760\" result=\"shape\"\/>\n<\/filter>\n<\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-eye\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"72\" height=\"72\" fill=\"none\" viewBox=\"0 0 72 72\">\n  <g filter=\"url(#filter0_d_0_765_9016250)\">\n    <circle class=\"bg\" cx=\"36\" cy=\"35\" r=\"32\"\/>\n  <\/g>\n  <path  d=\"M14.6667 13.6667h42.6667v42.6667H14.6667z\" opacity=\".01\"\/>\n  <path class=\"fg\" fill-rule=\"evenodd\" d=\"M51.5218 35.9031C49.7538 28.8401 43.3816 23.8 36 23.8c-7.3848 0-13.759 5.0444-15.5239 12.1116-.1606.643.2305 1.2944.8735 1.455.643.1605 1.2944-.2306 1.455-.8734C24.3042 30.4885 29.7231 26.2 36 26.2c6.2743 0 11.6914 4.2848 13.1936 10.2858.161.643.8127 1.0336 1.4555.8728.6429-.161 1.0336-.8126.8727-1.4555ZM36 29.4074c3.5346 0 6.4 2.8654 6.4 6.4 0 3.5347-2.8654 6.4-6.4 6.4s-6.4-2.8653-6.4-6.4c0-3.5346 2.8654-6.4 6.4-6.4Zm0 2.4c-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4Z\" clip-rule=\"evenodd\"\/>\n  <defs>\n    <filter id=\"filter0_d_0_765_9016250\" width=\"72\" height=\"72\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n      <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\/>\n      <feOffset dy=\"1\"\/>\n      <feGaussianBlur stdDeviation=\"2\"\/>\n      <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n      <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_765\"\/>\n      <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_765\" result=\"shape\"\/>\n    <\/filter>\n  <\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/noscript>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"pin\"\n\t\t\t\t\t\t\t\t\t        type=\"button\"\n\t\t\t\t\t\t\t\t\t        id=\"pin-toggler_q93ww3\"\n\t\t\t\t\t\t\t\t\t        data-pin-id=\"1\"\n\t\t\t\t\t\t\t\t\t        data-appear-from=\"right\"\n\t\t\t\t\t\t\t\t\t        style=\"left: 44.38972338504473%; top: 40.705882352941174%;\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\tHotspot info\t\t\t\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\t\t\tOctaves: Dots placed above a number indicate higher octaves, while dots below indicate lower ones.\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n<g filter=\"url(#filter0_d_0_765_5541778)\">\n<ellipse class=\"bg\" cx=\"36.1818\" cy=\"35.1429\" rx=\"32.1818\" ry=\"32.1429\"\/>\n<rect opacity=\"0.01\" x=\"14.7273\" y=\"13.7144\" width=\"42.9091\" height=\"42.8571\"\/>\n<path class=\"fg\" d=\"M48.1281 34.8569L48.1477 35.1232C48.1483 36.0284 47.4818 36.7772 46.6125 36.9054L46.3462 36.9248L37.9521 36.9203L37.9565 45.3145C37.9572 46.2195 37.2906 46.9685 36.4213 47.0966L36.155 47.116C35.25 47.1156 34.5002 46.4481 34.3711 45.5786L34.3514 45.3123L34.3456 36.9182L25.9515 36.9125C25.0464 36.912 24.2967 36.2445 24.1675 35.3751L24.1477 35.1087C24.1471 34.2037 24.8137 33.4548 25.6829 33.3266L25.9492 33.3072L34.3434 33.3117L34.3389 24.9175C34.3384 24.0124 35.0049 23.2636 35.8741 23.1354L36.1405 23.116C37.0456 23.1165 37.7952 23.784 37.9245 24.6533L37.9442 24.9197L37.9499 33.3139L46.3441 33.3196C47.2491 33.32 47.9988 33.9875 48.1281 34.8569Z\"\/>\n<\/g>\n<defs>\n<filter id=\"filter0_d_0_765_5541778\" x=\"0\" y=\"0\" width=\"72.3636\" height=\"72.2856\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n<feOffset dy=\"1\"\/>\n<feGaussianBlur stdDeviation=\"2\"\/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_760\"\/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_760\" result=\"shape\"\/>\n<\/filter>\n<\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-eye\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"72\" height=\"72\" fill=\"none\" viewBox=\"0 0 72 72\">\n  <g filter=\"url(#filter0_d_0_765_8786200)\">\n    <circle class=\"bg\" cx=\"36\" cy=\"35\" r=\"32\"\/>\n  <\/g>\n  <path  d=\"M14.6667 13.6667h42.6667v42.6667H14.6667z\" opacity=\".01\"\/>\n  <path class=\"fg\" fill-rule=\"evenodd\" d=\"M51.5218 35.9031C49.7538 28.8401 43.3816 23.8 36 23.8c-7.3848 0-13.759 5.0444-15.5239 12.1116-.1606.643.2305 1.2944.8735 1.455.643.1605 1.2944-.2306 1.455-.8734C24.3042 30.4885 29.7231 26.2 36 26.2c6.2743 0 11.6914 4.2848 13.1936 10.2858.161.643.8127 1.0336 1.4555.8728.6429-.161 1.0336-.8126.8727-1.4555ZM36 29.4074c3.5346 0 6.4 2.8654 6.4 6.4 0 3.5347-2.8654 6.4-6.4 6.4s-6.4-2.8653-6.4-6.4c0-3.5346 2.8654-6.4 6.4-6.4Zm0 2.4c-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4Z\" clip-rule=\"evenodd\"\/>\n  <defs>\n    <filter id=\"filter0_d_0_765_8786200\" width=\"72\" height=\"72\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n      <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\/>\n      <feOffset dy=\"1\"\/>\n      <feGaussianBlur stdDeviation=\"2\"\/>\n      <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n      <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_765\"\/>\n      <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_765\" result=\"shape\"\/>\n    <\/filter>\n  <\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t\t\t<noscript>\n\t\t\t\t\t\t\t\t\t\t<a class=\"pin\"\n\t\t\t\t\t\t\t\t\t\t   href=\"#q93ww3\"\n\t\t\t\t\t\t\t\t\t\t   style=\"left: 44.38972338504473%; top: 40.705882352941174%;\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\tHotspot info\t\t\t\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\t\t\tOctaves: Dots placed above a number indicate higher octaves, while dots below indicate lower ones.\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n<g filter=\"url(#filter0_d_0_765_5633171)\">\n<ellipse class=\"bg\" cx=\"36.1818\" cy=\"35.1429\" rx=\"32.1818\" ry=\"32.1429\"\/>\n<rect opacity=\"0.01\" x=\"14.7273\" y=\"13.7144\" width=\"42.9091\" height=\"42.8571\"\/>\n<path class=\"fg\" d=\"M48.1281 34.8569L48.1477 35.1232C48.1483 36.0284 47.4818 36.7772 46.6125 36.9054L46.3462 36.9248L37.9521 36.9203L37.9565 45.3145C37.9572 46.2195 37.2906 46.9685 36.4213 47.0966L36.155 47.116C35.25 47.1156 34.5002 46.4481 34.3711 45.5786L34.3514 45.3123L34.3456 36.9182L25.9515 36.9125C25.0464 36.912 24.2967 36.2445 24.1675 35.3751L24.1477 35.1087C24.1471 34.2037 24.8137 33.4548 25.6829 33.3266L25.9492 33.3072L34.3434 33.3117L34.3389 24.9175C34.3384 24.0124 35.0049 23.2636 35.8741 23.1354L36.1405 23.116C37.0456 23.1165 37.7952 23.784 37.9245 24.6533L37.9442 24.9197L37.9499 33.3139L46.3441 33.3196C47.2491 33.32 47.9988 33.9875 48.1281 34.8569Z\"\/>\n<\/g>\n<defs>\n<filter id=\"filter0_d_0_765_5633171\" x=\"0\" y=\"0\" width=\"72.3636\" height=\"72.2856\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n<feOffset dy=\"1\"\/>\n<feGaussianBlur stdDeviation=\"2\"\/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_760\"\/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_760\" result=\"shape\"\/>\n<\/filter>\n<\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-eye\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"72\" height=\"72\" fill=\"none\" viewBox=\"0 0 72 72\">\n  <g filter=\"url(#filter0_d_0_765_3005509)\">\n    <circle class=\"bg\" cx=\"36\" cy=\"35\" r=\"32\"\/>\n  <\/g>\n  <path  d=\"M14.6667 13.6667h42.6667v42.6667H14.6667z\" opacity=\".01\"\/>\n  <path class=\"fg\" fill-rule=\"evenodd\" d=\"M51.5218 35.9031C49.7538 28.8401 43.3816 23.8 36 23.8c-7.3848 0-13.759 5.0444-15.5239 12.1116-.1606.643.2305 1.2944.8735 1.455.643.1605 1.2944-.2306 1.455-.8734C24.3042 30.4885 29.7231 26.2 36 26.2c6.2743 0 11.6914 4.2848 13.1936 10.2858.161.643.8127 1.0336 1.4555.8728.6429-.161 1.0336-.8126.8727-1.4555ZM36 29.4074c3.5346 0 6.4 2.8654 6.4 6.4 0 3.5347-2.8654 6.4-6.4 6.4s-6.4-2.8653-6.4-6.4c0-3.5346 2.8654-6.4 6.4-6.4Zm0 2.4c-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4Z\" clip-rule=\"evenodd\"\/>\n  <defs>\n    <filter id=\"filter0_d_0_765_3005509\" width=\"72\" height=\"72\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n      <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\/>\n      <feOffset dy=\"1\"\/>\n      <feGaussianBlur stdDeviation=\"2\"\/>\n      <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n      <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_765\"\/>\n      <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_765\" result=\"shape\"\/>\n    <\/filter>\n  <\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/noscript>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"pin\"\n\t\t\t\t\t\t\t\t\t        type=\"button\"\n\t\t\t\t\t\t\t\t\t        id=\"pin-toggler_yjyqif\"\n\t\t\t\t\t\t\t\t\t        data-pin-id=\"2\"\n\t\t\t\t\t\t\t\t\t        data-appear-from=\"left\"\n\t\t\t\t\t\t\t\t\t        style=\"left: 88.51678568497086%; top: 47.529411764705884%;\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\tHotspot info\t\t\t\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\t\t\tRhythm and Duration: Rhythmic length is shown using horizontal lines.\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n<g filter=\"url(#filter0_d_0_765_5164537)\">\n<ellipse class=\"bg\" cx=\"36.1818\" cy=\"35.1429\" rx=\"32.1818\" ry=\"32.1429\"\/>\n<rect opacity=\"0.01\" x=\"14.7273\" y=\"13.7144\" width=\"42.9091\" height=\"42.8571\"\/>\n<path class=\"fg\" d=\"M48.1281 34.8569L48.1477 35.1232C48.1483 36.0284 47.4818 36.7772 46.6125 36.9054L46.3462 36.9248L37.9521 36.9203L37.9565 45.3145C37.9572 46.2195 37.2906 46.9685 36.4213 47.0966L36.155 47.116C35.25 47.1156 34.5002 46.4481 34.3711 45.5786L34.3514 45.3123L34.3456 36.9182L25.9515 36.9125C25.0464 36.912 24.2967 36.2445 24.1675 35.3751L24.1477 35.1087C24.1471 34.2037 24.8137 33.4548 25.6829 33.3266L25.9492 33.3072L34.3434 33.3117L34.3389 24.9175C34.3384 24.0124 35.0049 23.2636 35.8741 23.1354L36.1405 23.116C37.0456 23.1165 37.7952 23.784 37.9245 24.6533L37.9442 24.9197L37.9499 33.3139L46.3441 33.3196C47.2491 33.32 47.9988 33.9875 48.1281 34.8569Z\"\/>\n<\/g>\n<defs>\n<filter id=\"filter0_d_0_765_5164537\" x=\"0\" y=\"0\" width=\"72.3636\" height=\"72.2856\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n<feOffset dy=\"1\"\/>\n<feGaussianBlur stdDeviation=\"2\"\/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_760\"\/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_760\" result=\"shape\"\/>\n<\/filter>\n<\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-eye\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"72\" height=\"72\" fill=\"none\" viewBox=\"0 0 72 72\">\n  <g filter=\"url(#filter0_d_0_765_7633037)\">\n    <circle class=\"bg\" cx=\"36\" cy=\"35\" r=\"32\"\/>\n  <\/g>\n  <path  d=\"M14.6667 13.6667h42.6667v42.6667H14.6667z\" opacity=\".01\"\/>\n  <path class=\"fg\" fill-rule=\"evenodd\" d=\"M51.5218 35.9031C49.7538 28.8401 43.3816 23.8 36 23.8c-7.3848 0-13.759 5.0444-15.5239 12.1116-.1606.643.2305 1.2944.8735 1.455.643.1605 1.2944-.2306 1.455-.8734C24.3042 30.4885 29.7231 26.2 36 26.2c6.2743 0 11.6914 4.2848 13.1936 10.2858.161.643.8127 1.0336 1.4555.8728.6429-.161 1.0336-.8126.8727-1.4555ZM36 29.4074c3.5346 0 6.4 2.8654 6.4 6.4 0 3.5347-2.8654 6.4-6.4 6.4s-6.4-2.8653-6.4-6.4c0-3.5346 2.8654-6.4 6.4-6.4Zm0 2.4c-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4Z\" clip-rule=\"evenodd\"\/>\n  <defs>\n    <filter id=\"filter0_d_0_765_7633037\" width=\"72\" height=\"72\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n      <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\/>\n      <feOffset dy=\"1\"\/>\n      <feGaussianBlur stdDeviation=\"2\"\/>\n      <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n      <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_765\"\/>\n      <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_765\" result=\"shape\"\/>\n    <\/filter>\n  <\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t\t\t<noscript>\n\t\t\t\t\t\t\t\t\t\t<a class=\"pin\"\n\t\t\t\t\t\t\t\t\t\t   href=\"#yjyqif\"\n\t\t\t\t\t\t\t\t\t\t   style=\"left: 88.51678568497086%; top: 47.529411764705884%;\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\tHotspot info\t\t\t\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\t\t\tRhythm and Duration: Rhythmic length is shown using horizontal lines.\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n<g filter=\"url(#filter0_d_0_765_6386338)\">\n<ellipse class=\"bg\" cx=\"36.1818\" cy=\"35.1429\" rx=\"32.1818\" ry=\"32.1429\"\/>\n<rect opacity=\"0.01\" x=\"14.7273\" y=\"13.7144\" width=\"42.9091\" height=\"42.8571\"\/>\n<path class=\"fg\" d=\"M48.1281 34.8569L48.1477 35.1232C48.1483 36.0284 47.4818 36.7772 46.6125 36.9054L46.3462 36.9248L37.9521 36.9203L37.9565 45.3145C37.9572 46.2195 37.2906 46.9685 36.4213 47.0966L36.155 47.116C35.25 47.1156 34.5002 46.4481 34.3711 45.5786L34.3514 45.3123L34.3456 36.9182L25.9515 36.9125C25.0464 36.912 24.2967 36.2445 24.1675 35.3751L24.1477 35.1087C24.1471 34.2037 24.8137 33.4548 25.6829 33.3266L25.9492 33.3072L34.3434 33.3117L34.3389 24.9175C34.3384 24.0124 35.0049 23.2636 35.8741 23.1354L36.1405 23.116C37.0456 23.1165 37.7952 23.784 37.9245 24.6533L37.9442 24.9197L37.9499 33.3139L46.3441 33.3196C47.2491 33.32 47.9988 33.9875 48.1281 34.8569Z\"\/>\n<\/g>\n<defs>\n<filter id=\"filter0_d_0_765_6386338\" x=\"0\" y=\"0\" width=\"72.3636\" height=\"72.2856\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n<feOffset dy=\"1\"\/>\n<feGaussianBlur stdDeviation=\"2\"\/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_760\"\/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_760\" result=\"shape\"\/>\n<\/filter>\n<\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-eye\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"72\" height=\"72\" fill=\"none\" viewBox=\"0 0 72 72\">\n  <g filter=\"url(#filter0_d_0_765_4895933)\">\n    <circle class=\"bg\" cx=\"36\" cy=\"35\" r=\"32\"\/>\n  <\/g>\n  <path  d=\"M14.6667 13.6667h42.6667v42.6667H14.6667z\" opacity=\".01\"\/>\n  <path class=\"fg\" fill-rule=\"evenodd\" d=\"M51.5218 35.9031C49.7538 28.8401 43.3816 23.8 36 23.8c-7.3848 0-13.759 5.0444-15.5239 12.1116-.1606.643.2305 1.2944.8735 1.455.643.1605 1.2944-.2306 1.455-.8734C24.3042 30.4885 29.7231 26.2 36 26.2c6.2743 0 11.6914 4.2848 13.1936 10.2858.161.643.8127 1.0336 1.4555.8728.6429-.161 1.0336-.8126.8727-1.4555ZM36 29.4074c3.5346 0 6.4 2.8654 6.4 6.4 0 3.5347-2.8654 6.4-6.4 6.4s-6.4-2.8653-6.4-6.4c0-3.5346 2.8654-6.4 6.4-6.4Zm0 2.4c-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4Z\" clip-rule=\"evenodd\"\/>\n  <defs>\n    <filter id=\"filter0_d_0_765_4895933\" width=\"72\" height=\"72\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n      <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\/>\n      <feOffset dy=\"1\"\/>\n      <feGaussianBlur stdDeviation=\"2\"\/>\n      <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n      <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_765\"\/>\n      <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_765\" result=\"shape\"\/>\n    <\/filter>\n  <\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/noscript>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"pin\"\n\t\t\t\t\t\t\t\t\t        type=\"button\"\n\t\t\t\t\t\t\t\t\t        id=\"pin-toggler_1b5tuh\"\n\t\t\t\t\t\t\t\t\t        data-pin-id=\"3\"\n\t\t\t\t\t\t\t\t\t        data-appear-from=\"left\"\n\t\t\t\t\t\t\t\t\t        style=\"left: 65.92793236477058%; top: 57.1764705882353%;\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\tHotspot info\t\t\t\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\t\t\tRests (Silence): Silences are written as 0.\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n<g filter=\"url(#filter0_d_0_765_2163967)\">\n<ellipse class=\"bg\" cx=\"36.1818\" cy=\"35.1429\" rx=\"32.1818\" ry=\"32.1429\"\/>\n<rect opacity=\"0.01\" x=\"14.7273\" y=\"13.7144\" width=\"42.9091\" height=\"42.8571\"\/>\n<path class=\"fg\" d=\"M48.1281 34.8569L48.1477 35.1232C48.1483 36.0284 47.4818 36.7772 46.6125 36.9054L46.3462 36.9248L37.9521 36.9203L37.9565 45.3145C37.9572 46.2195 37.2906 46.9685 36.4213 47.0966L36.155 47.116C35.25 47.1156 34.5002 46.4481 34.3711 45.5786L34.3514 45.3123L34.3456 36.9182L25.9515 36.9125C25.0464 36.912 24.2967 36.2445 24.1675 35.3751L24.1477 35.1087C24.1471 34.2037 24.8137 33.4548 25.6829 33.3266L25.9492 33.3072L34.3434 33.3117L34.3389 24.9175C34.3384 24.0124 35.0049 23.2636 35.8741 23.1354L36.1405 23.116C37.0456 23.1165 37.7952 23.784 37.9245 24.6533L37.9442 24.9197L37.9499 33.3139L46.3441 33.3196C47.2491 33.32 47.9988 33.9875 48.1281 34.8569Z\"\/>\n<\/g>\n<defs>\n<filter id=\"filter0_d_0_765_2163967\" x=\"0\" y=\"0\" width=\"72.3636\" height=\"72.2856\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n<feOffset dy=\"1\"\/>\n<feGaussianBlur stdDeviation=\"2\"\/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_760\"\/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_760\" result=\"shape\"\/>\n<\/filter>\n<\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-eye\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"72\" height=\"72\" fill=\"none\" viewBox=\"0 0 72 72\">\n  <g filter=\"url(#filter0_d_0_765_8595051)\">\n    <circle class=\"bg\" cx=\"36\" cy=\"35\" r=\"32\"\/>\n  <\/g>\n  <path  d=\"M14.6667 13.6667h42.6667v42.6667H14.6667z\" opacity=\".01\"\/>\n  <path class=\"fg\" fill-rule=\"evenodd\" d=\"M51.5218 35.9031C49.7538 28.8401 43.3816 23.8 36 23.8c-7.3848 0-13.759 5.0444-15.5239 12.1116-.1606.643.2305 1.2944.8735 1.455.643.1605 1.2944-.2306 1.455-.8734C24.3042 30.4885 29.7231 26.2 36 26.2c6.2743 0 11.6914 4.2848 13.1936 10.2858.161.643.8127 1.0336 1.4555.8728.6429-.161 1.0336-.8126.8727-1.4555ZM36 29.4074c3.5346 0 6.4 2.8654 6.4 6.4 0 3.5347-2.8654 6.4-6.4 6.4s-6.4-2.8653-6.4-6.4c0-3.5346 2.8654-6.4 6.4-6.4Zm0 2.4c-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4Z\" clip-rule=\"evenodd\"\/>\n  <defs>\n    <filter id=\"filter0_d_0_765_8595051\" width=\"72\" height=\"72\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n      <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\/>\n      <feOffset dy=\"1\"\/>\n      <feGaussianBlur stdDeviation=\"2\"\/>\n      <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n      <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_765\"\/>\n      <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_765\" result=\"shape\"\/>\n    <\/filter>\n  <\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\n\t\t\t\t\t\t\t\t\t<noscript>\n\t\t\t\t\t\t\t\t\t\t<a class=\"pin\"\n\t\t\t\t\t\t\t\t\t\t   href=\"#1b5tuh\"\n\t\t\t\t\t\t\t\t\t\t   style=\"left: 65.92793236477058%; top: 57.1764705882353%;\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\tHotspot info\t\t\t\t\t\t\t\t\t\t\t\t&mdash;\n\t\t\t\t\t\t\t\t\t\t\t\tRests (Silence): Silences are written as 0.\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n<g filter=\"url(#filter0_d_0_765_49269)\">\n<ellipse class=\"bg\" cx=\"36.1818\" cy=\"35.1429\" rx=\"32.1818\" ry=\"32.1429\"\/>\n<rect opacity=\"0.01\" x=\"14.7273\" y=\"13.7144\" width=\"42.9091\" height=\"42.8571\"\/>\n<path class=\"fg\" d=\"M48.1281 34.8569L48.1477 35.1232C48.1483 36.0284 47.4818 36.7772 46.6125 36.9054L46.3462 36.9248L37.9521 36.9203L37.9565 45.3145C37.9572 46.2195 37.2906 46.9685 36.4213 47.0966L36.155 47.116C35.25 47.1156 34.5002 46.4481 34.3711 45.5786L34.3514 45.3123L34.3456 36.9182L25.9515 36.9125C25.0464 36.912 24.2967 36.2445 24.1675 35.3751L24.1477 35.1087C24.1471 34.2037 24.8137 33.4548 25.6829 33.3266L25.9492 33.3072L34.3434 33.3117L34.3389 24.9175C34.3384 24.0124 35.0049 23.2636 35.8741 23.1354L36.1405 23.116C37.0456 23.1165 37.7952 23.784 37.9245 24.6533L37.9442 24.9197L37.9499 33.3139L46.3441 33.3196C47.2491 33.32 47.9988 33.9875 48.1281 34.8569Z\"\/>\n<\/g>\n<defs>\n<filter id=\"filter0_d_0_765_49269\" x=\"0\" y=\"0\" width=\"72.3636\" height=\"72.2856\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"\/>\n<feOffset dy=\"1\"\/>\n<feGaussianBlur stdDeviation=\"2\"\/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_760\"\/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_760\" result=\"shape\"\/>\n<\/filter>\n<\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon pin-eye\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"72\" height=\"72\" fill=\"none\" viewBox=\"0 0 72 72\">\n  <g filter=\"url(#filter0_d_0_765_7637739)\">\n    <circle class=\"bg\" cx=\"36\" cy=\"35\" r=\"32\"\/>\n  <\/g>\n  <path  d=\"M14.6667 13.6667h42.6667v42.6667H14.6667z\" opacity=\".01\"\/>\n  <path class=\"fg\" fill-rule=\"evenodd\" d=\"M51.5218 35.9031C49.7538 28.8401 43.3816 23.8 36 23.8c-7.3848 0-13.759 5.0444-15.5239 12.1116-.1606.643.2305 1.2944.8735 1.455.643.1605 1.2944-.2306 1.455-.8734C24.3042 30.4885 29.7231 26.2 36 26.2c6.2743 0 11.6914 4.2848 13.1936 10.2858.161.643.8127 1.0336 1.4555.8728.6429-.161 1.0336-.8126.8727-1.4555ZM36 29.4074c3.5346 0 6.4 2.8654 6.4 6.4 0 3.5347-2.8654 6.4-6.4 6.4s-6.4-2.8653-6.4-6.4c0-3.5346 2.8654-6.4 6.4-6.4Zm0 2.4c-2.2091 0-4 1.7909-4 4 0 2.2091 1.7909 4 4 4 2.2091 0 4-1.7909 4-4 0-2.2091-1.7909-4-4-4Z\" clip-rule=\"evenodd\"\/>\n  <defs>\n    <filter id=\"filter0_d_0_765_7637739\" width=\"72\" height=\"72\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n      <feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\/>\n      <feOffset dy=\"1\"\/>\n      <feGaussianBlur stdDeviation=\"2\"\/>\n      <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\"\/>\n      <feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_765\"\/>\n      <feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_0_765\" result=\"shape\"\/>\n    <\/filter>\n  <\/defs>\n<\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/noscript>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/figure>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"slider-container\">\n\n\t\t\t\t<div class=\"align-right slider-close-container\">\n\t\t\t\t\t<button class=\"btn-hide-slider no-focus\" type=\"button\" tabindex=\"-1\">\n\t\t\t\t\t\t<span class=\"sr-only\">Close information panel<\/span>\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"73\" height=\"73\" viewBox=\"0 0 73 73\" fill=\"none\">\n\n\t\t\t\t\t\t\t<g filter=\"url(#filter0_d_0_822)\">\n\t\t\t\t\t\t\t\t<circle class=\"bg\" cx=\"36.5\" cy=\"35.5\" r=\"32.5\" \/>\n\t\t\t\t\t\t\t<\/g>\n\t\t\t\t\t\t\t<path d=\"M44.9001 26.7178L45.1051 26.8948C45.7542 27.5439 45.8132 28.5595 45.2821 29.2751L45.1051 29.4802L39.0862 35.5L45.1051 41.5199C45.7542 42.1688 45.8132 43.1845 45.2821 43.9001L45.1051 44.1051C44.4562 44.7542 43.4405 44.8132 42.7249 44.2821L42.5199 44.1051L36.5 38.0862L30.4802 44.1051C29.8311 44.7542 28.8155 44.8132 28.0999 44.2821L27.8948 44.1051C27.2458 43.4562 27.1868 42.4405 27.7178 41.7249L27.8948 41.5199L33.9138 35.5L27.8948 29.4802C27.2458 28.8311 27.1868 27.8155 27.7178 27.0999L27.8948 26.8948C28.5439 26.2458 29.5595 26.1868 30.2751 26.7178L30.4802 26.8948L36.5 32.9138L42.5199 26.8948C43.1688 26.2458 44.1845 26.1868 44.9001 26.7178Z\" \/>\n\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t<filter id=\"filter0_d_0_822\"\n\t\t\t\t\t\t\t\t        x=\"0\"\n\t\t\t\t\t\t\t\t        y=\"0\"\n\t\t\t\t\t\t\t\t        width=\"73\"\n\t\t\t\t\t\t\t\t        height=\"73\"\n\t\t\t\t\t\t\t\t        filterUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t\t\t        color-interpolation-filters=\"sRGB\">\n\t\t\t\t\t\t\t\t\t<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" \/>\n\t\t\t\t\t\t\t\t\t<feColorMatrix in=\"SourceAlpha\"\n\t\t\t\t\t\t\t\t\t               type=\"matrix\"\n\t\t\t\t\t\t\t\t\t               values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n\t\t\t\t\t\t\t\t\t               result=\"hardAlpha\" \/>\n\t\t\t\t\t\t\t\t\t<feOffset dy=\"1\" \/>\n\t\t\t\t\t\t\t\t\t<feGaussianBlur stdDeviation=\"2\" \/>\n\t\t\t\t\t\t\t\t\t<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0\" \/>\n\t\t\t\t\t\t\t\t\t<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_0_822\" \/>\n\t\t\t\t\t\t\t\t\t<feBlend mode=\"normal\"\n\t\t\t\t\t\t\t\t\t         in=\"SourceGraphic\"\n\t\t\t\t\t\t\t\t\t         in2=\"effect1_dropShadow_0_822\"\n\t\t\t\t\t\t\t\t\t         result=\"shape\" \/>\n\t\t\t\t\t\t\t\t<\/filter>\n\t\t\t\t\t\t\t<\/defs>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"slides-container\">\n\t\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\n<div>\n\t<div class=\"csat-block wp-block-csat-hotspots-inner hotspots-slide\"\n\t     data-animation=\"has-entered-screen\"\n\t     id=\"ogyon3\"\n\t     data-pin-id=\"OGYON3\"\n\t     data-pin-x=\"15.497004021997865\"\n\t     data-pin-y=\"21.88235294117647\">\n\t\t\n<div class=\"wp-block-csat-blocks-block-hotspots-inner\"><div class=\"wp-block-csat-blocks-block-hotspots-inner\">\n<div class=\"wp-block-csat-blocks-block-rich-text\">\n<h2 class=\"wp-block-heading\">Pitch<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Numbers 1 to 7 represent the notes of a scale, and these numbers indicate relative pitch, not fixed notes, allowing melodies to be easily transposed for different singers or instruments.<\/p>\n<\/div>\n<\/div><\/div>\n\t<\/div>\n\n\n\t\n\n\n\t<div class=\"csat-block wp-block-csat-hotspots-inner hotspots-slide\"\n\t     data-animation=\"has-entered-screen\"\n\t     id=\"q93ww3\"\n\t     data-pin-id=\"q93WW3\"\n\t     data-pin-x=\"44.38972338504473\"\n\t     data-pin-y=\"40.705882352941174\">\n\t\t\n<div class=\"wp-block-csat-blocks-block-hotspots-inner\"><div class=\"wp-block-csat-blocks-block-hotspots-inner\">\n<div class=\"wp-block-csat-blocks-block-rich-text\">\n<h2 class=\"wp-block-heading\">Octaves<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dots placed above a number indicate higher octaves, while dots below indicate lower ones.<\/p>\n<\/div>\n<\/div><\/div>\n\t<\/div>\n\n\n\t\n\n\n\t<div class=\"csat-block wp-block-csat-hotspots-inner hotspots-slide\"\n\t     data-animation=\"has-entered-screen\"\n\t     id=\"yjyqif\"\n\t     data-pin-id=\"yJYQIf\"\n\t     data-pin-x=\"88.51678568497086\"\n\t     data-pin-y=\"47.529411764705884\">\n\t\t\n<div class=\"wp-block-csat-blocks-block-hotspots-inner\"><div class=\"wp-block-csat-blocks-block-hotspots-inner\">\n<div class=\"wp-block-csat-blocks-block-rich-text\">\n<h2 class=\"wp-block-heading\"><strong>Rhythm and Duration<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Rhythmic length is shown using horizontal lines:<br>No line = basic beat<br>One underline = half the value<br>Two underlines = quarter value<br>Longer notes may be extended with dashes.<\/p>\n<\/div>\n<\/div><\/div>\n\t<\/div>\n\n\n\t\n\n\n\t<div class=\"csat-block wp-block-csat-hotspots-inner hotspots-slide\"\n\t     data-animation=\"has-entered-screen\"\n\t     id=\"1b5tuh\"\n\t     data-pin-id=\"1b5tuh\"\n\t     data-pin-x=\"65.92793236477058\"\n\t     data-pin-y=\"57.1764705882353\">\n\t\t\n<div class=\"wp-block-csat-blocks-block-hotspots-inner\"><div class=\"wp-block-csat-blocks-block-hotspots-inner\">\n<div class=\"wp-block-csat-blocks-block-rich-text\">\n<h2 class=\"wp-block-heading\"><strong>Rests (Silence)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Silences are written as <strong>0<\/strong>. As with notes, duration is shown through spacing or underlines rather than separate rest symbols.<br><br><strong>0<\/strong> = short rest<br><strong><span style=\"text-decoration: underline\">0<\/span> <\/strong>or <strong>00<\/strong> = longer rests<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n<\/div><\/div>\n\t<\/div>\n\n\n\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<figcaption class=\"image-caption2\">\n\t\t\t\t<div class=\"caption-container2\">\n          <span class=\"image-caption2__waffles\">  \n            <span style=\"font-weight: 400;\">Above is a handwritten score by Raymond Jai in jianpu (\u7b80\u8c31), a number-based music notation system widely used in Chinese musical traditions.<\/span>\r\n\r\n<span style=\"font-weight: 400;\">It uses numbers for the scale, like solfege (\u201cdo, re, mi\u201d). This system isn\u2019t a rigid score, it\u2019s a guide that allows singers and musicians to add ornamentation, adjust timing, and respond in the moment during a performance.<\/span>          <\/span>\n        <\/div>\n\t\t\t<\/figcaption>\n\t\t\n\t<\/div>\n\t\n\n\t<div class=\"csat-block wp-block-csat-blocks-split-content wp-block-csat-blocks-split-content-outer\">\n\t\t<div class=\"inner-container animate-me\" data-animation=\"fadeInUp\">\n\t\t\t\n<div class=\"wp-block-csat-blocks-block-split-content\">\t<div class=\"csat-block wp-block-csat-blocks-split-content-inner vertical-top contains_csat-blocks-block-rich-text\">\n\t\t\n<div class=\"wp-block-csat-blocks-block-split-content-inner\">\n<div class=\"wp-block-csat-blocks-block-rich-text\">\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For many Chinese Canadians who didn\u2019t grow up learning to read Chinese, like <strong>Beatrice<\/strong> and <strong>Julie Jai<\/strong>, phonetic spellings were added next to the lyrics so they could still learn and perform the songs. These adaptations show how tradition has evolved to remain accessible across languages and generations.<\/p>\n<\/div>\n<\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"csat-block wp-block-csat-blocks-split-content-inner vertical-top contains_csat-blocks-block-media-element\">\n\t\t\n<div class=\"wp-block-csat-blocks-block-split-content-inner\">\t<div class=\"wp-block-csat-media-element fit-image-figure has-parent\">\n\n\t\t\n\t\t\t<figure class=\"media-element image-container\" data-image-width=\"5120\">\n\t\t\t\t<a class=\"image-frame launch-media-modal media-thumbnail type-image media-element-1316\"\n\t\t\t\t   href=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/en\/gallery\/%e3%80%8a%e7%a6%aa%e9%99%a2%e9%90%98%e8%81%b2%e3%80%8b-handwritten-lyrics-with-phonetics-added\/\"\n\t\t\t\t   data-media-element=\"1316\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">Image details &mdash;  <\/span>\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"5120\" height=\"3097\" src=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-scaled.jpg\" class=\"attachment-full size-full\" alt=\"&lt;span style=&quot;font-weight: 400;&quot;&gt;A sheet of handwritten Chinese lyrics with phonetic spellings added beside the characters to guide pronunciation.&lt;\/span&gt;\" loading=\"eager\" srcset=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-scaled.jpg 5120w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-300x181.jpg 300w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-1024x619.jpg 1024w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-768x465.jpg 768w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-1536x929.jpg 1536w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-2048x1239.jpg 2048w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-500x302.jpg 500w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-661x400.jpg 661w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-380x230.jpg 380w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/annotated-lyrics-for-chan-yuan-zhong-sheng-876x530.jpg 876w\" sizes=\"(max-width: 5120px) 100vw, 5120px\" \/>\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t\t<figcaption class=\"image-caption\">\n\t\t\t\t\t\t<div class=\"caption-container\"><span style=\"font-weight: 400;\">Handwritten Chinese lyrics for parts of <\/span><i>Monkery Bell Rings<\/i><span style=\"font-weight: 400;\">\u300a\u79aa\u9662\u9418\u8072\u300b, with phonetic annotations added.<\/span><\/div>\n\t\t\t\t\t<\/figcaption>\n\t\t\t\t\n\t\t\t<\/figure>\n\n\t\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t<div class=\"csat-block wp-block-csat-blocks-split-content wp-block-csat-blocks-split-content-outer\">\n\t\t<div class=\"inner-container animate-me\" data-animation=\"fadeInUp\">\n\t\t\t\n<div class=\"wp-block-csat-blocks-block-split-content\">\t<div class=\"csat-block wp-block-csat-blocks-split-content-inner vertical-top contains_csat-blocks-block-rich-text\">\n\t\t\n<div class=\"wp-block-csat-blocks-block-split-content-inner\">\n<div class=\"wp-block-csat-blocks-block-rich-text\">\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To learn the music myself, I transcribed the numbered notation into Western staff notation, so I could play it on the piano and understand the melody. I also recorded the piece, so you can listen and follow along, comparing how the jianpu translates into Western notation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Together, these different methods, from oral teaching, handwritten scores, phonetic guides, and transcription, show how Cantonese opera music continues to be shared, adapted, and kept alive.<\/p>\n<\/div>\n<\/div>\n\t<\/div>\n\n\t\n\n\t<div class=\"csat-block wp-block-csat-blocks-split-content-inner vertical-top contains_csat-blocks-block-media-element\">\n\t\t\n<div class=\"wp-block-csat-blocks-block-split-content-inner\">\t<div class=\"wp-block-csat-media-element fit-image-figure has-parent\">\n\n\t\t\n\t\t\t<figure class=\"media-element image-container\" data-image-width=\"2550\">\n\t\t\t\t<a class=\"image-frame launch-media-modal media-thumbnail type-audio media-element-1308\"\n\t\t\t\t   href=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/en\/gallery\/karens-recording-of-%e3%80%8a%e7%a6%aa%e9%99%a2%e9%90%98%e8%81%b2%e3%80%8bmonkery-bell-rings\/\"\n\t\t\t\t   data-media-element=\"1308\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sr-only\">Listen to audio &mdash; Karen\u2019s recording of \u300a\u79aa\u9662\u9418\u8072\u300b(Monkery Bell Rings)  <\/span>\n\t\t\t\t\t<img decoding=\"async\" width=\"2550\" height=\"3300\" src=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final.jpg\" class=\"attachment-full size-full\" alt=\"&lt;span style=&quot;font-weight: 400;&quot;&gt;Score for &lt;\/span&gt;&lt;i&gt;Monkery Bell Rings&lt;\/i&gt;&lt;span style=&quot;font-weight: 400;&quot;&gt; in Western staff transcription.&lt;\/span&gt;\" loading=\"eager\" srcset=\"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final.jpg 2550w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-232x300.jpg 232w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-791x1024.jpg 791w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-768x994.jpg 768w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-1187x1536.jpg 1187w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-1583x2048.jpg 1583w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-500x647.jpg 500w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-309x400.jpg 309w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-178x230.jpg 178w, https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-content\/uploads\/sites\/180\/2026\/02\/monkery-bells-rings-final-410x530.jpg 410w\" sizes=\"(max-width: 2550px) 100vw, 2550px\" \/>\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon-container\">\n\t\t\t\t\t\t\t<svg width=\"24\"\n\t\t\t\t\t\t\t     height=\"22\"\n\t\t\t\t\t\t\t     viewBox=\"0 0 24 22\"\n\t\t\t\t\t\t\t     fill=\"none\"\n\t\t\t\t\t\t\t     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t      clip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t      d=\"M21 14V11H20.9451C20.4476 6.50005 16.6326 3 12 3C7.36745 3 3.55237 6.50005 3.05493 11H3V14H0V12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12V14H21Z\"\n\t\t\t\t\t\t\t\t      fill=\"white\" \/>\n\t\t\t\t\t\t\t\t<path fill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t      clip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t      d=\"M20 10C22.2091 10 24 11.7909 24 14V18C24 20.2091 22.2091 22 20 22C17.7909 22 16 20.2091 16 18V14C16 11.7909 17.7909 10 20 10ZM20 13C19.4477 13 19 13.4477 19 14V18C19 18.5523 19.4477 19 20 19C20.5523 19 21 18.5523 21 18V14C21 13.4477 20.5523 13 20 13ZM4 10C6.20914 10 8 11.7909 8 14V18C8 20.2091 6.20914 22 4 22C1.79086 22 0 20.2091 0 18V14C0 11.7909 1.79086 10 4 10ZM4 13C3.44772 13 3 13.4477 3 14V18C3 18.5523 3.44772 19 4 19C4.55228 19 5 18.5523 5 18V14C5 13.4477 4.55228 13 4 13Z\"\n\t\t\t\t\t\t\t\t      fill=\"white\" \/>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t\t<figcaption class=\"image-caption\">\n\t\t\t\t\t\t<div class=\"caption-container\"><span style=\"font-weight: 400;\">Karen Tam performing<\/span> <i>Monkery Bell Rings<\/i><span style=\"font-weight: 400;\">\u300a\u79aa\u9662\u9418\u8072\u300b<\/span><span style=\"font-weight: 400;\">, composed by Cui Weilin (\u5d14\u851a\u6797, 1911\u20131975) in 1939.<\/span>\r\n\r\n&nbsp;<\/div>\n\t\t\t\t\t<\/figcaption>\n\t\t\t\t\n\t\t\t<\/figure>\n\n\t\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\n\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":1315,"template":"","class_list":["post-639","csat-story-chapter","type-csat-story-chapter","status-publish","has-post-thumbnail","hentry"],"acf":[],"lang":"en","translations":{"en":639,"yue":4713,"fr":3840},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-json\/wp\/v2\/csat-story-chapter\/639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-json\/wp\/v2\/csat-story-chapter"}],"about":[{"href":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-json\/wp\/v2\/types\/csat-story-chapter"}],"version-history":[{"count":11,"href":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-json\/wp\/v2\/csat-story-chapter\/639\/revisions"}],"predecessor-version":[{"id":5447,"href":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-json\/wp\/v2\/csat-story-chapter\/639\/revisions\/5447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-json\/wp\/v2\/media\/1315"}],"wp:attachment":[{"href":"https:\/\/www.histoiresdecheznous.ca\/v3\/scent-of-thunderbolts-parfum-des-foudres\/wp-json\/wp\/v2\/media?parent=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}