diff --git a/guide/50cent_block.svg b/guide/50cent_block.svg
new file mode 100644
index 000000000..17dc7934f
--- /dev/null
+++ b/guide/50cent_block.svg
@@ -0,0 +1,336 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="388.35938"
+   height="255"
+   version="1.1"
+   id="svg35"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs35" />
+  <g
+     id="g3">
+    <g
+       transform="scale(1.5)"
+       id="g2">
+      <path
+         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 100.60059 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 H 27.5 h -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 105 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
+         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path1" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text1"><tspan
+           x="5"
+           y="15"
+           id="tspan1">semi-tone transpose</tspan></text>
+      <text
+         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text2"><tspan
+           x="126"
+           y="12"
+           id="tspan2" /></text>
+    </g>
+  </g>
+  <g
+     transform="translate(14,32)"
+     id="g5">
+    <g
+       transform="scale(1.5)"
+       id="g4">
+      <path
+         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
+         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path3" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text3"><tspan
+           x="36"
+           y="14"
+           id="tspan3">↓</tspan></text>
+    </g>
+  </g>
+  <g
+     id="g12"
+     transform="translate(-622,-202)">
+    <g
+       transform="translate(636,266)"
+       id="g7">
+      <g
+         transform="scale(1.5)"
+         id="g6">
+        <path
+           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 40 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -40 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
+           style="fill:#ff8700;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+           id="path5" />
+        <text
+           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+           id="text5"><tspan
+             x="20"
+             y="15"
+             id="tspan5">note</tspan></text>
+        <text
+           style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
+           id="text6"><tspan
+             x="65"
+             y="12"
+             id="tspan6">value</tspan></text>
+      </g>
+    </g>
+    <g
+       transform="matrix(0.5,0,0,0.5,636,270)"
+       id="g11">
+      <g
+         style="isolation:isolate"
+         id="g10">
+        <g
+           id="レイヤー_2"
+           data-name="レイヤー 2">
+          <g
+             id="Icon">
+            <rect
+               width="42"
+               height="42"
+               rx="5"
+               ry="5"
+               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
+               id="rect7"
+               x="0"
+               y="0" />
+            <path
+               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
+               style="fill:#ffffff"
+               id="path7" />
+            <path
+               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
+               style="fill:#ffffff"
+               id="path8" />
+            <path
+               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
+               style="fill:#ffffff"
+               id="path9" />
+            <path
+               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
+               style="fill:#ffffff"
+               id="path10" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+  <g
+     transform="translate(116,64)"
+     id="g15">
+    <g
+       transform="scale(1.5)"
+       id="g14">
+      <path
+         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path12" />
+      <text
+         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text12"><tspan
+           x="54"
+           y="23"
+           id="tspan12">/</tspan></text>
+      <text
+         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text13"><tspan
+           x="54"
+           y="12"
+           id="tspan13" /></text>
+      <text
+         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text14"><tspan
+           x="54"
+           y="33"
+           id="tspan14" /></text>
+    </g>
+  </g>
+  <g
+     transform="translate(202,64)"
+     id="g17">
+    <g
+       transform="scale(1.5)"
+       id="g16">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path15" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text15"><tspan
+           x="13"
+           y="14"
+           id="tspan15">1</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(202,96)"
+     id="g19">
+    <g
+       transform="scale(1.5)"
+       id="g18">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path17" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text17"><tspan
+           x="13"
+           y="14"
+           id="tspan17">4</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(28,96)"
+     id="g21">
+    <g
+       transform="scale(1.5)"
+       id="g20">
+      <path
+         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
+         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path19" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text19"><tspan
+           x="36"
+           y="14"
+           id="tspan19">↓</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(28,128)"
+     id="g24">
+    <g
+       transform="scale(1.5)"
+       id="g23">
+      <path
+         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
+         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path21" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text21"><tspan
+           x="46"
+           y="24"
+           id="tspan21">pitch</tspan></text>
+      <text
+         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text22"><tspan
+           x="46"
+           y="12"
+           id="tspan22">name</tspan></text>
+      <text
+         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text23"><tspan
+           x="46"
+           y="33"
+           id="tspan23">octave</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(102,128)"
+     id="g26">
+    <g
+       transform="scale(1.5)"
+       id="g25">
+      <path
+         d="m 8.5,0.5 h 62.246094 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path24" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text24"><tspan
+           x="13"
+           y="14"
+           id="tspan24">sol</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(102,160)"
+     id="g28">
+    <g
+       transform="scale(1.5)"
+       id="g27">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path26" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text26"><tspan
+           x="13"
+           y="14"
+           id="tspan26">4</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(193)"
+     id="g31">
+    <g
+       transform="scale(1.5)"
+       id="g30">
+      <path
+         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path28" />
+      <text
+         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text28"><tspan
+           x="54"
+           y="23"
+           id="tspan28">/</tspan></text>
+      <text
+         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text29"><tspan
+           x="54"
+           y="12"
+           id="tspan29" /></text>
+      <text
+         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text30"><tspan
+           x="54"
+           y="33"
+           id="tspan30" /></text>
+    </g>
+  </g>
+  <g
+     transform="translate(279)"
+     id="g33">
+    <g
+       transform="scale(1.5)"
+       id="g32">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path31" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text31"><tspan
+           x="13"
+           y="14"
+           id="tspan31">50</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(279,32)"
+     id="g35">
+    <g
+       transform="scale(1.5)"
+       id="g34">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path33" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text33"><tspan
+           x="13"
+           y="14"
+           id="tspan33">100</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/guide/50cents_by_ratio.svg b/guide/50cents_by_ratio.svg
new file mode 100644
index 000000000..5d0a3d81a
--- /dev/null
+++ b/guide/50cents_by_ratio.svg
@@ -0,0 +1,384 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="457.35938"
+   height="255"
+   version="1.1"
+   id="svg97"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs97" />
+  <g
+     id="g8"
+     transform="translate(-265,-461)">
+    <g
+       transform="translate(279,525)"
+       id="g3">
+      <g
+         transform="scale(1.5)"
+         id="g2">
+        <path
+           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 40 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -40 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
+           style="fill:#ff8700;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+           id="path1" />
+        <text
+           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+           id="text1"><tspan
+             x="20"
+             y="15"
+             id="tspan1">note</tspan></text>
+        <text
+           style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
+           id="text2"><tspan
+             x="65"
+             y="12"
+             id="tspan2">value</tspan></text>
+      </g>
+    </g>
+    <g
+       transform="matrix(0.5,0,0,0.5,279,529)"
+       id="g7">
+      <g
+         style="isolation:isolate"
+         id="g6">
+        <g
+           id="レイヤー_2"
+           data-name="レイヤー 2">
+          <g
+             id="Icon">
+            <rect
+               width="42"
+               height="42"
+               rx="5"
+               ry="5"
+               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
+               id="rect3"
+               x="0"
+               y="0" />
+            <path
+               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
+               style="fill:#ffffff"
+               id="path3" />
+            <path
+               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
+               style="fill:#ffffff"
+               id="path4" />
+            <path
+               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
+               style="fill:#ffffff"
+               id="path5" />
+            <path
+               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
+               style="fill:#ffffff"
+               id="path6" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+  <g
+     transform="translate(116,64)"
+     id="g11">
+    <g
+       transform="scale(1.5)"
+       id="g10">
+      <path
+         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path8" />
+      <text
+         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text8"><tspan
+           x="54"
+           y="23"
+           id="tspan8">/</tspan></text>
+      <text
+         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text9"><tspan
+           x="54"
+           y="12"
+           id="tspan9" /></text>
+      <text
+         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text10"><tspan
+           x="54"
+           y="33"
+           id="tspan10" /></text>
+    </g>
+  </g>
+  <g
+     transform="translate(202,64)"
+     id="g13">
+    <g
+       transform="scale(1.5)"
+       id="g12">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path11" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text11"><tspan
+           x="13"
+           y="14"
+           id="tspan11">1</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(202,96)"
+     id="g15">
+    <g
+       transform="scale(1.5)"
+       id="g14">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path13" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text13"><tspan
+           x="13"
+           y="14"
+           id="tspan13">4</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(28,96)"
+     id="g17">
+    <g
+       transform="scale(1.5)"
+       id="g16">
+      <path
+         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
+         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path15" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text15"><tspan
+           x="36"
+           y="14"
+           id="tspan15">↓</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(28,128)"
+     id="g20">
+    <g
+       transform="scale(1.5)"
+       id="g19">
+      <path
+         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
+         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path17" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text17"><tspan
+           x="46"
+           y="24"
+           id="tspan17">pitch</tspan></text>
+      <text
+         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text18"><tspan
+           x="46"
+           y="12"
+           id="tspan18">name</tspan></text>
+      <text
+         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text19"><tspan
+           x="46"
+           y="33"
+           id="tspan19">octave</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(102,128)"
+     id="g22">
+    <g
+       transform="scale(1.5)"
+       id="g21">
+      <path
+         d="m 8.5,0.5 h 62.246094 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path20" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text20"><tspan
+           x="13"
+           y="14"
+           id="tspan20">sol</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(102,160)"
+     id="g24">
+    <g
+       transform="scale(1.5)"
+       id="g23">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path22" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text22"><tspan
+           x="13"
+           y="14"
+           id="tspan22">4</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(262,32)"
+     id="g27">
+    <g
+       transform="scale(1.5)"
+       id="g26">
+      <path
+         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path24" />
+      <text
+         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text24"><tspan
+           x="54"
+           y="23"
+           id="tspan24">/</tspan></text>
+      <text
+         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text25"><tspan
+           x="54"
+           y="12"
+           id="tspan25" /></text>
+      <text
+         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text26"><tspan
+           x="54"
+           y="33"
+           id="tspan26" /></text>
+    </g>
+  </g>
+  <g
+     transform="translate(348,32)"
+     id="g29">
+    <g
+       transform="scale(1.5)"
+       id="g28">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path27" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text27"><tspan
+           x="13"
+           y="14"
+           id="tspan27">50</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(348,64)"
+     id="g31">
+    <g
+       transform="scale(1.5)"
+       id="g30">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path29" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text29"><tspan
+           x="13"
+           y="14"
+           id="tspan29">1200</tspan></text>
+    </g>
+  </g>
+  <g
+     transform="translate(176)"
+     id="g34">
+    <g
+       transform="scale(1.5)"
+       id="g33">
+      <path
+         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path31" />
+      <text
+         style="font-size:14px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text31"><tspan
+           x="54"
+           y="24"
+           id="tspan31">^</tspan></text>
+      <text
+         style="font-size:9.33333px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text32"><tspan
+           x="54"
+           y="12"
+           id="tspan32" /></text>
+      <text
+         style="font-size:9.33333px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text33"><tspan
+           x="54"
+           y="33"
+           id="tspan33" /></text>
+    </g>
+  </g>
+  <g
+     transform="translate(262)"
+     id="g36">
+    <g
+       transform="scale(1.5)"
+       id="g35">
+      <path
+         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
+         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path34" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text34"><tspan
+           x="13"
+           y="14"
+           id="tspan34">2</tspan></text>
+    </g>
+  </g>
+  <g
+     id="g38">
+    <g
+       transform="scale(1.5)"
+       id="g37">
+      <path
+         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 89.4873 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -89.4873 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 105 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
+         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path36" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
+         id="text36"><tspan
+           x="5"
+           y="15"
+           id="tspan36">transpose by ratio</tspan></text>
+      <text
+         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text37"><tspan
+           x="115"
+           y="12"
+           id="tspan37" /></text>
+    </g>
+  </g>
+  <g
+     transform="translate(14,32)"
+     id="g40">
+    <g
+       transform="scale(1.5)"
+       id="g39">
+      <path
+         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
+         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
+         id="path38" />
+      <text
+         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
+         id="text38"><tspan
+           x="36"
+           y="14"
+           id="tspan38">↓</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/guide/README.md b/guide/README.md
index 7bb0456f9..1c4a3241b 100644
--- a/guide/README.md
+++ b/guide/README.md
@@ -193,7 +193,7 @@ force the octave up or down; otherwise the user may just keep going up
 or down in either direction to go through scalar pitches of any mode.
 
 The next block is specified using a *Pitch-number* block (the `7th
-semi-tone` above `C` in `Octave 4` is `G`). The offset for the pitch
+semitone` above `C` in `Octave 4` is `G`). The offset for the pitch
 number can be modified using the *Set-pitch-number-offset* block.
 
 The pitch of the next block is specified using the *Hertz* block in
@@ -373,8 +373,8 @@ or double-flat accidental.)
 
 ![transposition](./transform2.svg "Adjusting transpositions")
 
-There are multiple ways to transpose a pitch: by semi-tone or scalar
-steps or by a ratio. The *Semi-tone-transposition* block (above left)
+There are multiple ways to transpose a pitch: by semitone or scalar
+steps or by a ratio. The *semitone-transposition* block (above left)
 can be used to make larger shifts in pitch in half-step units. A
 positive number shifts the pitch up and a negative number shifts the
 pitch down. The input must be a whole number. To shift up an entire
@@ -399,11 +399,27 @@ As a convenience, a number of standard scalar transpositions are
 provided: *Unison*, *Second*, *Third*, ..., *Seventh*, *Down third*,
 and *Down sixth*, as well as a transposition for *Octave*.
 
-![semi-tone transposition](./transform3.svg "raising an octave using semi-tone-transposition")
+![semitone transposition](./transform3.svg "raising an octave using semitone-transposition")
 
 In the example above, we take the song we programmed previously and
 raise it by one octave.
 
+![cents](./50cent_block.svg "adding 50 cents to a pitch using the semitone-transposition")
+
+A cent is a unit of measure for the ratio between two frequencies. A
+semitone is defined as 100 cents. The frequency between two adjacent
+pitches would be 50 cents. You can use the *Semitone transpose* block
+to shift a pitch by cents.
+
+In the example above, G4 + 50 cents is 403Hz. (Recall that G4 is
+392Hz and G#4 is 415Hz).
+
+![cents by ratio](./50cents_by_ratio.svg "adding 50 cents to a pitch
+ using the ratio block")
+
+You can also use the ratio block for cents, although the math is a bit
+more complicated.
+
 ![register](./transform18.svg "The Register block")
 
 The *Register* block provides an easy way to modify the register
@@ -431,7 +447,7 @@ used to bump the `Mi 4` note up by one octave and then to bump the
 
 | Representation | Pitch Movement | Properties |
 | --- | --- | --- |
-| Transposition | Semi-tone | Creates shifts in pitch by half-steps |
+| Transposition | semitone | Creates shifts in pitch by half-steps |
 | | | If the argument to transpose is positive, it will shift upwards in pitch; if it is negative, there will be a downwards shift. |
 | | | There are 12 half-steps shifts per octave. |
 | | | An argument of -12 will shift down one octave. |
@@ -439,11 +455,11 @@ used to bump the `Mi 4` note up by one octave and then to bump the
 
 | Music Blocks Code with Scalar Transpose |
 | --- |
-| ![semi-tone transposition](./pitchmovement2.svg "semi-tone transposition") |
+| ![semitone transposition](./pitchmovement2.svg "semitone transposition") |
 
 | Standard Notation for Scalar Transpose |
 | --- |
-| ![semi-tone transposition](./pitchmovement2.png "semi-tone transposition") |
+| ![semitone transposition](./pitchmovement2.png "semitone transposition") |
 
 | Representation | Pitch Movement | Properties |
 | --- | --- | --- |
@@ -772,7 +788,7 @@ of scalar steps between two pitched.
 
 #### <a name= "ABSOLUTE-INTERVALS">3.2.7.1 Absolute Intervals</a>
 
-Absolute (or semi-tone) intervals are based on half-steps.
+Absolute (or semitone) intervals are based on half-steps.
 
 ![intervals](./transform14.svg "Using absolute intervals")
 
@@ -794,7 +810,7 @@ on the *Intervals* palette: *Major 2*, *Minor 3*, *Perfect 4*,
 The *Doubly* block can be used to create a double augmentation or
 double diminishment.
 
-The *Semi-tone interval measure* block can be used to measure the
+The *semitone interval measure* block can be used to measure the
 number of half-steps between two pitches.
 
 #### <a name= "RATIO-INTERVALS">3.2.7.2 Ratio Intervals</a>
diff --git a/index.html b/index.html
index 57ade4acf..b6acd09e1 100644
--- a/index.html
+++ b/index.html
@@ -72,15 +72,20 @@
         <script src="lib/easeljs.min.js" defer></script>
 
         <script src="lib/tweenjs.min.js" defer></script>
+
+        <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"
+            integrity="sha384-2huaZvOR9iDzHqslqwpR87isEmrfxqyWOF7hr7BY6KG0+hVKLoEXMPUJw3ynWuhO"
+            crossorigin="anonymous"></script>
         
         <script src="lib/yjs.min.js" ></script>
-
-        <script src="lib/socket.io.min.js" ></script>
-
+        
+        <!-- <script src="lib/socket.io.min.js" ></script> -->
+        
         <!-- <script src="js/widgets/musickeyboard.js"></script> -->
-
+        
         <!-- <script src="lib/movieclip-0.7.1.min.js"></script> -->
-
+        <script src="./js/collaboration/collaboration.js"></script>
+        
         <script>
             let canvas, stage, lang;
             function init() {
diff --git a/js/blocks/PitchBlocks.js b/js/blocks/PitchBlocks.js
index dae9c0493..9a5d2635c 100644
--- a/js/blocks/PitchBlocks.js
+++ b/js/blocks/PitchBlocks.js
@@ -1039,6 +1039,32 @@ function setupPitchBlocks(activity) {
         }
     }
 
+    class FiftyCentsBlock extends FlowBlock {
+        constructor() {
+            //.TRANS: cents are units used to specify the ratio between pitches. There are 100 cents between successive notes.
+            super("50cents", _("50 cents"));
+            this.setPalette("pitch", activity);
+            this.makeMacro((x, y) => [
+                [0, "settransposition", x, y, [null, 12, 1, 2]],
+                [1, "vspace", 0, 0, [0, 3]],
+                [2, "hidden", 0, 0, [0, null]],
+                [3, ["newnote", {"collapsed": false}], 0, 0, [1, 4, 7, 11]],
+                [4, "divide", 0, 0, [3, 5, 6]],
+                [5, ["number", {"value": 1}], 0, 0, [4]],
+                [6, ["number", {"value": 4}], 0, 0, [4]],
+                [7, "vspace", 0, 0, [3, 8]],
+                [8, "pitch", 0, 0, [7, 9, 10, null]],
+                [9, ["solfege", {"value": "sol"}], 0, 0, [8]],
+                [10, ["number", {"value": 4}], 0, 0, [8]],
+                [11, "hidden", 0, 0, [3, null]],
+                [12, "divide", 0, 0, [0, 13, 14]],
+                [13, ["number", {"value": 50}], 0, 0, [12]],
+                [14, ["number", {"value": 100}], 9, 0, [12]]
+            ]);
+        }
+    }
+
+
     class SetTranspositionBlock extends FlowClampBlock {
         constructor() {
             super("settransposition");
@@ -2041,6 +2067,7 @@ function setupPitchBlocks(activity) {
     new InvertBlock().setup(activity);
     new RegisterBlock().setup(activity);
     new SetRatioTranspositionBlock().setup(activity);
+    new FiftyCentsBlock().setup(activity);
     new SetTranspositionBlock().setup(activity);
     new OctaveBlock().setup(activity);
     new DownSixthBlock().setup(activity);
diff --git a/js/collaboration/collaboration.js b/js/collaboration/collaboration.js
index 8629824d6..472a1fda7 100644
--- a/js/collaboration/collaboration.js
+++ b/js/collaboration/collaboration.js
@@ -1,18 +1,55 @@
+// Copyright (c) 2024 Ajeet Pratap Singh
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the The GNU Affero General Public
+// License as published by the Free Software Foundation; either
+// version 3 of the License, or (at your option) any later version.
+//
+// You should have received a copy of the GNU Affero General Public
+// License along with this library; if not, write to the Free Software
+// Foundation, 51 Franklin Street, Suite 500 Boston, MA 02110-1335 USA
+
+
+// Collaboration
+
 /* eslint-disable no-undef */
-import Y, { Doc } from "yjs";
-import SocketIOProvider from "y-socket.io";
 
-// const Y = require("yjs");
-// const SocketIOProvider = require("y-socket.io");
+const RETRIES = 5;
+const DELAY_DURATION = 2000;
+let attempts = 0;
+
+function stopConnection(socket) {
+    if(attempts >= RETRIES){
+        console.log("Maximum calls to make connection exceeded. Stopped making calls");
+        socket.disconnect();
+    }
+}
+
+function makeConnection(){
+
+    // connect to the local server
+    const socket = io("http://localhost:8080/");
+    socket.on("connect", () => {
+        try{
+            console.log("connected to the server");
+        } catch(error){
+            console.log("Connection failed", error);
+        }
+    });
 
-console.log(Y);
-console.log(SocketIOProvider);
+    socket.on("connect_error", (error) => {
+        attempts++;
+        console.log("Failed to connect to the socket server. Retrying in few seconds...");
+        setTimeout(stopConnection(socket), DELAY_DURATION);
+    });
+}
 
-const doc = new Doc();
-const yMap = doc.getMap();
+function startCollaboration(){
+    document.addEventListener("DOMContentLoaded", () => {
+        makeConnection();
+        // initialiseDoc();
+    });
+}
 
-const socketIOProvider = new SocketIOProvider("ws://localhost:5000", "testing-doc", doc, {
-    autoConnect: true
-});
+startCollaboration();
 
-socketIOProvider.awareness.on("change", () => console.log("connected from client"));
\ No newline at end of file
diff --git a/js/turtle-singer.js b/js/turtle-singer.js
index b8db895f4..80a70f0ad 100644
--- a/js/turtle-singer.js
+++ b/js/turtle-singer.js
@@ -383,15 +383,18 @@ class Singer {
      * @param {Number} octave
      * @returns {Number} inverted value
      */
-    static calculateInvert(logo, turtle, note, octave) {
+    static calculateInvert(logo, turtle, note, octave, cents) {
         const activity = logo.activity;
         const tur = activity.turtles.ithTurtle(turtle);
 
+        if (cents === undefined) {
+            cents = 0;
+        }
         let delta = 0;
         const note1 = getNote(
             note,
             octave,
-            0,
+            cents,
             tur.singer.keySignature,
             tur.singer.movable,
             null,
@@ -405,7 +408,7 @@ class Singer {
             const note2 = getNote(
                 tur.singer.invertList[i][0],
                 tur.singer.invertList[i][1],
-                0,
+                -cents,  // this needs to be tested.
                 tur.singer.keySignature,
                 tur.singer.movable,
                 null,
@@ -807,7 +810,7 @@ class Singer {
                 // Apply transpositions
                 const transposition = 2 * delta + tur.singer.transposition;
                 const alen = tur.singer.arpeggio.length;
-                let atrans = transposition;
+                let atrans = transposition + cents;
                 if (alen > 0 && i < alen) {
                     atrans += tur.singer.arpeggio[i];
                 }
@@ -846,11 +849,10 @@ class Singer {
                 // Apply transpositions
                 const transposition = 2 * delta + tur.singer.transposition;
                 const alen = tur.singer.arpeggio.length;
-                let atrans = transposition;
+                let atrans = transposition + cents;
                 if (alen > 0 && i < alen) {
                     atrans += tur.singer.arpeggio[i];
                 }
-
                 const noteObj = getNote(
                     note,
                     octave,
@@ -936,7 +938,7 @@ class Singer {
                     anote,
                     octave,
                     // FIXME: should not be hardwired to 12
-                    atrans + tur.singer.register * 12,  // transposition + tur.singer.register * 12,
+                    atrans + tur.singer.register * 12,
                     tur.singer.keySignature,
                     tur.singer.movable,
                     direction,
@@ -956,10 +958,16 @@ class Singer {
                     const hertz = pitchToFrequency(
                         noteObj[0],
                         noteObj[1],
-                        0,
+                        noteObj[2],
                         tur.singer.keySignature
-                    ) * ratio;
-                    noteObj = frequencyToPitch(hertz);
+                    );
+                    noteObj = frequencyToPitch(hertz * ratio);
+                }
+
+                // Cents may have been added through a transposition.
+                if (noteObj[2] !== 0 && cents === 0) {
+                    cents = noteObj[2];
+                    // eslint-disable-next-line no-console
                 }
 
                 if (tur.singer.drumStyle.length > 0) {
diff --git a/js/turtleactions/PitchActions.js b/js/turtleactions/PitchActions.js
index 7f0b86304..d3252228a 100644
--- a/js/turtleactions/PitchActions.js
+++ b/js/turtleactions/PitchActions.js
@@ -66,7 +66,8 @@ function setupPitchActions(activity) {
          * @param {Number|String} blk - corresponding Block object index in blocks.blockList or custom blockName
          */
         static playPitch(note, octave, cents, turtle, blk) {
-            return Singer.processPitch(activity, note, octave, cents, turtle, blk);
+            Singer.processPitch(activity, note, octave, cents, turtle, blk);
+            return;
         }
 
         /**
@@ -85,10 +86,8 @@ function setupPitchActions(activity) {
                 !activity.logo.inMusicKeyboard &&
                 tur.singer.inNoteBlock.length === 0
             ) {
-                // activity.errorMsg(_("The Scalar Step Block must be used inside of a Note Block."), blk);
+                // If there was no previous pitch, use default.
                 tur.singer.lastNotePlayed = ["G4", 4];
-                // activity.logo.stopTurtle = true;
-                // return;
             }
 
             if (typeof value !== "number") {
@@ -104,24 +103,32 @@ function setupPitchActions(activity) {
             }
 
             if (tur.singer.lastNotePlayed === null) {
-                // activity.errorMsg(_("The Scalar Step Block must be preceded by a Pitch Block."), blk);
                 tur.singer.lastNotePlayed = ["G4", 4];
             }
 
-            const lastNotePlayed = tur.singer.lastNotePlayed;
+            let lastNotePlayed = tur.singer.lastNotePlayed;
+            let pitchName;
+            let octave;
+            let cents = 0;
 
             // At this point, lastNotePlayed is a tuple of the
             // pitchname-octave and the notevalue, e.g., ["C3", 8]
             // We only care about the pitchname and octave.
-            let pitchName = lastNotePlayed[0].slice(0, lastNotePlayed[0].length - 1);
-            let octave = parseInt(
-                lastNotePlayed[0].slice(lastNotePlayed[0].length - 1, lastNotePlayed[0].length)
-            );
-
+            if (typeof(lastNotePlayed[0]) === "number") {
+                // Convert freq tp o pitch.
+                lastNotePlayed = frequencyToPitch(lastNotePlayed[0]);
+                pitchName = lastNotePlayed[0];
+                octave = lastNotePlayed[1];
+                cents = lastNotePlayed[2];
+            } else {
+                pitchName = lastNotePlayed[0].slice(0, lastNotePlayed[0].length - 1);
+                octave = parseInt(
+                    lastNotePlayed[0].slice(lastNotePlayed[0].length - 1, lastNotePlayed[0].length));
+            }
             if (tur.singer.inverted) {
                 // If the last note is inverted then inverting it
                 // again to get the original note
-                const delta_temp = Singer.calculateInvert(activity.logo, turtle, pitchName, octave);
+                const delta_temp = Singer.calculateInvert(activity.logo, turtle, pitchName, octave, cents);
                 const transposition_temp = 2 * delta_temp;
                 const invertedNote = getNote(
                     pitchName,
@@ -145,179 +152,8 @@ function setupPitchActions(activity) {
                 value
             );
 
-            let delta = 0;
-            if (!(tur.singer.invertList.length === 0)) {
-                tur.singer.inverted = true;
-                delta += Singer.calculateInvert(activity.logo, turtle, noteObj[0], noteObj[1]);
-            }
-
-            let transposition =
-                2 * delta +
-                (activity.turtles.ithTurtle(turtle).transposition
-                    ? activity.turtles.ithTurtle(turtle).transposition
-                    : 0);
-
-            const addPitch = (note, octave, cents, direction) => {
-                const t = transposition + tur.singer.register * 12;
-                const noteObj = getNote(
-                    note,
-                    octave,
-                    t,
-                    tur.singer.keySignature,
-                    true,
-                    direction,
-                    activity.errorMsg,
-                    activity.logo.synth.inTemperament
-                );
-
-                if (tur.singer.drumStyle.length > 0) {
-                    const drumname = last(tur.singer.drumStyle);
-                    if (EFFECTSNAMES.indexOf(drumname) === -1) {
-                        tur.singer.pitchDrumTable[noteObj[0] + noteObj[1]] = drumname;
-                    } else {
-                        // eslint-disable-next-line
-                        tur.singer.pitchDrumTable[noteObj[0] + noteObj[1]] = effectsname;
-                    }
-                }
-
-                if (
-                    !activity.logo.inMatrix &&
-                    !activity.logo.inMusicKeyboard &&
-                    tur.singer.inNoteBlock.length > 0
-                ) {
-                    tur.singer.notePitches[last(tur.singer.inNoteBlock)].push(noteObj[0]);
-                    tur.singer.noteOctaves[last(tur.singer.inNoteBlock)].push(noteObj[1]);
-                    tur.singer.noteCents[last(tur.singer.inNoteBlock)].push(cents);
-                    if (cents !== 0) {
-                        tur.singer.noteHertz[last(tur.singer.inNoteBlock)].push(
-                            pitchToFrequency(noteObj[0], noteObj[1], cents, tur.singer.keySignature)
-                        );
-                    } else {
-                        tur.singer.noteHertz[last(tur.singer.inNoteBlock)].push(0);
-                    }
-                }
-                return noteObj;
-            };
-
-            const noteObj1 = addPitch(noteObj[0], noteObj[1], 0);
-            // Only apply the transposition to the base note of an interval
-            transposition = 0;
-
-            if (activity.logo.inMatrix) {
-                activity.logo.phraseMaker.addRowBlock(blk);
-                if (activity.logo.pitchBlocks.indexOf(blk) === -1) {
-                    activity.logo.pitchBlocks.push(blk);
-                }
-
-                if (activity.logo.phraseMaker.rowLabels.length > 0) {
-                    if (last(activity.logo.phraseMaker.rowLabels) === "hertz") {
-                        const freq = pitchToFrequency(
-                            noteObj[0],
-                            noteObj[1],
-                            0,
-                            tur.singer.keySignature
-                        );
-                        activity.logo.phraseMaker.rowLabels.push("hertz");
-                        activity.logo.phraseMaker.rowArgs.push(parseInt(freq));
-                    } else {
-                        if (
-                            SOLFEGENAMES1.indexOf(last(activity.logo.phraseMaker.rowLabels)) !== -1
-                        ) {
-                            activity.logo.phraseMaker.rowLabels.push(
-                                SOLFEGECONVERSIONTABLE[noteObj1[0]]
-                            );
-                        } else {
-                            activity.logo.phraseMaker.rowLabels.push(noteObj1[0]);
-                        }
-
-                        activity.logo.phraseMaker.rowArgs.push(noteObj1[1]);
-                    }
-                } else {
-                    activity.logo.phraseMaker.rowLabels.push(noteObj1[0]);
-                    activity.logo.phraseMaker.rowArgs.push(noteObj1[1]);
-                }
-
-                tur.singer.previousNotePlayed = tur.singer.lastNotePlayed;
-                tur.singer.lastNotePlayed = [noteObj1[0] + noteObj1[1], 4];
-            } else if (activity.logo.inMusicKeyboard) {
-                if (tur.singer.drumStyle.length === 0) {
-                    activity.logo.musicKeyboard.instruments.push(last(tur.singer.instrumentNames));
-                    if (activity.logo.musicKeyboard.noteNames.length > 0) {
-                        if (last(activity.logo.musicKeyboard.noteNames) === "hertz") {
-                            const freq = pitchToFrequency(
-                                noteObj[0],
-                                noteObj[1],
-                                0,
-                                tur.singer.keySignature
-                            );
-                            activity.logo.musicKeyboard.noteNames.push("hertz");
-                            activity.logo.musicKeyboard.octaves.push(parseInt(freq));
-                        } else {
-                            if (
-                                SOLFEGENAMES1.indexOf(
-                                    last(activity.logo.musicKeyboard.noteNames)
-                                ) !== -1
-                            ) {
-                                activity.logo.musicKeyboard.noteNames.push(
-                                    SOLFEGECONVERSIONTABLE[noteObj1[0]]
-                                );
-                            } else {
-                                activity.logo.musicKeyboard.noteNames.push(noteObj1[0]);
-                            }
-
-                            activity.logo.musicKeyboard.octaves.push(noteObj1[1]);
-                        }
-                    } else {
-                        activity.logo.musicKeyboard.noteNames.push(noteObj1[0]);
-                        activity.logo.musicKeyboard.octaves.push(noteObj1[1]);
-                    }
-
-                    activity.logo.musicKeyboard.addRowBlock(blk);
-                    tur.singer.lastNotePlayed = [noteObj1[0] + noteObj1[1], 4];
-                }
-            }
-
-            let noteObj2;
-            for (let i = 0; i < tur.singer.intervals.length; i++) {
-                const ii = getInterval(
-                    tur.singer.intervals[i],
-                    tur.singer.keySignature,
-                    noteObj1[0]
-                );
-                noteObj2 = getNote(
-                    noteObj1[0],
-                    noteObj1[1],
-                    ii,
-                    tur.singer.keySignature,
-                    tur.singer.movable,
-                    null,
-                    activity.errorMsg,
-                    activity.logo.synth.inTemperament
-                );
-                addPitch(noteObj2[0], noteObj2[1], 0);
-            }
-
-            for (let i = 0; i < tur.singer.semitoneIntervals.length; i++) {
-                noteObj2 = getNote(
-                    noteObj1[0],
-                    noteObj1[1],
-                    tur.singer.semitoneIntervals[i][0],
-                    tur.singer.keySignature,
-                    tur.singer.movable,
-                    null,
-                    activity.errorMsg,
-                    activity.logo.synth.inTemperament
-                );
-                addPitch(noteObj2[0], noteObj2[1], 0, tur.singer.semitoneIntervals[i][1]);
-            }
-
-            if (tur.singer.inNoteBlock.length > 0) {
-                tur.singer.noteBeatValues[last(tur.singer.inNoteBlock)].push(tur.singer.beatFactor);
-                tur.singer.pushedNote = true;
-            } else {
-                // stand-alone block
-                Singer.processPitch(activity, noteObj1[0], noteObj1[1], 0, turtle, blk);
-            }
+            Singer.processPitch(activity, noteObj[0], noteObj[1], cents, turtle, blk);
+            return;            
         }
 
         /**
@@ -403,7 +239,8 @@ function setupPitchActions(activity) {
                     calcOctave(tur.singer.currentOctave, octave, tur.singer.lastNotePlayed, note)
                 );
 
-            return Singer.processPitch(activity, note, _octave, 0, turtle, blk);
+            Singer.processPitch(activity, note, _octave, 0, turtle, blk);
+            return;
         }
 
         /**
@@ -438,7 +275,8 @@ function setupPitchActions(activity) {
                     activity.logo.synth.startingPitch,
                     tur.singer.pitchNumberOffset
                 );
-                return Singer.processPitch(activity, obj[0], obj[1], 0, turtle, blk);
+                Singer.processPitch(activity, obj[0], obj[1], 0, turtle, blk);
+                return;
             }
         }
 
@@ -456,112 +294,17 @@ function setupPitchActions(activity) {
             const note = obj[0];
             const octave = obj[1];
             const cents = obj[2];
-            let delta = 0;
-
-            if (tur.singer.justMeasuring.length > 0) {
-                // TODO: account for cents
-                const noteObj = getNote(
-                    note,
-                    octave,
-                    0,
-                    tur.singer.keySignature,
-                    tur.singer.movable,
-                    null,
-                    activity.errorMsg
-                );
 
-                const n = tur.singer.justMeasuring.length;
-                const pitchNumber =
-                    pitchToNumber(noteObj[0], noteObj[1], tur.singer.keySignature) -
-                    tur.singer.pitchNumberOffset;
-                if (tur.singer.firstPitch.length < n) {
-                    tur.singer.firstPitch.push(pitchNumber);
-                } else if (tur.singer.lastPitch.length < n) {
-                    tur.singer.lastPitch.push(pitchNumber);
-                }
-            } else if (tur.singer.inNoteBlock.length > 0) {
-                if (!(tur.singer.invertList.length === 0)) {
-                    delta += Singer.calculateInvert(activity.logo, turtle, note, octave);
-                }
-
-                const addPitch = (note, octave, cents, frequency, direction) => {
-                    const t = 2 * delta + tur.transposition + tur.singer.register * 12;
-                    const noteObj = getNote(
-                        note,
-                        octave,
-                        t,
-                        tur.singer.keySignature,
-                        tur.singer.movable,
-                        direction,
-                        activity.errorMsg,
-                        activity.logo.synth.inTemperament
-                    );
-                    if (tur.singer.drumStyle.length > 0) {
-                        const drumname = last(tur.singer.drumStyle);
-                        tur.singer.pitchDrumTable[noteObj[0] + noteObj[1]] = drumname;
-                    }
-
-                    tur.singer.notePitches[last(tur.singer.inNoteBlock)].push(noteObj[0]);
-                    tur.singer.noteOctaves[last(tur.singer.inNoteBlock)].push(noteObj[1]);
-                    tur.singer.noteCents[last(tur.singer.inNoteBlock)].push(cents);
-                    tur.singer.noteHertz[last(tur.singer.inNoteBlock)].push(frequency);
-                    return noteObj;
-                };
-
-                const noteObj1 = addPitch(note, octave, cents, hertz);
-
-                for (let i = 0; i < tur.singer.intervals.length; i++) {
-                    const ii = getInterval(
-                        tur.singer.intervals[i],
-                        tur.singer.keySignature,
-                        noteObj1[0]
-                    );
-                    const noteObj2 = getNote(
-                        noteObj1[0],
-                        noteObj1[1],
-                        ii,
-                        tur.singer.keySignature,
-                        tur.singer.movable,
-                        null,
-                        activity.errorMsg,
-                        activity.logo.synth.inTemperament
-                    );
-                    addPitch(noteObj2[0], noteObj2[1], cents, 0);
-                }
-
-                for (let i = 0; i < tur.singer.semitoneIntervals.length; i++) {
-                    const noteObj2 = getNote(
-                        noteObj1[0],
-                        noteObj1[1],
-                        tur.singer.semitoneIntervals[i][0],
-                        tur.singer.keySignature,
-                        tur.singer.movable,
-                        null,
-                        activity.errorMsg,
-                        activity.logo.synth.inTemperament
-                    );
-                    addPitch(
-                        noteObj2[0],
-                        noteObj2[1],
-                        cents,
-                        0,
-                        tur.singer.semitoneIntervals[i][1]
-                    );
-                }
-
-                tur.singer.noteBeatValues[last(tur.singer.inNoteBlock)].push(tur.singer.beatFactor);
-                tur.singer.pushedNote = true;
+            Singer.processPitch(activity, note, octave, cents, turtle, blk);
+            if (tur.singer.inNoteBlock.length > 0) {
                 if (activity.logo.runningLilypond) {
                     activity.logo.notation.notationMarkup(
                         turtle,
-                        pitchToFrequency(noteObj1[0], noteObj1[1], cents, tur.singer.keySignature)
+                        hertz  // FIXME: what if hertz was transformed?
                     );
                 }
-            } else {
-                tur.singer.defaultNoteValue = 32;
-                Singer.processPitch(activity, note, octave, cents, turtle, blk);
-                tur.singer.defaultNoteValue = 4;
             }
+            return;
         }
 
         /**
@@ -682,7 +425,6 @@ function setupPitchActions(activity) {
          */
         static setRatioTranspose(value, turtle, blk) {
             const tur = activity.turtles.ithTurtle(turtle);
-
             tur.singer.transpositionRatios.push(value);
 
             const listenerName = "_transposition_ratio_" + turtle;
diff --git a/js/utils/musicutils.js b/js/utils/musicutils.js
index 35776eaea..f9e37c0d6 100644
--- a/js/utils/musicutils.js
+++ b/js/utils/musicutils.js
@@ -2480,10 +2480,11 @@ const frequencyToPitch = (hz) => {
         const f = A0 * Math.pow(TWELVEHUNDRETHROOT2, i);
         if (hz < f * 1.0003 && hz > f * 0.9997) {
             cents = i % 100;
+            let j = Math.floor((i / 100));
             if (cents > 50) {
                 cents -= 100;
+                j += 1;
             }
-            const j = Math.floor((i / 100) + 0.5);
             return [
                 PITCHES[(j + PITCHES.indexOf("A")) % 12],
                 Math.floor((j + PITCHES.indexOf("A")) / 12),
@@ -3539,7 +3540,7 @@ const GetNotesForInterval = (tur) => {
  * @param {string} direction - The direction of the note (unused parameter).
  * @param {string} errorMsg - The error message (unused parameter).
  * @param {string} [temperament="equal"] - The temperament to use (default is "equal").
- * @returns {Array} An array containing the note and octave.
+ * @returns {Array} An array containing the note, octave, and cents
  */
 function getNote(
     noteArg,
@@ -3558,12 +3559,25 @@ function getNote(
     let sharpFlat = false;
     let rememberFlat = false;
     let rememberSharp = false;
+    let transpositionFloor = 0;
+    let transpositionCents = 0;
 
     if (transposition === undefined) {
         transposition = 0;
     }
 
-    transposition = Math.round(transposition);
+    // transposition = Math.round(transposition);
+    if (transposition < 0) {
+        transposition = -transposition;
+        transpositionFloor = Math.floor(transposition);
+        transpositionCents = transposition - transpositionFloor;
+        transpositionFloor = -transpositionFloor;
+        transpositionCents = -transpositionCents * 100;
+        transposition = -transposition;
+    } else {
+        transpositionFloor = Math.floor(transposition);
+        transpositionCents = (transposition - transpositionFloor) * 100;
+    }
 
     if (typeof noteArg !== "number") {
         // Could be mi#<sub>4</sub> (from matrix) or mi# (from note).
@@ -3576,7 +3590,7 @@ function getNote(
             noteArg.toLowerCase().substr(0, 4) === "rest" ||
             noteArg.toLowerCase().substr(0, 4) === "r"
         ) {
-            return ["R", ""];
+            return ["R", "", 0];
         }
         // Could be a number as a string (with or without an accidental.
         let noteAsNumber = noteArg;
@@ -3585,9 +3599,9 @@ function getNote(
         }
         if (!isNaN(noteAsNumber)) {
             if (["#", SHARP].indexOf(noteArg.substr(-1)) !== -1) {
-                transposition += 1;
+                transpositionFloor += 1;
             } else if (["b", FLAT].indexOf(noteArg.substr(-1)) !== -1) {
-                transposition -= 1;
+                transpositionFloor -= 1;
             }
             noteArg = Number(noteAsNumber);
         }
@@ -3640,7 +3654,7 @@ function getNote(
             case DOUBLEFLAT:
                 noteArg += "b";
                 rememberFlat = true;
-                transposition -= 1;
+                transpositionFloor -= 1;
                 break;
             case "b":
             case FLAT:
@@ -3653,7 +3667,7 @@ function getNote(
             case DOUBLESHARP:
                 noteArg += "#";
                 rememberSharp = true;
-                transposition += 1;
+                transpositionFloor += 1;
                 break;
             case "#":
             case SHARP:
@@ -3733,7 +3747,7 @@ function getNote(
                 // All keys Gb -- B would be in octave three (since
                 // going down is closer than going up)
                 if (offset > 5) {
-                    transposition -= 12; // go down one octave
+                    transpositionFloor -= 12; // go down one octave
                 }
             } else {
                 offset = 0;
@@ -3781,10 +3795,10 @@ function getNote(
                     case "dorian":
                         i = SOLFEGENAMES.indexOf(solfegePart);
                         if (i > 0) {
-                            transposition += 12;
+                            transpositionFloor += 12;
                         }
 
-                        transposition -= 12;
+                        transpositionFloor -= 12;
                         i += 6;
                         if (i > 6) {
                             i -= 7;
@@ -3795,7 +3809,7 @@ function getNote(
                     case "phrygian":
                         i = SOLFEGENAMES.indexOf(solfegePart);
                         if (i > 1) {
-                            transposition += 12;
+                            transpositionFloor += 12;
                         }
 
                         i += 5;
@@ -3808,7 +3822,7 @@ function getNote(
                     case "lydian":
                         i = SOLFEGENAMES.indexOf(solfegePart);
                         if (i > 2) {
-                            transposition += 12;
+                            transpositionFloor += 12;
                         }
 
                         i += 4;
@@ -3821,7 +3835,7 @@ function getNote(
                     case "mixolydian":
                         i = SOLFEGENAMES.indexOf(solfegePart);
                         if (i > 3) {
-                            transposition += 12;
+                            transpositionFloor += 12;
                         }
 
                         i += 3;
@@ -3835,7 +3849,7 @@ function getNote(
                     case "aeolian":
                         i = SOLFEGENAMES.indexOf(solfegePart);
                         if (i > 4) {
-                            transposition += 12;
+                            transpositionFloor += 12;
                         }
 
                         i += 2;
@@ -3848,7 +3862,7 @@ function getNote(
                     case "locrian":
                         i = SOLFEGENAMES.indexOf(solfegePart);
                         if (i > 5) {
-                            transposition += 12;
+                            transpositionFloor += 12;
                         }
 
                         i += 1;
@@ -3886,7 +3900,7 @@ function getNote(
                     errorMsg(INVALIDPITCH, null);
                 }
 
-                return ["R", ""];
+                return ["R", "", 0];
             }
 
             if (note in EXTRATRANSPOSITIONS) {
@@ -3895,14 +3909,14 @@ function getNote(
             }
         }
 
-        if (transposition && transposition !== 0) {
+        if (transpositionFloor && transpositionFloor !== 0) {
             let deltaOctave, deltaNote;
-            if (transposition < 0) {
-                deltaOctave = -Math.floor(-transposition / 12);
-                deltaNote = -(-transposition % 12);
+            if (transpositionFloor < 0) {
+                deltaOctave = -Math.floor(-transpositionFloor / 12);
+                deltaNote = -(-transpositionFloor % 12);
             } else {
-                deltaOctave = Math.floor(transposition / 12);
-                deltaNote = transposition % 12;
+                deltaOctave = Math.floor(transpositionFloor / 12);
+                deltaNote = transpositionFloor % 12;
             }
 
             octave += deltaOctave;
@@ -4043,7 +4057,7 @@ function getNote(
             return getNote(
                 noteArg,
                 octave,
-                transposition,
+                transpositionFloor,
                 keySignature,
                 movable,
                 direction,
@@ -4054,15 +4068,15 @@ function getNote(
         }
 
         let inOctave = octave;
-        const octaveLength = TEMPERAMENT[temperament]["pitchNumber"];
+        const octaveLength = TEMPERAMENT[temperamentFloor]["pitchNumber"];
         let deltaOctave, deltaNote;
-        if (transposition !== 0) {
-            if (transposition < 0) {
-                deltaOctave = -Math.floor(-transposition / octaveLength);
-                deltaNote = -(-transposition % octaveLength);
+        if (transpositionFloor !== 0) {
+            if (transpositionFloor < 0) {
+                deltaOctave = -Math.floor(-transpositionFloor / octaveLength);
+                deltaNote = -(-transpositionFloor % octaveLength);
             } else {
-                deltaOctave = Math.floor(transposition / octaveLength);
-                deltaNote = transposition % octaveLength;
+                deltaOctave = Math.floor(transpositionFloor / octaveLength);
+                deltaNote = transpositionFloor % octaveLength;
             }
 
             inOctave += deltaOctave;
@@ -4122,12 +4136,12 @@ function getNote(
         note = noteArg;
 
         let deltaOctave, deltaNote;
-        if (transposition && transposition !== 0) {
-            if (transposition < 0) {
-                deltaOctave = -Math.floor(-transposition / 12);
-                deltaNote = -(-transposition % 12);
+        if (transpositionFloor && transpositionFloor !== 0) {
+            if (transpositionFloor < 0) {
+                deltaOctave = -Math.floor(-transpositionFloor / 12);
+                deltaNote = -(-transpositionFloor % 12);
             } else {
-                deltaOctave = Math.floor(transposition / 12);
+                deltaOctave = Math.floor(transpositionFloor / 12);
                 deltaNote = transposition % 12;
             }
 
@@ -4161,11 +4175,11 @@ function getNote(
     }
 
     if (octave < 1) {
-        return [note, 1];
+        return [note, 1, transpositionCents];
     } else if (octave > 10) {
-        return [note, 10];
+        return [note, 10, transpositionCents];
     } else {
-        return [note, octave];
+        return [note, octave, transpositionCents];
     }
 }
 
@@ -5529,6 +5543,7 @@ const getPitchInfo = (activity, type, currentNote, tur) => {
         obj = frequencyToPitch(currentNote);
         pitch = obj[0];
         octave = obj[1];
+        cents = obj[2];
     } else {
         // Turn the note into pitch and octave.
         pitch = currentNote.substr(0, currentNote.length - 1);
@@ -5597,7 +5612,7 @@ const getPitchInfo = (activity, type, currentNote, tur) => {
             case "nth degree":
                 return buildScale(tur.singer.keySignature)[0].indexOf(pitch);
             case "staff y":
-                // these numbers are subject to staff artwork
+                // These numbers are in relation to the staff artwork.
                 return (
                     ["C", "D", "E", "F", "G", "A", "B"].indexOf(pitch[0]) * YSTAFFNOTEHEIGHT +
                     (octave - 4) * YSTAFFOCTAVEHEIGHT
@@ -5605,6 +5620,7 @@ const getPitchInfo = (activity, type, currentNote, tur) => {
             case "pitch number":
                 return _calculate_pitch_number(activity, pitch, tur);
             case "pitch in hertz":
+                // This function ignores cents.
                 return activity.logo.synth._getFrequency(
                     pitch + octave,
                     activity.logo.synth.changeInTemperament
diff --git a/js/widgets/phrasemaker.js b/js/widgets/phrasemaker.js
index c900758bd..8f3648477 100644
--- a/js/widgets/phrasemaker.js
+++ b/js/widgets/phrasemaker.js
@@ -2412,7 +2412,6 @@ class PhraseMaker {
                 this.rowLabels[i] + this.rowArgs[i],
                 this.activity.turtles.ithTurtle(0).singer.keySignature
             );
-
             if (!uniqueFrequencies.has(frequencyKey)) {
                 sortableList.push([
                     frequencyKey,
@@ -4316,79 +4315,107 @@ class PhraseMaker {
         // row labels and note value (from "alt" attribute of
         // corresponding cells in the row)
 
-        // list of half-tones with solfeges
+        // list of half-tones with solfeges or letter names
         const MATRIXHALFTONES = [
+            "do♭",
+            "C♭",
             "do",
             "C",
-            "do♯",,
+            "do♯",
             "C♯",
+
             "re♭",
             "D♭",
             "re",
             "D",
             "re♯",
             "D♯",
+
             "mi♭",
             "E♭",
             "mi",
             "E",
+            "mi♯",
+            "E♯",
+
+            "fa♭",
+            "F♭",
             "fa",
             "F",
             "fa♯",
             "F♯",
+
             "sol♭",
             "G♭",
             "sol",
             "G",
             "sol♯",
             "G♯",
+
             "la♭",
             "A♭",
             "la",
             "A",
             "la♯",
             "A♯",
+
             "ti♭",
             "B♭",
             "ti",
-            "B"
+            "B",
+            "ti♯",
+            "B♯"
         ];
-        // list of half-tones in letter representations
+        // list of half-tones mapped to their letter representations
         const MATRIXHALFTONES2 = [
+            "C♭",
+            "C♭",
             "C",
             "C",
             "C♯",
             "C♯",
+
             "D♭",
             "D♭",
             "D",
             "D",
             "D♯",
             "D♯",
+
             "E♭",
             "E♭",
             "E",
             "E",
+            "E♯",
+            "E♯",
+
+            "F♭",
+            "F♭",
             "F",
             "F",
             "F♯",
             "F♯",
+
             "G♭",
             "G♭",
             "G",
             "G",
             "G♯",
             "G♯",
+
             "A♭",
             "A♭",
             "A",
             "A",
             "A♯",
             "A♯",
+
             "B♭",
             "B♭",
             "B",
-            "B"
+            "B",
+            "B♯",
+            "B♯"
         ];
         const notes = [];
         let row, cell, note;