cookatrice

name	explain-diff-html
description	Use when the user asks for a rich explanation of a code change, diff, branch, or PR. Produces HTML output.

Explain Diff

Please make me a rich, interactive explanation of the specified code change.

It should have these sections:

cookatrice

var noteValues = {
    'C0': 16.35,
    'C#0': 17.32,
    'Db0': 17.32,
    'D0': 18.35,
    'D#0': 19.45,
    'Eb0': 19.45,
    'E0': 20.60,
    'F0': 21.83,
    'F#0': 23.12,

cookatrice

license: mit

cookatrice

license: mit

cookatrice

license: mit

cookatrice

license: mit

cookatrice

body > button {
    margin: 2% 10%;
    width: 200px;
    height: 41px;
    cursor: pointer;
    font-size: 1.2em;
    display: block;
}

.todoStatus {

cookatrice

function toBoolean(value) {
  if (typeof value === 'function') {
    value = true;
  } else if (value && value.length !== 0) {
    var v = lowercase("" + value);
    value = !(v == 'f' || v == '0' || v == 'false' || v == 'no' || v == 'n' || v == '[]');
  } else {
    value = false;
  }
  return value;

cookatrice

{
  "install": {
    "base":  "./src/main/webapp/resources/bowerAssets/",
    "path": {
      "css": "{name}/css",
      "js": "{name}/js",
      "woff": "{name}/fonts",
      "woff2": "{name}/fonts",
      "eot": "{name}/fonts",
      "svg": "{name}/fonts",

cookatrice

{
  "install": {
    "base":  "./src/main/webapp/resources/bowerAssets/",
    "path": {
      "css": "css",
      "js": "js",
      "woff": "fonts",
      "woff2": "fonts",
      "eot": "fonts",
      "svg": "fonts",