ratchet_design 0.1.19 → 0.1.20

data/app/assets/svgs/ratchet/_topology/portal-2.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 265 169" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="proxy.-2"><g><path d="M132.501,0.245l-59.756,34.5l66.251,38.25l59.756,-34.5l-66.251,-38.25Z" style="fill:url(#_Linear1);"/><path d="M198.752,38.495l-59.756,34.5l-66.251,-38.25l59.756,-34.5l66.251,38.25Zm-125.007,-3.75l65.251,37.672l58.756,-33.922l-65.251,-37.673l-58.756,33.923Z" style="fill:#4d7594;"/><path d="M198.752,53.495l-59.756,34.5l-66.251,-38.25l0,-15l66.251,38.25l59.756,-34.5l0,15Z" style="fill:url(#_Linear2);"/><g><g><path d="M133.996,77.031l-40.622,-23.454l0,1.155l40.622,23.453l0,-1.154Z" style="fill:#3d6484;"/><path d="M79.301,44.009c0.836,0.483 1.516,1.78 1.516,2.896c0,1.115 -0.68,1.628 -1.516,1.145c-0.836,-0.483 -1.516,-1.78 -1.516,-2.895c0,-1.116 0.68,-1.629 1.516,-1.146Z" style="fill:#00fc72;"/><path d="M84.497,47.009c0.837,0.483 1.516,1.78 1.516,2.896c0,1.115 -0.679,1.628 -1.516,1.145c-0.836,-0.483 -1.515,-1.78 -1.515,-2.895c0,-1.116 0.679,-1.629 1.515,-1.146Z" style="fill:#00fc72;"/><path d="M89.693,50.009c0.837,0.483 1.516,1.78 1.516,2.896c0,1.115 -0.679,1.628 -1.516,1.145c-0.836,-0.483 -1.515,-1.78 -1.515,-2.895c0,-1.116 0.679,-1.629 1.515,-1.146Z" style="fill:#00fc72;"/></g></g></g><g><path d="M198.753,38.495l-59.756,34.5l66.251,38.25l59.756,-34.5l-66.251,-38.25Z" style="fill:url(#_Linear3);"/><path d="M265.004,76.745l-59.756,34.5l-66.251,-38.25l59.756,-34.5l66.251,38.25Zm-125.007,-3.75l65.251,37.672l58.756,-33.922l-65.251,-37.673l-58.756,33.923Z" style="fill:#2cc7ff;"/><path d="M265.004,91.745l-59.756,34.5l-66.251,-38.25l0,-15l66.251,38.25l59.756,-34.5l0,15Z" style="fill:url(#_Linear4);"/><g><g><path d="M195.093,112.304l-45.844,-26.467l0,1.154l45.844,26.468l0,-1.155Z" style="fill:#0b82a0;"/><path d="M145.553,82.259c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.629 1.516,-1.146Z" style="fill:#00fc72;"/><path d="M198.789,112.995c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.628 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.629 1.516,-1.146Z" style="fill:#00fc72;"/></g></g></g><g><path d="M59.756,42.244l-59.756,34.5l66.251,38.25l59.756,-34.5l-66.251,-38.25Z" style="fill:url(#_Linear5);"/><path d="M126.007,80.494l-59.756,34.5l-66.251,-38.25l59.756,-34.5l66.251,38.25Zm-125.007,-3.75l65.251,37.673l58.756,-33.923l-65.251,-37.672l-58.756,33.922Z" style="fill:#4d7594;"/><path d="M126.007,95.494l-59.756,34.5l-66.251,-38.25l0,-15l66.251,38.25l59.756,-34.5l0,15Z" style="fill:url(#_Linear6);"/><g><g><path d="M61.251,119.03l-40.623,-23.453l0,1.154l40.623,23.454l0,-1.155Z" style="fill:#3d6484;"/><path d="M6.556,86.008c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.629 1.516,-1.146Z" style="fill:#00fc72;"/><path d="M11.752,89.008c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.629 1.516,-1.146Z" style="fill:#00fc72;"/><path d="M16.948,92.008c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.629 1.516,-1.146Z" style="fill:#00fc72;"/></g></g></g><g><path d="M126.007,80.494l-59.755,34.5l66.251,38.25l59.755,-34.5l-66.251,-38.25Z" style="fill:url(#_Linear7);"/><path d="M192.258,118.744l-59.755,34.5l-66.251,-38.25l59.755,-34.5l66.251,38.25Zm-125.006,-3.75l65.251,37.673l58.755,-33.923l-65.251,-37.672l-58.755,33.922Z" style="fill:#2cc7ff;"/><path d="M192.258,133.745l-59.755,34.5l-66.251,-38.25l0,-15l66.251,38.25l59.755,-34.5l0,15Z" style="fill:url(#_Linear8);"/><g><g><path d="M122.347,154.304l-45.844,-26.468l0,1.155l45.844,26.468l0,-1.155Z" style="fill:#0b82a0;"/><path d="M72.807,124.259c0.837,0.483 1.516,1.78 1.516,2.896c0,1.115 -0.679,1.628 -1.516,1.145c-0.836,-0.483 -1.515,-1.78 -1.515,-2.895c0,-1.116 0.679,-1.629 1.515,-1.146Z" style="fill:#00fc72;"/><path d="M126.043,154.995c0.837,0.483 1.516,1.78 1.516,2.895c0,1.116 -0.679,1.629 -1.516,1.146c-0.836,-0.483 -1.515,-1.78 -1.515,-2.896c0,-1.115 0.679,-1.628 1.515,-1.145Z" style="fill:#00fc72;"/></g></g></g></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(59.7558,-34.5,41.9992,64.0854,138.996,72.9947)"><stop offset="0" style="stop-color:#335774;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#243e57;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.501,-75.5768,75.5768,132.501,205.248,126.245)"><stop offset="0" style="stop-color:#253d54;stop-opacity:0.980392"/><stop offset="1" style="stop-color:#35516a;stop-opacity:0.980392"/></linearGradient><linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(59.7559,-34.4997,118.499,108.253,205.248,111.245)"><stop offset="0" style="stop-color:#00ceee;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#0a789a;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.496,-76.7757,76.0798,133.707,205.254,126.245)"><stop offset="0" style="stop-color:#00a3c8;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#00b6c3;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear5" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(59.7558,-34.5,41.9992,64.0854,66.2509,114.994)"><stop offset="0" style="stop-color:#335774;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#243e57;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.501,-75.5768,75.5768,132.501,132.503,168.245)"><stop offset="0" style="stop-color:#253d54;stop-opacity:0.980392"/><stop offset="1" style="stop-color:#35516a;stop-opacity:0.980392"/></linearGradient><linearGradient id="_Linear7" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(59.7559,-34.4997,118.499,108.253,132.503,153.244)"><stop offset="0" style="stop-color:#00ceee;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#0a789a;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear8" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.496,-76.7757,76.0798,133.707,132.508,168.245)"><stop offset="0" style="stop-color:#00a3c8;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#00b6c3;stop-opacity:0.94902"/></linearGradient></defs></svg>

data/app/assets/svgs/ratchet/_topology/portal.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 265 168" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="portal"><g><path d="M132.501,0l-132.501,76.5l66.251,38.25l132.501,-76.5l-66.251,-38.25Z" style="fill:url(#_Linear1);"/><path d="M198.752,38.25l-132.501,76.5l-66.251,-38.25l132.501,-76.5l66.251,38.25Zm-197.752,38.25l65.251,37.672l131.501,-75.922l-65.251,-37.673l-131.501,75.923Z" style="fill:#4d7594;"/><path d="M198.752,53.25l-132.501,76.5l-66.251,-38.25l0,-15l66.251,38.25l132.501,-76.5l0,15Z" style="fill:url(#_Linear2);"/><g><g><path d="M61.251,118.785l-40.623,-23.453l0,1.155l40.623,23.453l0,-1.155Z" style="fill:#3d6484;"/><path d="M6.556,85.764c0.836,0.483 1.515,1.78 1.515,2.895c0,1.116 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.78 -1.516,-2.896c0,-1.115 0.679,-1.628 1.516,-1.145Z" style="fill:#00fc72;"/><path d="M11.752,88.764c0.836,0.483 1.515,1.78 1.515,2.895c0,1.116 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.78 -1.516,-2.896c0,-1.115 0.679,-1.628 1.516,-1.145Z" style="fill:#00fc72;"/><path d="M16.948,91.764c0.836,0.483 1.515,1.78 1.515,2.895c0,1.116 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.78 -1.516,-2.896c0,-1.115 0.679,-1.628 1.516,-1.145Z" style="fill:#00fc72;"/></g></g></g><g><path d="M198.753,38.25l-132.501,76.5l66.251,38.25l132.501,-76.5l-66.251,-38.25Z" style="fill:url(#_Linear3);"/><path d="M265.004,76.5l-132.501,76.5l-66.251,-38.25l132.501,-76.5l66.251,38.25Zm-197.752,38.25l65.251,37.672l131.501,-75.922l-65.251,-37.673l-131.501,75.923Z" style="fill:#2cc7ff;"/><path d="M265.004,91.5l-132.501,76.5l-66.251,-38.25l0,-15l66.251,38.25l132.501,-76.5l0,15Z" style="fill:url(#_Linear4);"/><g><g><path d="M122.347,154.059l-45.844,-26.468l0,1.155l45.844,26.468l0,-1.155Z" style="fill:#0b82a0;"/><path d="M72.807,124.014c0.837,0.483 1.516,1.781 1.516,2.896c0,1.115 -0.679,1.628 -1.516,1.146c-0.836,-0.483 -1.515,-1.781 -1.515,-2.896c0,-1.115 0.679,-1.629 1.515,-1.146Z" style="fill:#00fc72;"/><path d="M126.043,154.75c0.837,0.483 1.516,1.78 1.516,2.896c0,1.115 -0.679,1.628 -1.516,1.145c-0.836,-0.483 -1.515,-1.78 -1.515,-2.895c0,-1.116 0.679,-1.629 1.515,-1.146Z" style="fill:#00fc72;"/></g></g></g></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.501,-76.4996,-0.000400432,88.3339,66.2509,114.75)"><stop offset="0" style="stop-color:#335774;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#243e57;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.501,-75.5768,75.5768,132.501,132.503,168)"><stop offset="0" style="stop-color:#253d54;stop-opacity:0.980392"/><stop offset="1" style="stop-color:#35516a;stop-opacity:0.980392"/></linearGradient><linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.501,-76.4992,76.4992,132.501,132.503,153)"><stop offset="0" style="stop-color:#00ceee;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#0a789a;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.496,-76.7757,76.0798,133.707,132.508,168)"><stop offset="0" style="stop-color:#00a3c8;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#00b6c3;stop-opacity:0.94902"/></linearGradient></defs></svg>

data/app/assets/svgs/ratchet/_topology/sentinel-memory.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 265 183" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="sentinel.-memory"><g><path d="M132.501,0l-132.501,76.5l44.167,25.5l132.501,-76.5l-44.167,-25.5Z" style="fill:url(#_Linear1);"/><path d="M176.668,25.5l-132.501,76.5l-44.167,-25.5l132.501,-76.5l44.167,25.5Zm-175.668,51l43.167,24.922l131.501,-75.922l-43.167,-24.923l-131.501,75.923Z" style="fill:#b067ff;"/><path d="M176.668,55.5l-132.501,76.5l-44.167,-25.5l0,-30l44.167,25.5l132.501,-76.5l0,30Z" style="fill:url(#_Linear2);"/><g><path d="M20.95,95.753c0.275,0.166 0.548,0.351 0.82,0.563c0.549,0.43 1.086,0.957 1.59,1.561c1.137,1.365 2.09,3.112 2.689,4.928c0.275,0.834 0.475,1.679 0.591,2.5c0.13,0.921 0.154,1.811 0.072,2.621c-0.076,0.757 -0.246,1.442 -0.503,2.026c-0.3,0.683 -0.717,1.224 -1.224,1.592c-0.525,0.38 -1.145,0.574 -1.821,0.565c-0.699,-0.009 -1.455,-0.236 -2.214,-0.662c-0.762,-0.427 -1.524,-1.051 -2.233,-1.833c-0.684,-0.754 -1.314,-1.65 -1.852,-2.628c-0.518,-0.943 -0.949,-1.96 -1.265,-2.988c-0.269,-0.876 -0.453,-1.758 -0.544,-2.606c-0.094,-0.877 -0.091,-1.718 0.012,-2.48c0.09,-0.678 0.26,-1.292 0.501,-1.82c0.566,-1.238 1.523,-1.977 2.69,-2.077c0.496,-0.042 1.028,0.03 1.574,0.215c0.269,0.091 0.54,0.211 0.813,0.353c0.102,0.054 0.203,0.111 0.304,0.17Zm-0.124,2.931c-0.514,-0.284 -1.019,-0.428 -1.486,-0.407c-0.411,0.019 -0.784,0.163 -1.097,0.42c-0.293,0.24 -0.531,0.58 -0.701,0.999c-0.144,0.354 -0.238,0.766 -0.278,1.217c-0.048,0.524 -0.025,1.099 0.069,1.694c0.066,0.422 0.168,0.853 0.303,1.281c0.388,1.234 1.042,2.424 1.826,3.319c0.431,0.492 0.897,0.889 1.364,1.167c0.471,0.279 0.941,0.438 1.379,0.461c0.408,0.021 0.786,-0.076 1.111,-0.282c0.324,-0.207 0.595,-0.521 0.796,-0.926c0.162,-0.328 0.277,-0.715 0.339,-1.145c0.073,-0.505 0.076,-1.069 0.008,-1.657c-0.061,-0.522 -0.178,-1.064 -0.347,-1.601c-0.348,-1.104 -0.909,-2.176 -1.587,-3.031c-0.455,-0.574 -0.953,-1.034 -1.463,-1.367c-0.079,-0.05 -0.157,-0.097 -0.236,-0.142Z" style="fill:#b149f7;"/><path d="M20.874,101.535c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.628 1.516,-1.146Z" style="fill:#fbff16;"/><path d="M35.03,110.23l-9.136,-5.276l0,3l9.136,5.276l0,-3Z" style="fill:#b149f7;"/><path d="M16.8,96.24l-16.8,-9.699l0,3l16.8,9.699l0,-3Z" style="fill:#b149f7;"/><path d="M16.8,103.168l-16.8,-9.699l0,3l16.8,9.699l0,-3Z" style="fill:#b149f7;"/></g></g><g id="memory"><path d="M176.669,25.5l-132.501,76.5l88.335,51l132.501,-76.5l-88.335,-51Z" style="fill:url(#_Linear3);"/><path d="M265.004,76.5l-132.501,76.5l-88.335,-51l132.501,-76.5l88.335,51Zm-219.836,25.5l87.335,50.423l131.501,-75.923l-87.335,-50.422l-131.501,75.922Z" style="fill:#71ff6d;"/><path d="M265.004,106.5l-132.501,76.5l-88.335,-51l0,-30l88.335,51l132.501,-76.5l0,30Z" style="fill:url(#_Linear4);"/><path d="M123.515,161.311l-23.593,-13.622l0,3l23.593,13.622l0,-3Z" style="fill:#087b3c;"/><path d="M76.704,134.285l-23.593,-13.622l0,3l23.593,13.622l0,-3Z" style="fill:#087b3c;"/><g><path d="M83.117,137.466c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.629 1.516,-1.146Z" style="fill:#00fc72;"/><path d="M88.313,140.466c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.629 1.516,-1.146Z" style="fill:#00fc72;"/><path d="M93.509,143.466c0.837,0.483 1.516,1.781 1.516,2.896c0,1.115 -0.679,1.629 -1.516,1.146c-0.836,-0.483 -1.515,-1.781 -1.515,-2.896c0,-1.115 0.679,-1.629 1.515,-1.146Z" style="fill:#00fc72;"/></g></g></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(130.806,-74.5415,-27.4588,74.1774,45.8632,100.041)"><stop offset="0" style="stop-color:#ab44ff;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#7c00b6;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.502,-75.0777,75.0777,132.502,132.502,183)"><stop offset="0" style="stop-color:#8300db;stop-opacity:0.952941"/><stop offset="1" style="stop-color:#a32bff;stop-opacity:0.952941"/></linearGradient><linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(133.74,-80.0731,29.0726,102.644,132.083,154.209)"><stop offset="0" style="stop-color:#00ea52;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#14bb62;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.502,-79.5019,76.9201,136.949,176.67,208.5)"><stop offset="0" style="stop-color:#00b454;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#00d84b;stop-opacity:0.94902"/></linearGradient></defs></svg>

data/app/assets/svgs/ratchet/_topology/sentinel.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 265 183" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="sentinel"><path d="M132.501,0l-132.501,76.5l132.503,76.5l132.501,-76.5l-132.503,-76.5Z" style="fill:url(#_Linear1);"/><path d="M265.004,76.5l-132.501,76.5l-132.503,-76.5l132.501,-76.5l132.503,76.5Zm-264.004,0l131.503,75.923l131.501,-75.923l-131.503,-75.923l-131.501,75.923Z" style="fill:#b067ff;"/><path d="M265.004,106.5l-132.501,76.5l-132.503,-76.5l0,-30l132.503,76.5l132.501,-76.5l0,30Z" style="fill:url(#_Linear2);"/><g><path d="M20.95,95.753c0.275,0.166 0.548,0.351 0.82,0.563c0.549,0.43 1.086,0.957 1.59,1.561c1.137,1.365 2.09,3.112 2.689,4.928c0.275,0.834 0.475,1.679 0.591,2.5c0.13,0.921 0.154,1.811 0.072,2.621c-0.076,0.757 -0.246,1.442 -0.503,2.026c-0.3,0.683 -0.717,1.224 -1.224,1.592c-0.525,0.38 -1.145,0.574 -1.821,0.565c-0.699,-0.009 -1.455,-0.236 -2.214,-0.662c-0.762,-0.427 -1.524,-1.051 -2.233,-1.833c-0.684,-0.754 -1.314,-1.65 -1.852,-2.628c-0.518,-0.943 -0.949,-1.96 -1.265,-2.988c-0.269,-0.876 -0.453,-1.758 -0.544,-2.606c-0.094,-0.877 -0.091,-1.718 0.012,-2.48c0.09,-0.678 0.26,-1.292 0.501,-1.82c0.566,-1.238 1.523,-1.977 2.69,-2.077c0.496,-0.042 1.028,0.03 1.574,0.215c0.269,0.091 0.54,0.211 0.813,0.353c0.102,0.054 0.203,0.111 0.304,0.17Zm-0.124,2.931c-0.514,-0.284 -1.019,-0.428 -1.486,-0.407c-0.411,0.019 -0.784,0.163 -1.097,0.42c-0.293,0.24 -0.531,0.58 -0.701,0.999c-0.144,0.354 -0.238,0.766 -0.278,1.217c-0.048,0.524 -0.025,1.099 0.069,1.694c0.066,0.422 0.168,0.853 0.303,1.281c0.388,1.234 1.042,2.424 1.826,3.319c0.431,0.492 0.897,0.889 1.364,1.167c0.471,0.279 0.941,0.438 1.379,0.461c0.408,0.021 0.786,-0.076 1.111,-0.282c0.324,-0.207 0.595,-0.521 0.796,-0.926c0.162,-0.328 0.277,-0.715 0.339,-1.145c0.073,-0.505 0.076,-1.069 0.008,-1.657c-0.061,-0.522 -0.178,-1.064 -0.347,-1.601c-0.348,-1.104 -0.909,-2.176 -1.587,-3.031c-0.455,-0.574 -0.953,-1.034 -1.463,-1.367c-0.079,-0.05 -0.157,-0.097 -0.236,-0.142Z" style="fill:#b149f7;"/><path d="M20.874,101.535c0.836,0.483 1.515,1.781 1.515,2.896c0,1.115 -0.679,1.629 -1.515,1.146c-0.837,-0.483 -1.516,-1.781 -1.516,-2.896c0,-1.115 0.679,-1.628 1.516,-1.146Z" style="fill:#fbff16;"/><path d="M123.678,161.41l-97.784,-56.456l0,3l97.784,56.456l0,-3Z" style="fill:#b149f7;"/><path d="M16.8,96.24l-16.8,-9.699l0,3l16.8,9.699l0,-3Z" style="fill:#b149f7;"/><path d="M16.8,103.168l-16.8,-9.699l0,3l16.8,9.699l0,-3Z" style="fill:#b149f7;"/></g></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.502,-73.5623,73.5623,132.502,132.502,150.062)"><stop offset="0" style="stop-color:#ab44ff;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#7c00b6;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.502,-75.0777,75.0777,132.502,132.502,183)"><stop offset="0" style="stop-color:#8300db;stop-opacity:0.952941"/><stop offset="1" style="stop-color:#a32bff;stop-opacity:0.952941"/></linearGradient></defs></svg>

data/app/assets/svgs/ratchet/_topology/storage.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 265 183" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="storage"><path d="M132.501,0l-132.501,76.5l132.503,76.5l132.501,-76.5l-132.503,-76.5Z" style="fill:url(#_Linear1);"/><path d="M265.004,76.5l-132.501,76.5l-132.503,-76.5l132.501,-76.5l132.503,76.5Zm-264.004,0l131.503,75.923l131.501,-75.923l-131.503,-75.923l-131.501,75.923Z" style="fill:#17b7f1;"/><path d="M265.004,106.5l-132.501,76.5l-132.503,-76.5l0,-30l132.503,76.5l132.501,-76.5l0,30Z" style="fill:url(#_Linear2);"/><path d="M123.541,155.576l-115.181,-66.5l0,3l115.181,66.5l0,-3Z" style="fill:#0057bb;fill-opacity:0.952941;"/><path d="M123.541,161.326l-115.181,-66.5l0,3l115.181,66.5l0,-3Z" style="fill:#0057bb;fill-opacity:0.952941;"/><path d="M123.541,167.076l-115.181,-66.5l0,3l115.181,66.5l0,-3Z" style="fill:#0057bb;fill-opacity:0.952941;"/></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.502,-75.8165,75.8165,132.502,132.502,152.316)"><stop offset="0" style="stop-color:#0091ff;stop-opacity:0.94902"/><stop offset="1" style="stop-color:#006eec;stop-opacity:0.94902"/></linearGradient><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(132.502,-78.4128,75.8672,136.948,132.502,168.631)"><stop offset="0" style="stop-color:#006eec;stop-opacity:0.952941"/><stop offset="1" style="stop-color:#0a81ff;stop-opacity:0.952941"/></linearGradient></defs></svg>

data/app/helpers/ratchet/application_helper.rb

@@ -57,8 +57,11 @@ module Ratchet
     # Consolidated page class output
     def page_classes
       page_class = @classes.map(&:to_s).join(" ") rescue nil
-      parts = request.path.split("/").reject(&:blank?).reject{|s| s.match(/\A[0-9]+(\.[0-9]+)?\z/)}
-      [ parts.last, page_class ].reject(&:blank?).join(" ")
+      [page_class ].reject(&:blank?).join(" ")
+    end
+
+    def deployment_name(name)
+      Site.deployment_data['deployments'][name][:name]
     end
 
     # Main section class output
@@ -71,5 +74,10 @@ module Ratchet
         @main_classes || ''
       end
     end
+
+    def number_to_currency(value)
+      ActionController::Base.helpers.number_to_currency(value, unit: '$')
+    end
+
   end
 end

data/app/helpers/ratchet/form_helper.rb

@@ -197,7 +197,7 @@ module Ratchet
 
       options['value'] ||= options['min'] || 0
 
-      html_options = {"class" => classnames, "type" => "range", "min" => options['min'], "max" => options['max'], "value" => options['value'] }.update('data' => data)
+      html_options = {"id"=> options['id'], "class" => classnames, "type" => "range", "min" => options['min'], "max" => options['max'], "value" => options['value'] }.update('data' => data)
 
       content_tag(:label, class: 'range-label') {
         concat label if label
@@ -420,5 +420,88 @@ module Ratchet
       }
     end
 
+    def slider_input_tag(name, options={})
+      options = options.stringify_keys
+      classnames = options.delete('class') || ''
+
+      data = options['data'] || {}
+      data['input'] ||= name
+
+      if options['position_label']
+        data['position_label'] = options['position_label']
+      end
+      
+      # Set values (and max based on values size)
+      if values = options['values']
+        data['values'] = values.join(',')
+        options['max'] ||= values.size - 1
+      end
+
+      # Support legacy option
+      options['labels'] ||= options['label']
+
+      if labels = options['labels']
+        if labels.is_a?(Array)
+          data['label'] = labels.join(';')
+          options['max'] ||= labels.size - 1
+        elsif labels.is_a?(Hash)
+          labels.each do |label, value|
+            data['label-'+dasherize(label.to_s.downcase)] = value.join(';')
+            options['max'] ||= value.size - 1
+          end
+        end
+      end
+
+      if labels == false
+        data['label'] = 'false'
+      end
+
+      if labels = options['external_labels']
+        if labels.is_a?(Hash)
+          labels.each do |label, value|
+            l = label.to_s.downcase.dasherize
+            data['external-label-'+l] = value.join(';')
+          end
+        end
+      end
+
+      if before = options['before']
+        if before.is_a?(String)
+          data['before-label'] = before
+        else
+          before.each do |key, value|
+            data["before-label-#{key}"] = value
+          end
+        end
+      end
+
+      if mark = options['mark']
+        data['mark'] = mark.join(',')
+      end
+
+      if after = options['after']
+        if after.is_a?(String)
+          data['after-label'] = after
+        else
+          after.each do |key, value|
+            data["after-label-#{key}"] = value
+          end
+        end
+      end
+
+      if line_labels = options['line_labels']
+        data['line_labels'] = []
+        line_labels.each do |k, v|
+          data['line_labels'] << "#{k}:#{v}"
+        end
+        data['line_labels'] = data['line_labels'].join(';')
+      end
+
+      options['value'] ||= options['min'] || 0
+
+      html_options = {"class" => classnames, "type" => "range", "min" => options['min'], "max" => options['max'], "value" => options['value'] }.update('data' => data)
+      tag :input, html_options
+    end
+    alias :range_input_tag :slider_input_tag
   end
 end

data/app/helpers/ratchet/icon_helper.rb

@@ -0,0 +1,113 @@
+module Ratchet
+  module IconHelper
+
+    def deployment_info(name)
+      deployment = deployments[name.downcase]
+
+      if deployment.nil? && !Rails.env.production?
+        raise %Q{No deployment type "#{name}" exists.}
+      end
+        
+      deployment
+    end
+
+    def deployments
+      Site.deployment_data['deployments']
+    end
+
+    def deployment_graphic
+      Site.deployment_icon
+    end
+
+    def grid_bg(options={})
+      options = {
+        scale: true,
+        class: "svg-bg bottom centered",
+        "aria-hidden" => true
+      }.merge(options)
+
+      use_svg "graphics/grid", options
+    end
+
+    def topology_desc(part, deployment_name)
+      parts = Site.deployment_data['parts']
+      if parts[deployment_name] && parts[deployment_name][part]
+        parts[deployment_name][part]
+      else
+        parts[part]
+      end
+    end
+
+    def deployment_text(text, options={})
+      options = {
+        x: deployment_graphic.width.to_f / 2,
+        y: deployment_graphic.height.to_f / 2,
+        fill: "currentColor",
+        "font-weight" => 700,
+        "font-size" => "57px",
+        "text-anchor" => "middle",
+        "dominant-baseline" =>"central",
+        "alignment-baseline" => "central"
+      }.merge(options)
+
+      content_tag(:text, text, options).html_safe
+    end
+
+    def deployment_topology(name, options={})
+      data = deployment_info(name)
+
+      components = data[:topology].map do |item|
+        Esvg.find_symbol("topology/#{item}")
+      end
+
+      base = 153 # height of top plane
+      options[:spacing] ||= 10  # space between
+
+      # Find height of each section
+      heights = components.map(&:height).map { |h| h - base + options[:spacing] }
+
+      # Start coordinates at 0
+      y = [0].concat heights
+
+      # Add previous height total to create next coordinate
+      y = y.map.with_index { |h, i| y[0..i].reduce(:+) }
+
+      # Full height = last calculated coordinate + base (minus the additional space)
+      height = base + y.pop - options[:spacing]
+
+      use = components.map.with_index do |c, i|
+        part_name = c.name.sub('topology-','')
+        c.use_tag(y: y[i], width: c.width, height: c.height, class:'capsule', "aria-label" => topology_desc(part_name, name.downcase))
+      end.reverse.join
+
+      attr = {
+        version: "1.1",
+        preserveAspectRatio: "xMidYMid meet",
+        viewBox: "0 0 #{components.last.width} #{height}",
+        'aria-label' => "Topology of a #{data[:name]} deployment"
+      }.merge(options)
+
+      content_tag(:svg, attr) { use.html_safe }
+    end
+
+    def deployment_svg(name, options={})
+      data = deployment_info(name)
+      (options[:use] ||= {})
+      options[:use][:stroke] ||= options.delete(:stroke) || "currentColor"
+      options[:use][:stroke_width] ||= options.delete(:stroke_width) || 4
+      options[:use][:class] ||= "deployment-icon-hex #{options[:use][:class]}".strip
+
+      options[:fill]    ||= "url(##{data[:gradient]})"
+      options[:color]   ||= "#fff"
+      options[:content] ||= deployment_text(data[:short_name], options.delete(:text) || {})
+
+      deployment_graphic.use(options).html_safe
+    end
+
+    def deployment_icon(name, options={})
+      options[:stroke_width] ||= 8
+      options[:text] ||= { "font-weight" => 600, "font-size" => "76px" }
+      deployment_svg name, options
+    end
+  end
+end

data/app/helpers/ratchet/pricing_helper.rb

@@ -0,0 +1,133 @@
+module Ratchet
+  module PricingHelper
+
+    TYPE_SIZE = {
+      'data'    => { ram: 0.1, storage: 1 },
+      'memory'  => { ram: 0.25, storage: 0.25 },
+      'memdata' => { ram: 0.25, storage: 0.25 }
+    }
+
+    steps = [1, 2, 5, 10, 25, 100]
+    ranges = [[1,10],[12,22],[25,50],[60,120],[125,350],[400,1000]]
+    units = []
+
+    ranges.each_with_index do |range, index|
+      (range.first .. range.last).step(steps[index]) do |step|
+         units.push step
+      end
+    end
+
+    UNITS = units
+
+    def pricing_data
+      @deployment_pricing ||= begin
+        deployment_data = Site.config_data['deployments']
+
+        # Only select pricing for deployments we have planned UI for
+        pricing = Site.config_data['pricing'].select { |d| deployment_data['slugs'][ d['slug'] ] }
+
+        deployment_pricing = {}
+        pricing.each do |deployment|
+
+          slug       = deployment_data['slugs'][ deployment['slug'] ]
+          overhead   = deployment['base_overhead'] || 0
+          type       = TYPE_SIZE[deployment['scalables'].first['type']] # Storage/Memory configuration for this deployment type
+          tiers      = deployment['scalables'].first['price_tiers']
+          base_price = tiers.first['unit_cost'] # Get per unit price with no discount
+          max_units = deployment_data['deployments'][slug][:max_units] || UNITS.last
+
+          new_data   = {
+            units:       [],
+            price:       [],
+            price_ph:    [],
+            discount:    [],
+            savings:     [],
+            storage:     [],
+            memory:      []
+          }
+          
+          units = UNITS.select {|u| tiers.first['range'][0] <= u && u <= max_units }
+          units.push(max_units) if units.last < max_units
+
+          tiers.each do |tier|
+
+            range     = units.select{ |u| tier['range'].first <= u && u <= tier['range'].last }
+            cost      = tier['unit_cost']
+            discount  = tier['discount_pct']
+
+            new_data[:units].concat     range
+            new_data[:price].concat     range.map{|r| number_to_currency((cost * r) + overhead) }
+            new_data[:price_ph].concat  range.map{|r| (((cost * r) + overhead).to_f / 720).round(4) }
+            new_data[:discount].concat  range.map{|r| discount }
+            new_data[:savings].concat   range.map{|r| number_to_currency(((cost * r) + overhead) * discount/100 )}
+            new_data[:storage].concat   range.map{|r| r * type[:storage] }
+            new_data[:memory].concat    range.map{|r| r * type[:ram] }
+
+          end
+
+          deployment_pricing[slug] = new_data
+
+        end
+
+        deployment_pricing
+      end
+    end
+
+    def number_to_currency(value)
+      ActionController::Base.helpers.number_to_currency(value, unit: '')
+    end
+
+    def pricing_slider(name, options={})
+      data = pricing_data[name].merge(options)
+
+
+      data[:mark] = []
+      data[:storage].map!{ |s| nearest_size(s) }
+      data[:memory].map!{ |s| nearest_size(s) }
+
+      data[:line_labels] = { 
+        "1" => data[:storage].first,
+        "#{data[:units].size}" => data[:storage].last 
+      }
+
+      current_discount = 0
+
+      data[:discount].each_with_index do |d, index|
+        if d != current_discount
+          current_discount = d
+          data[:mark].push index + 1
+          #data[:line_labels][(index+1).to_s] = data[:storage][index]
+        end
+      end
+
+
+      data[:line_labels] = { 
+        "1" => data[:storage].first,
+        "#{data[:storage].size}" => data[:storage].last
+      }
+
+      data[:values] = data.delete(:units)
+
+      data[:external_labels] = {
+        discount: data.delete(:discount).map{|d| d == 0 ? '' : d },
+        savings:  data.delete(:savings).map{|d| d == '0.00' ? '' : d },
+        storage:  data.delete(:storage),
+        memory:   data.delete(:memory),
+        price_m:  data.delete(:price),
+        price_h:  data.delete(:price_ph)
+      }
+
+      data
+
+    end
+
+    def nearest_size(size)
+      if size > 1024
+        "#{(size / 1024).round(2)} TB"
+      else
+        size = (size * 1024 * 1048576).round(2) # GiB -> MiB -> Bytes
+        ActionController::Base.helpers.number_to_human_size(size, precision: 3).sub(/\.0 /,' ')
+      end
+    end
+  end
+end

data/app/helpers/ratchet/toggle_nav_helper.rb

@@ -0,0 +1,101 @@
+module Ratchet
+  module ToggleNavHelper
+    class ToggleNav < RatchetDesign::Helper
+
+      def initialize(tag = :div, options = {})
+
+        if tag.is_a? Hash
+          options = tag
+          tag = :div
+        end
+
+        options[:tag] = tag
+
+        @options = options
+        @options[:name] ||= "radio-group-#{rand(10000)}-#{rand(10000)}"
+        @count = 0
+      end
+
+      def display(body)
+        options = @options
+        options.delete(:name)
+
+        display_tag options.delete(:tag), options, body 
+      end
+
+      def display_tag(tag, options, body )
+        options[:class] = "toggle-nav #{@options[:class]}"
+        content_tag(tag, options) { body }
+      end
+
+      def extract_block(&block)
+        capture(&block).html_safe
+      end
+
+      def option(label = nil, options = {}, &block)
+
+        if label.is_a? Hash
+          options = label
+          label = options.delete(:label)
+        end
+
+        checked = options.delete(:checked) || false
+        name = options.delete(:name) || @options[:name]
+        label_text = content_tag(:span, class: 'label-text') { label } if label
+
+        label_class = "#{options.delete(:class)} toggle-label"
+        label_id = "#{name}_#{@count += 1}"
+
+        # The label should have an active class
+        # when the radio is active
+        options[:add_class] = "active; ##{label_id}& #{options[:add_clss]}"
+
+        options = set_toggle_options(options)
+
+        content_tag(:label, class: label_class, id: label_id ) {
+          concat radio_button_tag(name, true, checked, options)
+          concat extract_block(&block) if block_given?
+          concat label_text
+        }
+      end
+
+      def set_toggle_options( options )
+        options[:data] ||= {}
+        options[:data] = options[:data].merge({
+          show: options.delete(:show),
+          hide: options.delete(:hide),
+          add_class: options.delete(:add_class),
+          remove_class: options.delete(:remove_class)
+        })
+
+        options
+      end
+    end
+
+    class ToggleRow < ToggleNav
+      def display_tag(tag, options, body )
+
+        options[:class] = "toggle-row #{@options[:class]}".strip
+        label = content_tag(:span, class: 'toggle-row-label-text') { options.delete(:label) } if options[:label]
+
+        content_tag(tag, options) {
+          concat label
+          concat content_tag('div', class: 'toggle-row-panel') { body }
+        }
+      end
+    end
+
+    class TogglePanel < ToggleNav
+      def display_tag(tag, options, body)
+
+        options[:class] = "toggle-panels #{@options[:class]}".strip
+        label = content_tag(:span, class: 'toggle-panel-label-text') { options.delete(:label) } if options[:label]
+
+        content_tag(tag, options) {
+          concat label
+          concat ( body )
+        }
+      end
+    end
+  end
+end

data/app/views/layouts/ratchet/default.html.slim

@@ -23,6 +23,9 @@ html
     - if content_for?(:favicon)
       = yield :favicon
 
+    / Site CSS
+    = yield :stylesheets
+
     / Ratchet core JS
     = javascript_tag "core"
 
@@ -35,9 +38,6 @@ html
         ratchet.loadFont( 'proxima-nova-', '#{stylesheet_url("fonts-woff.css").first}', '#{stylesheet_url("fonts-woff2.css").first}' )
       })
 
-    / Site CSS
-    = yield :stylesheets
-
     / Head
     = yield :head