{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; vr *; web-share *; serial *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"featureFlags":[],"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNzM5NTYwMDA4LCJpYXQiOjE3Mzk1NTY0MDgsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.YcjrVGutwqZI9Nwn4gRKM0lDCX2pakf58Pje_IVG0QfiLiokoYh6LTa_t4a7NGz_ny5kRxV1ti26LD6zLwZKHi5hycA5Lq5e0TF_PFoFzuKix-sKe-djMx-IOo23PJZCYe0KIn65YhBO8WHIImCqEawWNv4H-4_CanCtI4nd33k_qAAYKynkorl63dfPIEVs2xoJURtpWcgoJ8GjUl3VuZ_7vAlOBsi-_Y1epHpViw-DEhk-RFdvRbdsyyECwT2JRCLPwqO1YBWjXO80JbE4D-nQia2m2V_OEAxysN51zvPtK4ZmNjJWDW_OJyKbKwKLhASg67wiV6fuuUpeiJHnAw"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":62812553,\"user_id\":8246909,\"html\":\" <script>\\n $(document).ready(function() {\\n $(\\\"body\\\").on(\\\"contextmenu\\\", function(e) {\\n return false;\\n });\\n });\\n <\\/script>\\n\\n <div id=\\\"container\\\">\\n <div class=\\\"Settings\\\" id=\\\"Settings\\\">\\n \\n <button id=\\\"HideSettings\\\">Hide Settings<\\/button>\\n \\n <div id=MidiSettings>\\n <b>Available Midi outputs:<\\/b>\\n <div id=AvailableOutputs><\\/div>\\n \\n <\\/div>\\n <br>\\n <div class = selector>\\n \\n Enter a number to select a Midi output <input id=OutputSelector type=\\\"number\\\"><br>\\n <b>Active Midi output: <\\/b><div id=ActiveOutput><\\/div><br>\\n\\nEnter a number to select a Midi channel <input id=ChannelSelector type=\\\"number\\\"><br>\\n <b>Active Midi channel: <\\/b><div id=ActiveChannel><\\/div><br>\\n \\n <\\/div>\\n\\n\\n \\n <br>\\n <div id=\\\"credits\\\">The Arithmophone Junior MIDI is an interface for electronic instruments in 5-limit just intonation tuning. For more details please visit <a href=\\\"https:\\/\\/chielzwinkels.net\\/arithmophone\\/\\\" target=\\\"_blank\\\" id=link>this page<\\/a>.\\n <br>\\n <br>\\n Concept and design by Chiel Zwinkels.\\n <br>\\n <br>\\n <\\/div>\\n <\\/div>\\n\\n <button id=\\\"ShowSettings\\\">MIDI Settings<\\/button>\\n \\n <button class=OptionsButton id=\\\"ShowOptions\\\">Options<\\/button>\\n <button class=OptionsButton id=\\\"HideOptions\\\">Hide Options<\\/button>\\n <button id=\\\"FullScreenButton\\\" class=FSLeft>Full Screen <\\/button>\\n <button id=HoldButton class=OtherButton>Hold<\\/button> \\n <button id=ReleaseButton class=OtherButton>Release<\\/button>\\n \\n<div class=\\\"bendcontainer\\\" id=BendContainer>\\n <input type=\\\"range\\\" step = 1 min=\\\"-1\\\" max=\\\"1\\\" value=\\\"0\\\" class=\\\"slider\\\" id=\\\"PitchSlider\\\"> \\n <div class=BendText>Bend: <span id=\\\"PitchValue\\\"><\\/span><\\/div>\\n <\\/div>\\n \\n <div class=\\\"modcontainer\\\" id=ModContainer>\\n <input type=\\\"range\\\" step = 1 min=\\\"0\\\" max=\\\"127\\\" value=\\\"0\\\" class=\\\"slider\\\" id=\\\"ModSlider\\\"> <br><div class=ModText>Mod: <span id=\\\"ModValue\\\"><\\/span><\\/div>\\n <\\/div>\\n\\n<main>\\n <?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<svg class=A7T id=A7T width=100vw height=100vh viewBox=\\\"0 0 19989 8725\\\" version=\\\"1.1\\\" xmlns=\\\"http:\\/\\/www.w3.org\\/2000\\/svg\\\" xmlns:xlink=\\\"http:\\/\\/www.w3.org\\/1999\\/xlink\\\">\\n \\n <path class=key d=\\\"M10072,6869.34397 L10788.0254,7282.74143 C10834.4356,7309.53635 10863.0254,7359.0554 10863.0254,7412.64524 L10863.0254,8239.44016 C10863.0254,8293.03 10834.4356,8342.54905 10788.0254,8369.34397 L10072,8782.74143 C10025.5898,8809.53635 9968.41016,8809.53635 9922,8782.74143 L9205.9746,8369.34397 C9159.56443,8342.54905 9130.9746,8293.03 9130.9746,8239.44016 L9130.9746,7412.64524 C9130.9746,7359.0554 9159.56443,7309.53635 9205.9746,7282.74143 L9922,6869.34397 C9968.41016,6842.54905 10025.5898,6842.54905 10072,6869.34397 Z\\\" id=\\\"100\\/400\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F9C74F\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(9997.000000, 7826.042702) scale(1, -1) rotate(90.000000) translate(-9997.000000, -7826.042702) \\\"><\\/path>\\n <path class=key d=\\\"M10072,5141.34397 L10788.0254,5554.74143 C10834.4356,5581.53635 10863.0254,5631.0554 10863.0254,5684.64524 L10863.0254,6511.44016 C10863.0254,6565.03 10834.4356,6614.54905 10788.0254,6641.34397 L10072,7054.74143 C10025.5898,7081.53635 9968.41016,7081.53635 9922,7054.74143 L9205.9746,6641.34397 C9159.56443,6614.54905 9130.9746,6565.03 9130.9746,6511.44016 L9130.9746,5684.64524 C9130.9746,5631.0554 9159.56443,5581.53635 9205.9746,5554.74143 L9922,5141.34397 C9968.41016,5114.54905 10025.5898,5114.54905 10072,5141.34397 Z\\\" id=\\\"100\\/200\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F9C74F\\\" transform=\\\"translate(9997.000000, 6098.042702) scale(1, -1) rotate(90.000000) translate(-9997.000000, -6098.042702) \\\"><\\/path>\\n <path class=key d=\\\"M14553,6010.34397 L15269.0254,6423.74143 C15315.4356,6450.53635 15344.0254,6500.0554 15344.0254,6553.64524 L15344.0254,7380.44016 C15344.0254,7434.03 15315.4356,7483.54905 15269.0254,7510.34397 L14553,7923.74143 C14506.5898,7950.53635 14449.4102,7950.53635 14403,7923.74143 L13686.9746,7510.34397 C13640.5644,7483.54905 13611.9746,7434.03 13611.9746,7380.44016 L13611.9746,6553.64524 C13611.9746,6500.0554 13640.5644,6450.53635 13686.9746,6423.74143 L14403,6010.34397 C14449.4102,5983.54905 14506.5898,5983.54905 14553,6010.34397 Z\\\" id=\\\"500\\/800\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(14478.000000, 6967.042702) scale(1, -1) rotate(90.000000) translate(-14478.000000, -6967.042702) \\\"><\\/path>\\n <path class=key d=\\\"M7084,5141.34397 L7800.0254,5554.74143 C7846.43557,5581.53635 7875.0254,5631.0554 7875.0254,5684.64524 L7875.0254,6511.44016 C7875.0254,6565.03 7846.43557,6614.54905 7800.0254,6641.34397 L7084,7054.74143 C7037.58984,7081.53635 6980.41016,7081.53635 6934,7054.74143 L6217.9746,6641.34397 C6171.56443,6614.54905 6142.9746,6565.03 6142.9746,6511.44016 L6142.9746,5684.64524 C6142.9746,5631.0554 6171.56443,5581.53635 6217.9746,5554.74143 L6934,5141.34397 C6980.41016,5114.54905 7037.58984,5114.54905 7084,5141.34397 Z\\\" id=\\\"200\\/300\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(7009.000000, 6098.042702) scale(1, -1) rotate(90.000000) translate(-7009.000000, -6098.042702) \\\"><\\/path>\\n <path class=key d=\\\"M2583,2549.34397 L3299.0254,2962.74143 C3345.43557,2989.53635 3374.0254,3039.0554 3374.0254,3092.64524 L3374.0254,3919.44016 C3374.0254,3973.03 3345.43557,4022.54905 3299.0254,4049.34397 L2583,4462.74143 C2536.58984,4489.53635 2479.41016,4489.53635 2433,4462.74143 L1716.9746,4049.34397 C1670.56443,4022.54905 1641.9746,3973.03 1641.9746,3919.44016 L1641.9746,3092.64524 C1641.9746,3039.0554 1670.56443,2989.53635 1716.9746,2962.74143 L2433,2549.34397 C2479.41016,2522.54905 2536.58984,2522.54905 2583,2549.34397 Z\\\" id=\\\"3200\\/4500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(2508.000000, 3506.042702) scale(1, -1) rotate(90.000000) translate(-2508.000000, -3506.042702) \\\"><\\/path>\\n <path class=key d=\\\"M13056,5141.34397 L13772.0254,5554.74143 C13818.4356,5581.53635 13847.0254,5631.0554 13847.0254,5684.64524 L13847.0254,6511.44016 C13847.0254,6565.03 13818.4356,6614.54905 13772.0254,6641.34397 L13056,7054.74143 C13009.5898,7081.53635 12952.4102,7081.53635 12906,7054.74143 L12189.9746,6641.34397 C12143.5644,6614.54905 12114.9746,6565.03 12114.9746,6511.44016 L12114.9746,5684.64524 C12114.9746,5631.0554 12143.5644,5581.53635 12189.9746,5554.74143 L12906,5141.34397 C12952.4102,5114.54905 13009.5898,5114.54905 13056,5141.34397 Z\\\" id=\\\"300\\/400\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(12981.000000, 6098.042702) scale(1, -1) rotate(90.000000) translate(-12981.000000, -6098.042702) \\\"><\\/path>\\n <path class=key d=\\\"M17550,4273.34397 L18266.0254,4686.74143 C18312.4356,4713.53635 18341.0254,4763.0554 18341.0254,4816.64524 L18341.0254,5643.44016 C18341.0254,5697.03 18312.4356,5746.54905 18266.0254,5773.34397 L17550,6186.74143 C17503.5898,6213.53635 17446.4102,6213.53635 17400,6186.74143 L16683.9746,5773.34397 C16637.5644,5746.54905 16608.9746,5697.03 16608.9746,5643.44016 L16608.9746,4816.64524 C16608.9746,4763.0554 16637.5644,4713.53635 16683.9746,4686.74143 L17400,4273.34397 C17446.4102,4246.54905 17503.5898,4246.54905 17550,4273.34397 Z\\\" id=\\\"2500\\/3200\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(17475.000000, 5230.042702) scale(1, -1) rotate(90.000000) translate(-17475.000000, -5230.042702) \\\"><\\/path>\\n <path class=key d=\\\"M5581,6007.34397 L6297.0254,6420.74143 C6343.43557,6447.53635 6372.0254,6497.0554 6372.0254,6550.64524 L6372.0254,7377.44016 C6372.0254,7431.03 6343.43557,7480.54905 6297.0254,7507.34397 L5581,7920.74143 C5534.58984,7947.53635 5477.41016,7947.53635 5431,7920.74143 L4714.9746,7507.34397 C4668.56443,7480.54905 4639.9746,7431.03 4639.9746,7377.44016 L4639.9746,6550.64524 C4639.9746,6497.0554 4668.56443,6447.53635 4714.9746,6420.74143 L5431,6007.34397 C5477.41016,5980.54905 5534.58984,5980.54905 5581,6007.34397 Z\\\" id=\\\"400\\/500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(5506.000000, 6964.042702) scale(1, -1) rotate(90.000000) translate(-5506.000000, -6964.042702) \\\"><\\/path>\\n <path class=key d=\\\"M11565,6010.34397 L12281.0254,6423.74143 C12327.4356,6450.53635 12356.0254,6500.0554 12356.0254,6553.64524 L12356.0254,7380.44016 C12356.0254,7434.03 12327.4356,7483.54905 12281.0254,7510.34397 L11565,7923.74143 C11518.5898,7950.53635 11461.4102,7950.53635 11415,7923.74143 L10698.9746,7510.34397 C10652.5644,7483.54905 10623.9746,7434.03 10623.9746,7380.44016 L10623.9746,6553.64524 C10623.9746,6500.0554 10652.5644,6450.53635 10698.9746,6423.74143 L11415,6010.34397 C11461.4102,5983.54905 11518.5898,5983.54905 11565,6010.34397 Z\\\" id=\\\"500\\/600\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(11490.000000, 6967.042702) scale(1, -1) rotate(90.000000) translate(-11490.000000, -6967.042702) \\\"><\\/path>\\n <path class=key d=\\\"M1085,3408.34397 L1801.0254,3821.74143 C1847.43557,3848.53635 1876.0254,3898.0554 1876.0254,3951.64524 L1876.0254,4778.44016 C1876.0254,4832.03 1847.43557,4881.54905 1801.0254,4908.34397 L1085,5321.74143 C1038.58984,5348.53635 981.410162,5348.53635 935,5321.74143 L218.974596,4908.34397 C172.564435,4881.54905 143.974596,4832.03 143.974596,4778.44016 L143.974596,3951.64524 C143.974596,3898.0554 172.564435,3848.53635 218.974596,3821.74143 L935,3408.34397 C981.410162,3381.54905 1038.58984,3381.54905 1085,3408.34397 Z\\\" id=\\\"6400\\/7500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(1010.000000, 4365.042702) scale(1, -1) rotate(90.000000) translate(-1010.000000, -4365.042702) \\\"><\\/path>\\n <path class=key d=\\\"M5587,2537.34397 L6303.0254,2950.74143 C6349.43557,2977.53635 6378.0254,3027.0554 6378.0254,3080.64524 L6378.0254,3907.44016 C6378.0254,3961.03 6349.43557,4010.54905 6303.0254,4037.34397 L5587,4450.74143 C5540.58984,4477.53635 5483.41016,4477.53635 5437,4450.74143 L4720.9746,4037.34397 C4674.56443,4010.54905 4645.9746,3961.03 4645.9746,3907.44016 L4645.9746,3080.64524 C4645.9746,3027.0554 4674.56443,2977.53635 4720.9746,2950.74143 L5437,2537.34397 C5483.41016,2510.54905 5540.58984,2510.54905 5587,2537.34397 Z\\\" id=\\\"800\\/900\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(5512.000000, 3494.042702) scale(1, -1) rotate(90.000000) translate(-5512.000000, -3494.042702) \\\"><\\/path>\\n <path class=key d=\\\"M16049,3411.34397 L16765.0254,3824.74143 C16811.4356,3851.53635 16840.0254,3901.0554 16840.0254,3954.64524 L16840.0254,4781.44016 C16840.0254,4835.03 16811.4356,4884.54905 16765.0254,4911.34397 L16049,5324.74143 C16002.5898,5351.53635 15945.4102,5351.53635 15899,5324.74143 L15182.9746,4911.34397 C15136.5644,4884.54905 15107.9746,4835.03 15107.9746,4781.44016 L15107.9746,3954.64524 C15107.9746,3901.0554 15136.5644,3851.53635 15182.9746,3824.74143 L15899,3411.34397 C15945.4102,3384.54905 16002.5898,3384.54905 16049,3411.34397 Z\\\" id=\\\"1500\\/1600\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(15974.000000, 4368.042702) scale(1, -1) rotate(90.000000) translate(-15974.000000, -4368.042702) \\\"><\\/path>\\n <path class=key d=\\\"M10072,3411.34397 L10788.0254,3824.74143 C10834.4356,3851.53635 10863.0254,3901.0554 10863.0254,3954.64524 L10863.0254,4781.44016 C10863.0254,4835.03 10834.4356,4884.54905 10788.0254,4911.34397 L10072,5324.74143 C10025.5898,5351.53635 9968.41016,5351.53635 9922,5324.74143 L9205.9746,4911.34397 C9159.56443,4884.54905 9130.9746,4835.03 9130.9746,4781.44016 L9130.9746,3954.64524 C9130.9746,3901.0554 9159.56443,3851.53635 9205.9746,3824.74143 L9922,3411.34397 C9968.41016,3384.54905 10025.5898,3384.54905 10072,3411.34397 Z\\\" id=\\\"100\\/100\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F9C74F\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(9997.000000, 4368.042702) scale(1, -1) rotate(90.000000) translate(-9997.000000, -4368.042702) \\\"><\\/path>\\n <path class=key d=\\\"M16049,5141.34397 L16765.0254,5554.74143 C16811.4356,5581.53635 16840.0254,5631.0554 16840.0254,5684.64524 L16840.0254,6511.44016 C16840.0254,6565.03 16811.4356,6614.54905 16765.0254,6641.34397 L16049,7054.74143 C16002.5898,7081.53635 15945.4102,7081.53635 15899,7054.74143 L15182.9746,6641.34397 C15136.5644,6614.54905 15107.9746,6565.03 15107.9746,6511.44016 L15107.9746,5684.64524 C15107.9746,5631.0554 15136.5644,5581.53635 15182.9746,5554.74143 L15899,5141.34397 C15945.4102,5114.54905 16002.5898,5114.54905 16049,5141.34397 Z\\\" id=\\\"2500\\/2400\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(15974.000000, 6098.042702) scale(1, -1) rotate(90.000000) translate(-15974.000000, -6098.042702) \\\"><\\/path>\\n <path class=key d=\\\"M4084,3408.34397 L4800.0254,3821.74143 C4846.43557,3848.53635 4875.0254,3898.0554 4875.0254,3951.64524 L4875.0254,4778.44016 C4875.0254,4832.03 4846.43557,4881.54905 4800.0254,4908.34397 L4084,5321.74143 C4037.58984,5348.53635 3980.41016,5348.53635 3934,5321.74143 L3217.9746,4908.34397 C3171.56443,4881.54905 3142.9746,4832.03 3142.9746,4778.44016 L3142.9746,3951.64524 C3142.9746,3898.0554 3171.56443,3848.53635 3217.9746,3821.74143 L3934,3408.34397 C3980.41016,3381.54905 4037.58984,3381.54905 4084,3408.34397 Z\\\" id=\\\"1600\\/1500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(4009.000000, 4365.042702) scale(1, -1) rotate(90.000000) translate(-4009.000000, -4365.042702) \\\"><\\/path>\\n <path class=key d=\\\"M8579,4273.34397 L9295.0254,4686.74143 C9341.43557,4713.53635 9370.0254,4763.0554 9370.0254,4816.64524 L9370.0254,5643.44016 C9370.0254,5697.03 9341.43557,5746.54905 9295.0254,5773.34397 L8579,6186.74143 C8532.58984,6213.53635 8475.41016,6213.53635 8429,6186.74143 L7712.9746,5773.34397 C7666.56443,5746.54905 7637.9746,5697.03 7637.9746,5643.44016 L7637.9746,4816.64524 C7637.9746,4763.0554 7666.56443,4713.53635 7712.9746,4686.74143 L8429,4273.34397 C8475.41016,4246.54905 8532.58984,4246.54905 8579,4273.34397 Z\\\" id=\\\"1000\\/900\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(8504.000000, 5230.042702) scale(1, -1) rotate(90.000000) translate(-8504.000000, -5230.042702) \\\"><\\/path>\\n <path class=key d=\\\"M14553,2543.34397 L15269.0254,2956.74143 C15315.4356,2983.53635 15344.0254,3033.0554 15344.0254,3086.64524 L15344.0254,3913.44016 C15344.0254,3967.03 15315.4356,4016.54905 15269.0254,4043.34397 L14553,4456.74143 C14506.5898,4483.53635 14449.4102,4483.53635 14403,4456.74143 L13686.9746,4043.34397 C13640.5644,4016.54905 13611.9746,3967.03 13611.9746,3913.44016 L13611.9746,3086.64524 C13611.9746,3033.0554 13640.5644,2983.53635 13686.9746,2956.74143 L14403,2543.34397 C14449.4102,2516.54905 14506.5898,2516.54905 14553,2543.34397 Z\\\" id=\\\"900\\/800\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(14478.000000, 3500.042702) scale(1, -1) rotate(90.000000) translate(-14478.000000, -3500.042702) \\\"><\\/path>\\n <path class=key d=\\\"M19054,3411.34397 L19770.0254,3824.74143 C19816.4356,3851.53635 19845.0254,3901.0554 19845.0254,3954.64524 L19845.0254,4781.44016 C19845.0254,4835.03 19816.4356,4884.54905 19770.0254,4911.34397 L19054,5324.74143 C19007.5898,5351.53635 18950.4102,5351.53635 18904,5324.74143 L18187.9746,4911.34397 C18141.5644,4884.54905 18112.9746,4835.03 18112.9746,4781.44016 L18112.9746,3954.64524 C18112.9746,3901.0554 18141.5644,3851.53635 18187.9746,3824.74143 L18904,3411.34397 C18950.4102,3384.54905 19007.5898,3384.54905 19054,3411.34397 Z\\\" id=\\\"7500\\/6400\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(18979.000000, 4368.042702) scale(1, -1) rotate(90.000000) translate(-18979.000000, -4368.042702) \\\"><\\/path>\\n <path class=key d=\\\"M4084,1673.34397 L4800.0254,2086.74143 C4846.43557,2113.53635 4875.0254,2163.0554 4875.0254,2216.64524 L4875.0254,3043.44016 C4875.0254,3097.03 4846.43557,3146.54905 4800.0254,3173.34397 L4084,3586.74143 C4037.58984,3613.53635 3980.41016,3613.53635 3934,3586.74143 L3217.9746,3173.34397 C3171.56443,3146.54905 3142.9746,3097.03 3142.9746,3043.44016 L3142.9746,2216.64524 C3142.9746,2163.0554 3171.56443,2113.53635 3217.9746,2086.74143 L3934,1673.34397 C3980.41016,1646.54905 4037.58984,1646.54905 4084,1673.34397 Z\\\" id=\\\"3200\\/2700\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(4009.000000, 2630.042702) scale(1, -1) rotate(90.000000) translate(-4009.000000, -2630.042702) \\\"><\\/path>\\n <path class=key d=\\\"M8579,6010.34397 L9295.0254,6423.74143 C9341.43557,6450.53635 9370.0254,6500.0554 9370.0254,6553.64524 L9370.0254,7380.44016 C9370.0254,7434.03 9341.43557,7483.54905 9295.0254,7510.34397 L8579,7923.74143 C8532.58984,7950.53635 8475.41016,7950.53635 8429,7923.74143 L7712.9746,7510.34397 C7666.56443,7483.54905 7637.9746,7434.03 7637.9746,7380.44016 L7637.9746,6553.64524 C7637.9746,6500.0554 7666.56443,6450.53635 7712.9746,6423.74143 L8429,6010.34397 C8475.41016,5983.54905 8532.58984,5983.54905 8579,6010.34397 Z\\\" id=\\\"600\\/500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(8504.000000, 6967.042702) scale(1, -1) rotate(90.000000) translate(-8504.000000, -6967.042702) \\\"><\\/path>\\n <path class=key d=\\\"M14553,4273.34397 L15269.0254,4686.74143 C15315.4356,4713.53635 15344.0254,4763.0554 15344.0254,4816.64524 L15344.0254,5643.44016 C15344.0254,5697.03 15315.4356,5746.54905 15269.0254,5773.34397 L14553,6186.74143 C14506.5898,6213.53635 14449.4102,6213.53635 14403,6186.74143 L13686.9746,5773.34397 C13640.5644,5746.54905 13611.9746,5697.03 13611.9746,5643.44016 L13611.9746,4816.64524 C13611.9746,4763.0554 13640.5644,4713.53635 13686.9746,4686.74143 L14403,4273.34397 C14449.4102,4246.54905 14506.5898,4246.54905 14553,4273.34397 Z\\\" id=\\\"500\\/400\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(14478.000000, 5230.042702) scale(1, -1) rotate(90.000000) translate(-14478.000000, -5230.042702) \\\"><\\/path>\\n <path class=key d=\\\"M2583,4271.34397 L3299.0254,4684.74143 C3345.43557,4711.53635 3374.0254,4761.0554 3374.0254,4814.64524 L3374.0254,5641.44016 C3374.0254,5695.03 3345.43557,5744.54905 3299.0254,5771.34397 L2583,6184.74143 C2536.58984,6211.53635 2479.41016,6211.53635 2433,6184.74143 L1716.9746,5771.34397 C1670.56443,5744.54905 1641.9746,5695.03 1641.9746,5641.44016 L1641.9746,4814.64524 C1641.9746,4761.0554 1670.56443,4711.53635 1716.9746,4684.74143 L2433,4271.34397 C2479.41016,4244.54905 2536.58984,4244.54905 2583,4271.34397 Z\\\" id=\\\"3200\\/2500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(2508.000000, 5228.042702) scale(1, -1) rotate(90.000000) translate(-2508.000000, -5228.042702) \\\"><\\/path>\\n <path class=key d=\\\"M7082,3406.34397 L7798.0254,3819.74143 C7844.43557,3846.53635 7873.0254,3896.0554 7873.0254,3949.64524 L7873.0254,4776.44016 C7873.0254,4830.03 7844.43557,4879.54905 7798.0254,4906.34397 L7082,5319.74143 C7035.58984,5346.53635 6978.41016,5346.53635 6932,5319.74143 L6215.9746,4906.34397 C6169.56443,4879.54905 6140.9746,4830.03 6140.9746,4776.44016 L6140.9746,3949.64524 C6140.9746,3896.0554 6169.56443,3846.53635 6215.9746,3819.74143 L6932,3406.34397 C6978.41016,3379.54905 7035.58984,3379.54905 7082,3406.34397 Z\\\" id=\\\"400\\/300\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(7007.000000, 4363.042702) scale(1, -1) rotate(90.000000) translate(-7007.000000, -4363.042702) \\\"><\\/path>\\n <path class=key d=\\\"M13056,6869.34397 L13772.0254,7282.74143 C13818.4356,7309.53635 13847.0254,7359.0554 13847.0254,7412.64524 L13847.0254,8239.44016 C13847.0254,8293.03 13818.4356,8342.54905 13772.0254,8369.34397 L13056,8782.74143 C13009.5898,8809.53635 12952.4102,8809.53635 12906,8782.74143 L12189.9746,8369.34397 C12143.5644,8342.54905 12114.9746,8293.03 12114.9746,8239.44016 L12114.9746,7412.64524 C12114.9746,7359.0554 12143.5644,7309.53635 12189.9746,7282.74143 L12906,6869.34397 C12952.4102,6842.54905 13009.5898,6842.54905 13056,6869.34397 Z\\\" id=\\\"2500\\/1800\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(12981.000000, 7826.042702) scale(1, -1) rotate(90.000000) translate(-12981.000000, -7826.042702) \\\"><\\/path>\\n <path class=key d=\\\"M17550,2543.34397 L18266.0254,2956.74143 C18312.4356,2983.53635 18341.0254,3033.0554 18341.0254,3086.64524 L18341.0254,3913.44016 C18341.0254,3967.03 18312.4356,4016.54905 18266.0254,4043.34397 L17550,4456.74143 C17503.5898,4483.53635 17446.4102,4483.53635 17400,4456.74143 L16683.9746,4043.34397 C16637.5644,4016.54905 16608.9746,3967.03 16608.9746,3913.44016 L16608.9746,3086.64524 C16608.9746,3033.0554 16637.5644,2983.53635 16683.9746,2956.74143 L17400,2543.34397 C17446.4102,2516.54905 17503.5898,2516.54905 17550,2543.34397 Z\\\" id=\\\"4500\\/3200\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(17475.000000, 3500.042702) scale(1, -1) rotate(90.000000) translate(-17475.000000, -3500.042702) \\\"><\\/path>\\n <path class=key d=\\\"M2587,809.343972 L3303.0254,1222.74143 C3349.43557,1249.53635 3378.0254,1299.0554 3378.0254,1352.64524 L3378.0254,2179.44016 C3378.0254,2233.03 3349.43557,2282.54905 3303.0254,2309.34397 L2587,2722.74143 C2540.58984,2749.53635 2483.41016,2749.53635 2437,2722.74143 L1720.9746,2309.34397 C1674.56443,2282.54905 1645.9746,2233.03 1645.9746,2179.44016 L1645.9746,1352.64524 C1645.9746,1299.0554 1674.56443,1249.53635 1720.9746,1222.74143 L2437,809.343972 C2483.41016,782.549053 2540.58984,782.549053 2587,809.343972 Z\\\" id=\\\"6400\\/4500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(2512.000000, 1766.042702) scale(1, -1) rotate(90.000000) translate(-2512.000000, -1766.042702) \\\"><\\/path>\\n <path class=key d=\\\"M7084,6869.34397 L7800.0254,7282.74143 C7846.43557,7309.53635 7875.0254,7359.0554 7875.0254,7412.64524 L7875.0254,8239.44016 C7875.0254,8293.03 7846.43557,8342.54905 7800.0254,8369.34397 L7084,8782.74143 C7037.58984,8809.53635 6980.41016,8809.53635 6934,8782.74143 L6217.9746,8369.34397 C6171.56443,8342.54905 6142.9746,8293.03 6142.9746,8239.44016 L6142.9746,7412.64524 C6142.9746,7359.0554 6171.56443,7309.53635 6217.9746,7282.74143 L6934,6869.34397 C6980.41016,6842.54905 7037.58984,6842.54905 7084,6869.34397 Z\\\" id=\\\"3600\\/2500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(7009.000000, 7826.042702) scale(1, -1) rotate(90.000000) translate(-7009.000000, -7826.042702) \\\"><\\/path>\\n <path class=key d=\\\"M13056,3411.34397 L13772.0254,3824.74143 C13818.4356,3851.53635 13847.0254,3901.0554 13847.0254,3954.64524 L13847.0254,4781.44016 C13847.0254,4835.03 13818.4356,4884.54905 13772.0254,4911.34397 L13056,5324.74143 C13009.5898,5351.53635 12952.4102,5351.53635 12906,5324.74143 L12189.9746,4911.34397 C12143.5644,4884.54905 12114.9746,4835.03 12114.9746,4781.44016 L12114.9746,3954.64524 C12114.9746,3901.0554 12143.5644,3851.53635 12189.9746,3824.74143 L12906,3411.34397 C12952.4102,3384.54905 13009.5898,3384.54905 13056,3411.34397 Z\\\" id=\\\"300\\/200\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(12981.000000, 4368.042702) scale(1, -1) rotate(90.000000) translate(-12981.000000, -4368.042702) \\\"><\\/path>\\n <path class=key d=\\\"M16049,-52.6560279 L16765.0254,360.741432 C16811.4356,387.536351 16840.0254,437.055404 16840.0254,490.645242 L16840.0254,1317.44016 C16840.0254,1371.03 16811.4356,1420.54905 16765.0254,1447.34397 L16049,1860.74143 C16002.5898,1887.53635 15945.4102,1887.53635 15899,1860.74143 L15182.9746,1447.34397 C15136.5644,1420.54905 15107.9746,1371.03 15107.9746,1317.44016 L15107.9746,490.645242 C15107.9746,437.055404 15136.5644,387.536351 15182.9746,360.741432 L15899,-52.6560279 C15945.4102,-79.4509472 16002.5898,-79.4509472 16049,-52.6560279 Z\\\" id=\\\"2500\\/1600\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(15974.000000, 904.042702) scale(1, -1) rotate(90.000000) translate(-15974.000000, -904.042702) \\\"><\\/path>\\n <path class=key d=\\\"M5581,4269.34397 L6297.0254,4682.74143 C6343.43557,4709.53635 6372.0254,4759.0554 6372.0254,4812.64524 L6372.0254,5639.44016 C6372.0254,5693.03 6343.43557,5742.54905 6297.0254,5769.34397 L5581,6182.74143 C5534.58984,6209.53635 5477.41016,6209.53635 5431,6182.74143 L4714.9746,5769.34397 C4668.56443,5742.54905 4639.9746,5693.03 4639.9746,5639.44016 L4639.9746,4812.64524 C4639.9746,4759.0554 4668.56443,4709.53635 4714.9746,4682.74143 L5431,4269.34397 C5477.41016,4242.54905 5534.58984,4242.54905 5581,4269.34397 Z\\\" id=\\\"800\\/500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(5506.000000, 5226.042702) scale(1, -1) rotate(90.000000) translate(-5506.000000, -5226.042702) \\\"><\\/path>\\n <path class=key d=\\\"M11565,2543.34397 L12281.0254,2956.74143 C12327.4356,2983.53635 12356.0254,3033.0554 12356.0254,3086.64524 L12356.0254,3913.44016 C12356.0254,3967.03 12327.4356,4016.54905 12281.0254,4043.34397 L11565,4456.74143 C11518.5898,4483.53635 11461.4102,4483.53635 11415,4456.74143 L10698.9746,4043.34397 C10652.5644,4016.54905 10623.9746,3967.03 10623.9746,3913.44016 L10623.9746,3086.64524 C10623.9746,3033.0554 10652.5644,2983.53635 10698.9746,2956.74143 L11415,2543.34397 C11461.4102,2516.54905 11518.5898,2516.54905 11565,2543.34397 Z\\\" id=\\\"500\\/300\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(11490.000000, 3500.042702) scale(1, -1) rotate(90.000000) translate(-11490.000000, -3500.042702) \\\"><\\/path>\\n <path class=key d=\\\"M16049,1678.34397 L16765.0254,2091.74143 C16811.4356,2118.53635 16840.0254,2168.0554 16840.0254,2221.64524 L16840.0254,3048.44016 C16840.0254,3102.03 16811.4356,3151.54905 16765.0254,3178.34397 L16049,3591.74143 C16002.5898,3618.53635 15945.4102,3618.53635 15899,3591.74143 L15182.9746,3178.34397 C15136.5644,3151.54905 15107.9746,3102.03 15107.9746,3048.44016 L15107.9746,2221.64524 C15107.9746,2168.0554 15136.5644,2118.53635 15182.9746,2091.74143 L15899,1678.34397 C15945.4102,1651.54905 16002.5898,1651.54905 16049,1678.34397 Z\\\" id=\\\"2700\\/1600\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(15974.000000, 2635.042702) scale(1, -1) rotate(90.000000) translate(-15974.000000, -2635.042702) \\\"><\\/path>\\n <path class=key d=\\\"M1085,1678.34397 L1801.0254,2091.74143 C1847.43557,2118.53635 1876.0254,2168.0554 1876.0254,2221.64524 L1876.0254,3048.44016 C1876.0254,3102.03 1847.43557,3151.54905 1801.0254,3178.34397 L1085,3591.74143 C1038.58984,3618.53635 981.410162,3618.53635 935,3591.74143 L218.974596,3178.34397 C172.564435,3151.54905 143.974596,3102.03 143.974596,3048.44016 L143.974596,2221.64524 C143.974596,2168.0554 172.564435,2118.53635 218.974596,2091.74143 L935,1678.34397 C981.410162,1651.54905 1038.58984,1651.54905 1085,1678.34397 Z\\\" id=\\\"12800\\/7500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(1010.000000, 2635.042702) scale(1, -1) rotate(90.000000) translate(-1010.000000, -2635.042702) \\\"><\\/path>\\n <path class=key d=\\\"M7082,-57.6560279 L7798.0254,355.741432 C7844.43557,382.536351 7873.0254,432.055404 7873.0254,485.645242 L7873.0254,1312.44016 C7873.0254,1366.03 7844.43557,1415.54905 7798.0254,1442.34397 L7082,1855.74143 C7035.58984,1882.53635 6978.41016,1882.53635 6932,1855.74143 L6215.9746,1442.34397 C6169.56443,1415.54905 6140.9746,1366.03 6140.9746,1312.44016 L6140.9746,485.645242 C6140.9746,432.055404 6169.56443,382.536351 6215.9746,355.741432 L6932,-57.6560279 C6978.41016,-84.4509472 7035.58984,-84.4509472 7082,-57.6560279 Z\\\" id=\\\"1600\\/900\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(7007.000000, 899.042702) scale(1, -1) rotate(90.000000) translate(-7007.000000, -899.042702) \\\"><\\/path>\\n <path class=key d=\\\"M11565,4273.34397 L12281.0254,4686.74143 C12327.4356,4713.53635 12356.0254,4763.0554 12356.0254,4816.64524 L12356.0254,5643.44016 C12356.0254,5697.03 12327.4356,5746.54905 12281.0254,5773.34397 L11565,6186.74143 C11518.5898,6213.53635 11461.4102,6213.53635 11415,6186.74143 L10698.9746,5773.34397 C10652.5644,5746.54905 10623.9746,5697.03 10623.9746,5643.44016 L10623.9746,4816.64524 C10623.9746,4763.0554 10652.5644,4713.53635 10698.9746,4686.74143 L11415,4273.34397 C11461.4102,4246.54905 11518.5898,4246.54905 11565,4273.34397 Z\\\" id=\\\"900\\/500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(11490.000000, 5230.042702) scale(1, -1) rotate(90.000000) translate(-11490.000000, -5230.042702) \\\"><\\/path>\\n <path class=key d=\\\"M14553,809.343972 L15269.0254,1222.74143 C15315.4356,1249.53635 15344.0254,1299.0554 15344.0254,1352.64524 L15344.0254,2179.44016 C15344.0254,2233.03 15315.4356,2282.54905 15269.0254,2309.34397 L14553,2722.74143 C14506.5898,2749.53635 14449.4102,2749.53635 14403,2722.74143 L13686.9746,2309.34397 C13640.5644,2282.54905 13611.9746,2233.03 13611.9746,2179.44016 L13611.9746,1352.64524 C13611.9746,1299.0554 13640.5644,1249.53635 13686.9746,1222.74143 L14403,809.343972 C14449.4102,782.549053 14506.5898,782.549053 14553,809.343972 Z\\\" id=\\\"1500\\/800\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(14478.000000, 1766.042702) scale(1, -1) rotate(90.000000) translate(-14478.000000, -1766.042702) \\\"><\\/path>\\n <path class=key d=\\\"M4084,5141.34397 L4800.0254,5554.74143 C4846.43557,5581.53635 4875.0254,5631.0554 4875.0254,5684.64524 L4875.0254,6511.44016 C4875.0254,6565.03 4846.43557,6614.54905 4800.0254,6641.34397 L4084,7054.74143 C4037.58984,7081.53635 3980.41016,7081.53635 3934,7054.74143 L3217.9746,6641.34397 C3171.56443,6614.54905 3142.9746,6565.03 3142.9746,6511.44016 L3142.9746,5684.64524 C3142.9746,5631.0554 3171.56443,5581.53635 3217.9746,5554.74143 L3934,5141.34397 C3980.41016,5114.54905 4037.58984,5114.54905 4084,5141.34397 Z\\\" id=\\\"4800\\/2500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(4009.000000, 6098.042702) scale(1, -1) rotate(90.000000) translate(-4009.000000, -6098.042702) \\\"><\\/path>\\n <path class=key d=\\\"M10072,1678.34397 L10788.0254,2091.74143 C10834.4356,2118.53635 10863.0254,2168.0554 10863.0254,2221.64524 L10863.0254,3048.44016 C10863.0254,3102.03 10834.4356,3151.54905 10788.0254,3178.34397 L10072,3591.74143 C10025.5898,3618.53635 9968.41016,3618.53635 9922,3591.74143 L9205.9746,3178.34397 C9159.56443,3151.54905 9130.9746,3102.03 9130.9746,3048.44016 L9130.9746,2221.64524 C9130.9746,2168.0554 9159.56443,2118.53635 9205.9746,2091.74143 L9922,1678.34397 C9968.41016,1651.54905 10025.5898,1651.54905 10072,1678.34397 Z\\\" id=\\\"200\\/100\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F9C74F\\\" transform=\\\"translate(9997.000000, 2635.042702) scale(1, -1) rotate(90.000000) translate(-9997.000000, -2635.042702) \\\"><\\/path>\\n <path class=key d=\\\"M5587,807.343972 L6303.0254,1220.74143 C6349.43557,1247.53635 6378.0254,1297.0554 6378.0254,1350.64524 L6378.0254,2177.44016 C6378.0254,2231.03 6349.43557,2280.54905 6303.0254,2307.34397 L5587,2720.74143 C5540.58984,2747.53635 5483.41016,2747.53635 5437,2720.74143 L4720.9746,2307.34397 C4674.56443,2280.54905 4645.9746,2231.03 4645.9746,2177.44016 L4645.9746,1350.64524 C4645.9746,1297.0554 4674.56443,1247.53635 4720.9746,1220.74143 L5437,807.343972 C5483.41016,780.549053 5540.58984,780.549053 5587,807.343972 Z\\\" id=\\\"3200\\/1500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(5512.000000, 1764.042702) scale(1, -1) rotate(90.000000) translate(-5512.000000, -1764.042702) \\\"><\\/path>\\n <path class=key d=\\\"M13056,-52.6560279 L13772.0254,360.741432 C13818.4356,387.536351 13847.0254,437.055404 13847.0254,490.645242 L13847.0254,1317.44016 C13847.0254,1371.03 13818.4356,1420.54905 13772.0254,1447.34397 L13056,1860.74143 C13009.5898,1887.53635 12952.4102,1887.53635 12906,1860.74143 L12189.9746,1447.34397 C12143.5644,1420.54905 12114.9746,1371.03 12114.9746,1317.44016 L12114.9746,490.645242 C12114.9746,437.055404 12143.5644,387.536351 12189.9746,360.741432 L12906,-52.6560279 C12952.4102,-79.4509472 13009.5898,-79.4509472 13056,-52.6560279 Z\\\" id=\\\"900\\/400\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(12981.000000, 904.042702) scale(1, -1) rotate(90.000000) translate(-12981.000000, -904.042702) \\\"><\\/path>\\n <path class=key d=\\\"M19054,1678.34397 L19770.0254,2091.74143 C19816.4356,2118.53635 19845.0254,2168.0554 19845.0254,2221.64524 L19845.0254,3048.44016 C19845.0254,3102.03 19816.4356,3151.54905 19770.0254,3178.34397 L19054,3591.74143 C19007.5898,3618.53635 18950.4102,3618.53635 18904,3591.74143 L18187.9746,3178.34397 C18141.5644,3151.54905 18112.9746,3102.03 18112.9746,3048.44016 L18112.9746,2221.64524 C18112.9746,2168.0554 18141.5644,2118.53635 18187.9746,2091.74143 L18904,1678.34397 C18950.4102,1651.54905 19007.5898,1651.54905 19054,1678.34397 Z\\\" id=\\\"7500\\/3200\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(18979.000000, 2635.042702) scale(1, -1) rotate(90.000000) translate(-18979.000000, -2635.042702) \\\"><\\/path>\\n <path class=key d=\\\"M8579,2543.34397 L9295.0254,2956.74143 C9341.43557,2983.53635 9370.0254,3033.0554 9370.0254,3086.64524 L9370.0254,3913.44016 C9370.0254,3967.03 9341.43557,4016.54905 9295.0254,4043.34397 L8579,4456.74143 C8532.58984,4483.53635 8475.41016,4483.53635 8429,4456.74143 L7712.9746,4043.34397 C7666.56443,4016.54905 7637.9746,3967.03 7637.9746,3913.44016 L7637.9746,3086.64524 C7637.9746,3033.0554 7666.56443,2983.53635 7712.9746,2956.74143 L8429,2543.34397 C8475.41016,2516.54905 8532.58984,2516.54905 8579,2543.34397 Z\\\" id=\\\"1200\\/500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(8504.000000, 3500.042702) scale(1, -1) rotate(90.000000) translate(-8504.000000, -3500.042702) \\\"><\\/path>\\n <path class=key d=\\\"M13056,1678.34397 L13772.0254,2091.74143 C13818.4356,2118.53635 13847.0254,2168.0554 13847.0254,2221.64524 L13847.0254,3048.44016 C13847.0254,3102.03 13818.4356,3151.54905 13772.0254,3178.34397 L13056,3591.74143 C13009.5898,3618.53635 12952.4102,3618.53635 12906,3591.74143 L12189.9746,3178.34397 C12143.5644,3151.54905 12114.9746,3102.03 12114.9746,3048.44016 L12114.9746,2221.64524 C12114.9746,2168.0554 12143.5644,2118.53635 12189.9746,2091.74143 L12906,1678.34397 C12952.4102,1651.54905 13009.5898,1651.54905 13056,1678.34397 Z\\\" id=\\\"500\\/200\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(12981.000000, 2635.042702) scale(1, -1) rotate(90.000000) translate(-12981.000000, -2635.042702) \\\"><\\/path>\\n <path class=key d=\\\"M4084,-55.6560279 L4800.0254,357.741432 C4846.43557,384.536351 4875.0254,434.055404 4875.0254,487.645242 L4875.0254,1314.44016 C4875.0254,1368.03 4846.43557,1417.54905 4800.0254,1444.34397 L4084,1857.74143 C4037.58984,1884.53635 3980.41016,1884.53635 3934,1857.74143 L3217.9746,1444.34397 C3171.56443,1417.54905 3142.9746,1368.03 3142.9746,1314.44016 L3142.9746,487.645242 C3142.9746,434.055404 3171.56443,384.536351 3217.9746,357.741432 L3934,-55.6560279 C3980.41016,-82.4509472 4037.58984,-82.4509472 4084,-55.6560279 Z\\\" id=\\\"6400\\/2500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(4009.000000, 901.042702) scale(1, -1) rotate(90.000000) translate(-4009.000000, -901.042702) \\\"><\\/path>\\n <path class=key d=\\\"M8579,809.343972 L9295.0254,1222.74143 C9341.43557,1249.53635 9370.0254,1299.0554 9370.0254,1352.64524 L9370.0254,2179.44016 C9370.0254,2233.03 9341.43557,2282.54905 9295.0254,2309.34397 L8579,2722.74143 C8532.58984,2749.53635 8475.41016,2749.53635 8429,2722.74143 L7712.9746,2309.34397 C7666.56443,2282.54905 7637.9746,2233.03 7637.9746,2179.44016 L7637.9746,1352.64524 C7637.9746,1299.0554 7666.56443,1249.53635 7712.9746,1222.74143 L8429,809.343972 C8475.41016,782.549053 8532.58984,782.549053 8579,809.343972 Z\\\" id=\\\"800\\/300\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(8504.000000, 1766.042702) scale(1, -1) rotate(90.000000) translate(-8504.000000, -1766.042702) \\\"><\\/path>\\n <path class=key d=\\\"M17550,809.343972 L18266.0254,1222.74143 C18312.4356,1249.53635 18341.0254,1299.0554 18341.0254,1352.64524 L18341.0254,2179.44016 C18341.0254,2233.03 18312.4356,2282.54905 18266.0254,2309.34397 L17550,2722.74143 C17503.5898,2749.53635 17446.4102,2749.53635 17400,2722.74143 L16683.9746,2309.34397 C16637.5644,2282.54905 16608.9746,2233.03 16608.9746,2179.44016 L16608.9746,1352.64524 C16608.9746,1299.0554 16637.5644,1249.53635 16683.9746,1222.74143 L17400,809.343972 C17446.4102,782.549053 17503.5898,782.549053 17550,809.343972 Z\\\" id=\\\"4500\\/1600\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F3722C\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(17475.000000, 1766.042702) scale(1, -1) rotate(90.000000) translate(-17475.000000, -1766.042702) \\\"><\\/path>\\n <path class=key d=\\\"M11565,809.343972 L12281.0254,1222.74143 C12327.4356,1249.53635 12356.0254,1299.0554 12356.0254,1352.64524 L12356.0254,2179.44016 C12356.0254,2233.03 12327.4356,2282.54905 12281.0254,2309.34397 L11565,2722.74143 C11518.5898,2749.53635 11461.4102,2749.53635 11415,2722.74143 L10698.9746,2309.34397 C10652.5644,2282.54905 10623.9746,2233.03 10623.9746,2179.44016 L10623.9746,1352.64524 C10623.9746,1299.0554 10652.5644,1249.53635 10698.9746,1222.74143 L11415,809.343972 C11461.4102,782.549053 11518.5898,782.549053 11565,809.343972 Z\\\" id=\\\"300\\/100\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F8961E\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(11490.000000, 1766.042702) scale(1, -1) rotate(90.000000) translate(-11490.000000, -1766.042702) \\\"><\\/path>\\n <path class=key d=\\\"M7082,1673.34397 L7798.0254,2086.74143 C7844.43557,2113.53635 7873.0254,2163.0554 7873.0254,2216.64524 L7873.0254,3043.44016 C7873.0254,3097.03 7844.43557,3146.54905 7798.0254,3173.34397 L7082,3586.74143 C7035.58984,3613.53635 6978.41016,3613.53635 6932,3586.74143 L6215.9746,3173.34397 C6169.56443,3146.54905 6140.9746,3097.03 6140.9746,3043.44016 L6140.9746,2216.64524 C6140.9746,2163.0554 6169.56443,2113.53635 6215.9746,2086.74143 L6932,1673.34397 C6978.41016,1646.54905 7035.58984,1646.54905 7082,1673.34397 Z\\\" id=\\\"1600\\/500\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F94144\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(7007.000000, 2630.042702) scale(1, -1) rotate(90.000000) translate(-7007.000000, -2630.042702) \\\"><\\/path>\\n <path class=key d=\\\"M10072,-52.6560279 L10788.0254,360.741432 C10834.4356,387.536351 10863.0254,437.055404 10863.0254,490.645242 L10863.0254,1317.44016 C10863.0254,1371.03 10834.4356,1420.54905 10788.0254,1447.34397 L10072,1860.74143 C10025.5898,1887.53635 9968.41016,1887.53635 9922,1860.74143 L9205.9746,1447.34397 C9159.56443,1420.54905 9130.9746,1371.03 9130.9746,1317.44016 L9130.9746,490.645242 C9130.9746,437.055404 9159.56443,387.536351 9205.9746,360.741432 L9922,-52.6560279 C9968.41016,-79.4509472 10025.5898,-79.4509472 10072,-52.6560279 Z\\\" id=\\\"400\\/100\\\" stroke=\\\"#000000\\\" stroke-width=\\\"65\\\" fill=\\\"#F9C74F\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(9997.000000, 904.042702) scale(1, -1) rotate(90.000000) translate(-9997.000000, -904.042702) \\\"><\\/path>\\n \\n<\\/svg>\\n\\n \\n <\\/main>\\n\\n \",\"css\":\"body {\\n color: #ebe7e1;\\n font-family: Helvetica;\\n font-size: 100%;\\n user-select: none;\\n}\\n\\nmain{\\n background-color: #000000;\\n}\\n\\n.selector{\\n padding-left: 25px;\\n}\\n\\n.SelectorButtons {\\n padding-left: 25px;\\n}\\n\\n.bendcontainer {\\n z-index: 5;\\n display: block;\\n position: absolute;\\n width: 20%;\\n bottom: 20px;\\n left: 20px;\\n color: #577590;\\n background-color: transparent;\\n}\\n\\n.modcontainer {\\n z-index: 5;\\n display: block;\\n position: absolute;\\n width: 20%;\\n bottom: 20px;\\n right: 20px;\\n color: #577590;\\n background-color: transparent;\\n}\\n\\n.ModText{\\n text-align: center\\n}\\n\\n.BendText{\\n text-align: center\\n}\\n.slider {\\n -webkit-appearance: none; \\/* Override default CSS styles *\\/\\n appearance: none;\\n width: 100%; \\/* Full-width *\\/\\n height: 4px; \\/* Specified height *\\/\\n outline: none; \\n padding-left: 2px;\\n padding-right: 2px;\\n margin-bottom: 15px;\\n background: #577590\\n}\\n\\n.slider::-webkit-slider-thumb {\\n -webkit-appearance: none; \\/* Override default look *\\/\\n appearance: none;\\n width: 4px; \\/* Set a specific slider handle width *\\/\\n height: 4px; \\/* Slider handle height *\\/\\n background: #000000; \\/* Green background *\\/\\n cursor: pointer; \\/* Cursor on hover *\\/\\n}\\n\\n.slider::-moz-range-thumb {\\n width: 5px; \\/* Set a specific slider handle width *\\/\\n height: 15px; \\/* Slider handle height *\\/\\n background: #000000; \\/* Green background *\\/\\n cursor: pointer; \\/* Cursor on hover *\\/\\n}\\n\\n#MidiSettings{\\n padding-left: 25px;\\n padding-top: 25px;\\n background-color: #ebe7e1;\\n}\\n\\n#credits{\\n background-color: #ebe7e1;\\n padding-left: 25px;\\n padding-right: 25px;\\n padding-bottom: 25px;\\n}\\n\\nsvg{\\n display:block;\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n touch-action: none;\\n background-color: #000000;\\n}\\n\\n#ShowOptions{\\n display: none;\\n position: absolute;\\n right: 45%;\\n width: 10%;\\n z-index: 3;\\n top: 15px;\\n height: 30px;\\n border-radius: 5px;\\n border-width: 2px;\\n border-color: #577590;\\n background-color: #000000;\\n color: #577590;\\n user-select: none;\\n}\\n\\n#HideOptions{\\n display: none;\\n position: absolute;\\n width: 10%;\\n left: 45%;\\n z-index: 3;\\n top: 15px;\\n height: 30px;\\n border-radius: 5px;\\n border-width: 2px;\\n border-color: #f9c74f;\\n color: #f9c74f;\\n background-color: #000000;\\n user-select: none;\\n}\\n\\n.FSLeft{\\n display: block;\\n position: absolute;\\n left: 15px;\\n top: 15px;\\n z-index: 3;\\n background-color: #000000;\\n width: 20vh;\\n height: 30px;\\n border-radius: 5px;\\n border-width: 2px;\\n border-color: #577590;\\n color: #577590;\\n user-select: none;\\n padding: 0px\\n}\\n\\n.FSCenter {\\n display: none;\\n position: absolute;\\n left: 45%;\\n width: 10%;\\n z-index: 3;\\n top: 15px;\\n height: 30px;\\n border-radius: 5px;\\n border-width: 2px;\\n border-color: #577590;\\n background-color: #000000;\\n color: #577590;\\n user-select: none;\\n}\\n\\n#ShowSettings{\\n display: block;\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n z-index: 3;\\n background-color: #000000;\\n width: 20vh;\\n height: 30px;\\n border-radius: 5px;\\n border-width: 2px;\\n border-color: #577590;\\n color: #577590;\\n user-select: none;\\n padding: 0px;\\n user-select: none;\\n}\\n\\n#HideSettings{\\n position: absolute;\\n right: 15px;\\n top: 15px;\\n z-index:4;\\n background-color: #000000;\\n color: #ebe7e1;\\n width: 20vh;\\n height: 30px;\\n border-radius: 5px;\\n border-width: 2px;\\n user-select: none;\\n padding: 0px\\n}\\n\\n.Settings{\\n display: none;\\n z-index: 4;\\n position: absolute;\\n left: 0px;\\n top: 0px;\\n width: 100%;\\n color: #000000;\\n background-color: #ebe7e1;\\n}\\n\\n.selector{\\n z-index:5;\\n background-color: #ebe7e1;\\n}\\n\\n.SelectorButtons{\\n background-color: #ebe7e1;\\n}\\n\\n#link{\\n background-color: #ebe7e1;\\n}\\n\\n#HoldButton{\\n z-index: 7;\\n display: block;\\n position: absolute;\\n width: 20%;\\n bottom: 20px;\\n left: 39%;\\n border-radius: 5px;\\n border-width: 2px;\\n background-color: #000000;\\n width: 10%;\\n height: 30px;\\n user-select: none;\\n}\\n\\n#ReleaseButton{\\n z-index: 7;\\n display: block;\\n position: absolute;\\n width: 20%;\\n bottom: 20px;\\n right: 39%;\\n border-radius: 5px;\\n border-width: 2px;\\n width: 10%;\\n height: 30px;\\n background-color: #000000;\\n user-select: none;\\n}\\n\\n.ActiveButton {\\n border-color: #f9c74f;\\n color: #f9c74f\\n}\\n\\n.OtherButton {\\n border-color: #577590;\\n color: #577590\\n}\",\"js\":\"console.clear();\\n\\n\\/\\/ Enable WebMidi.js and trigger the onEnabled() function when ready\\n WebMidi\\n .enable()\\n .then(onEnabled)\\n .catch(err => alert(err));\\n\\n \\/\\/ Function triggered when WebMidi.js is ready\\n function onEnabled() {\\n\\n \\/\\/ Set Midi output and channel \\n WebMidi.outputs.forEach((device, index) => {\\n document.getElementById(\\\"AvailableOutputs\\\").innerHTML += `Output ${index+1}: ${device.name} <br>`;\\n });\\n \\nlet ActiveOutput\\nlet ActiveChannel \\nlet MidiOut \\nlet HoldOn=false\\n\\ndocument.getElementById(\\\"HoldButton\\\").addEventListener('touchstart', function() {\\n HoldOn=true;\\n document.getElementById(\\\"HoldButton\\\").className=\\\"ActiveButton\\\"\\n })\\n\\n document.getElementById(\\\"HoldButton\\\").addEventListener('touchend', function() {\\n HoldOn=false;\\n document.getElementById(\\\"HoldButton\\\").className=\\\"OtherButton\\\"\\n })\\n\\n \\n if (WebMidi.outputs.length>0){\\n ActiveOutput = WebMidi.outputs[0].name;\\n ActiveChannel = 1; \\n MidiOut = WebMidi.getOutputByName(ActiveOutput).channels[ActiveChannel]\\n document.getElementById(\\\"ActiveOutput\\\").innerHTML=ActiveOutput;\\n document.getElementById(\\\"ActiveChannel\\\").innerHTML=\\\"Channel \\\"+ActiveChannel;\\n \\n }\\n else{\\n document.getElementById(\\\"AvailableOutputs\\\").innerHTML=\\\"No outputs found\\\"\\n document.getElementById(\\\"ActiveOutput\\\").innerHTML=\\\"No output selected\\\";\\n document.getElementById(\\\"ActiveChannel\\\").innerHTML=\\\"No channel selected\\\";\\n }\\n \\n document.getElementById(\\\"OutputSelector\\\").oninput = function (){\\n if(this.value>0 && this.value <= WebMidi.outputs.length){\\n ActiveOutput = WebMidi.outputs[this.value-1].name;\\n MidiOut = WebMidi.getOutputByName(ActiveOutput).channels[ActiveChannel]\\n document.getElementById(\\\"ActiveOutput\\\").innerHTML=ActiveOutput;\\n }}\\n \\n document.getElementById(\\\"ChannelSelector\\\").oninput = function (){\\n if(this.value>0 && this.value <= 16){\\n ActiveChannel = this.value;\\n MidiOut = WebMidi.getOutputByName(ActiveOutput).channels[ActiveChannel]\\n document.getElementById(\\\"ActiveChannel\\\").innerHTML=\\\"Channel \\\"+ActiveChannel;\\n }}\\n \\n\\n\\/\\/make array of key elements by id\\nvar KeyArray = [];\\nfor(var i=0, n=document.getElementsByClassName(\\\"key\\\"); i<n.length; i++) {\\n KeyArray.push(n[i].id);\\n};\\n \\/\\/console.log(KeyArray)\\n\\/\\/loop through key elements and set triggers with midi notes\\n \\n const isTouchDevice = () => { \\n return (('ontouchstart' in window) || \\n (navigator.maxTouchPoints > 0) || \\n (navigator.msMaxTouchPoints > 0)); \\n} \\n \\/\\/ For touchscreen devices, set separate note on and off to enable sustain on held notes \\n if(isTouchDevice()){ \\nfunction triggerNoteOn() {\\n const index = KeyArray.findIndex(object => {\\n return math.eval(object) === math.eval(this.id);\\n });\\n if(this.style.fillOpacity!=0.75){\\n MidiOut.playNote((index));\\n this.style.fillOpacity=0.75}\\n} \\nfor (const KeyValue of KeyArray) {\\n document.getElementById(KeyValue).addEventListener('touchstart', triggerNoteOn)\\n}\\n function triggerNoteOff() {\\n if(!HoldOn){\\n const index = KeyArray.findIndex(object => {\\n return math.eval(object) === math.eval(this.id);\\n });\\n MidiOut.sendNoteOff((index));\\n this.style.fillOpacity=1\\n}}\\n \\nfor (const KeyValue of KeyArray) {\\n document.getElementById(KeyValue).addEventListener('touchend', triggerNoteOff)\\n}\\n \\n}\\n \\n \\/\\/ For non-touch devices, set combined trigger for note on\\/off to allow mouseclick operation\\n else{\\nfunction triggerNoteOnOff() {\\n const index = KeyArray.findIndex(object => {\\n return math.eval(object) === math.eval(this.id);\\n });\\n MidiOut.playNote((index), {duration: 1000});\\n \\/\\/console.log(index);\\n \\/\\/console.log(this.id)\\n \\nthis.style.fillOpacity=0.85\\n const key = this.id;\\n \\n function resetOpacity(key){\\n document.getElementById(key).style.fillOpacity=1}\\n \\n setTimeout(function(){resetOpacity(key)}, 200)\\n} \\nfor (const KeyValue of KeyArray) {\\n document.getElementById(KeyValue).addEventListener('click', triggerNoteOnOff)\\n}}\\n \\ndocument.getElementById(\\\"ReleaseButton\\\").addEventListener('touchstart', function(){\\n MidiOut.sendAllNotesOff();\\n document.getElementById(\\\"ReleaseButton\\\").className=\\\"ActiveButton\\\";\\n function resetClass(){\\n document.getElementById(\\\"ReleaseButton\\\").className=\\\"OtherButton\\\"} \\n setTimeout(function(){resetClass()}, 200)\\n var Keys = document.getElementsByClassName(\\\"key\\\");\\n for (var i = 0, max = Keys.length; i < max; i++) {Keys[i].style.fillOpacity = 1;}\\n})\\n \\n \\/\\/ MIDI Pitch bend\\nvar bend = 0\\nvar PitchSlider = document.getElementById(\\\"PitchSlider\\\");\\nvar BendOutput = document.getElementById(\\\"PitchValue\\\");\\nBendOutput.innerHTML = PitchSlider.value;\\n\\nPitchSlider.oninput = function() {\\n BendOutput.innerHTML = this.value;\\n \\/\\/console.log(this.value)\\n MidiOut.sendPitchBend(this.value);\\n} \\n \\n \\/\\/ MIDI Mod Wheel\\nvar mod = 0\\nvar ModSlider = document.getElementById(\\\"ModSlider\\\");\\nvar ModOutput = document.getElementById(\\\"ModValue\\\");\\nModOutput.innerHTML = ModSlider.value;\\n\\nModSlider.oninput = function() {\\n ModOutput.innerHTML = this.value;\\n \\/\\/console.log(this.value)\\n MidiOut.sendControlChange(1, this.value);\\n \\n} \\n} \\n\\n\\/\\/show Options\\ndocument.getElementById(\\\"ShowOptions\\\").addEventListener('click', function() {\\n document.getElementById(\\\"ShowOptions\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"HideOptions\\\").style.display=\\\"block\\\"\\n document.getElementById(\\\"FullScreenButton\\\").className=\\\"FSLeft\\\"\\n document.getElementById(\\\"FullScreenButton\\\").innerHTML=\\\"Exit Full Screen\\\"\\n document.getElementById(\\\"ShowSettings\\\").style.display=\\\"block\\\"\\n document.getElementById(\\\"BendContainer\\\").style.display=\\\"block\\\"\\n document.getElementById(\\\"ModContainer\\\").style.display=\\\"block\\\"\\n \\n})\\n\\n\\n \\/\\/hide Options\\ndocument.getElementById(\\\"HideOptions\\\").addEventListener('click', function() {\\n document.getElementById(\\\"ShowOptions\\\").style.display=\\\"block\\\"\\n document.getElementById(\\\"HideOptions\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"FullScreenButton\\\").className=\\\"FSCenter\\\"\\n document.getElementById(\\\"FullScreenButton\\\").innerHTML=\\\"Exit\\\"\\n document.getElementById(\\\"ShowSettings\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"BendContainer\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"ModContainer\\\").style.display=\\\"none\\\"\\n \\n})\\n\\n\\n\\n\\n \\/\\/show MIDI settings\\ndocument.getElementById(\\\"ShowSettings\\\").addEventListener('click', function() {\\n document.getElementById(\\\"Settings\\\").style.display=\\\"block\\\"\\n document.getElementById(\\\"ShowSettings\\\").style.visibility=\\\"hidden\\\"\\n})\\n\\n \\/\\/hide MIDI settings\\ndocument.getElementById(\\\"HideSettings\\\").addEventListener('click', function() {\\n document.getElementById(\\\"Settings\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"ShowSettings\\\").style.visibility=\\\"visible\\\"\\n})\\n\\n\\n\\n\\n\\n\\n \\n\\/\\/ Toggle fullscreen\\nvar FSbutton = document.getElementById(\\\"FullScreenButton\\\");\\nvar elem = document.documentElement;\\nvar isFS = false;\\n\\nfunction toggleFullscreen() \\n{\\n if (!document.fullscreenElement) \\n{\\n if (elem.requestFullscreen) {\\n elem.requestFullscreen();\\n } else if (elem.webkitRequestFullscreen) { \\/* Safari *\\/\\n elem.webkitRequestFullscreen();\\n } else if (elem.msRequestFullscreen) { \\/* IE11 *\\/\\n elem.msRequestFullscreen();\\n }\\n FSbutton.innerHTML = \\\"Options\\\";\\n document.getElementById(\\\"ShowOptions\\\").style.display=\\\"block\\\"\\n document.getElementById(\\\"HideOptions\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"FullScreenButton\\\").className=\\\"FSCenter\\\"\\n document.getElementById(\\\"ShowSettings\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"BendContainer\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"ModContainer\\\").style.display=\\\"none\\\"\\n \\n \\/\\/ document.getElementById(\\\"ShowSettings\\\").innerHTML = \\\"Settings\\\"\\n}\\n else \\n{\\n if (document.exitFullscreen) {\\n document.exitFullscreen();\\n } else if (document.webkitExitFullscreen) { \\/* Safari *\\/\\n document.webkitExitFullscreen();\\n } else if (document.msExitFullscreen) { \\/* IE11 *\\/\\n document.msExitFullscreen();\\n }\\n \\n FSbutton.innerHTML = \\\"Full Screen\\\";\\n document.getElementById(\\\"ShowOptions\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"HideOptions\\\").style.display=\\\"none\\\"\\n document.getElementById(\\\"FullScreenButton\\\").className=\\\"FSLeft\\\"\\n document.getElementById(\\\"ShowSettings\\\").style.display=\\\"block\\\"\\n document.getElementById(\\\"BendContainer\\\").style.display=\\\"block\\\"\\n document.getElementById(\\\"ModContainer\\\").style.display=\\\"block\\\"\\n \\/\\/document.getElementById(\\\"ShowSettings\\\").innerHTML = \\\"MIDI Settings\\\"\\n}\\n}\\n\\nFSbutton.addEventListener('click',toggleFullscreen)\\n\\n\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2022-08-29T08:35:51.827Z\",\"updated_at\":\"2022-11-22T22:17:26.853Z\",\"title\":\"Arithmophone Junior MIDI\",\"description\":\"\",\"slug_hash\":\"gOeNEpd\",\"head\":\"<script src=\\\"https:\\/\\/ajax.googleapis.com\\/ajax\\/libs\\/jquery\\/3.5.0\\/jquery.min.js\\\"><\\/script>\\n \\n<script \\nsrc=\\\"https:\\/\\/cdn.jsdelivr.net\\/npm\\/webmidi@next\\/dist\\/iife\\/webmidi.iife.js\\\"><\\/script>\\n \\n<script src=\\\"https:\\/\\/cdnjs.cloudflare.com\\/ajax\\/libs\\/mathjs\\/2.6.0\\/math.min.js\\\"><\\/script>\\n\\n<link rel=\\\"stylesheet\\\" type=\\\"text\\/css\\\" href=\\\"style.css\\\">\\n\\n<meta charset=\\\"utf-8\\\" \\/>\\n\\n<meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1\\\">\",\"private\":false,\"slug_hash_private\":\"ec7f86c96343f01b9766e1e95e06e022\",\"has_animation\":false,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":60839963,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity\":1,\"views_count\":11,\"pick_visible_at\":null,\"cpid\":\"0182e8be-2593-7d27-b5cc-097bb89b6dd1\",\"is_new_editor_pen\":false,\"protected\":false,\"access\":\"Public\",\"pen_hash\":null,\"hashid\":\"gOeNEpd\"}"}