Add and generate custom resources

Signed-off-by: falkTX <falktx@falktx.com>
4 years ago · 655a738c85
--- a/ports/vitalium/BinaryData.cpp
+++ b/ports/vitalium/BinaryData.cpp
--- a/ports/vitalium/BinaryData.h
+++ b/ports/vitalium/BinaryData.h
@@ -1,108 +1,25 @@
 /* =========================================================================================
   This is an auto-generated file: Any edits you make may be overwritten!
 */
 /* Copyright 2021 Filipe Coelho
 *
 * vital is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * vital is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with vital.  If not, see <http://www.gnu.org/licenses/>.
 */
 #pragma once
 namespace BinaryData
 {
    extern const char*   _5_Limit_scl;
    const int            _5_Limit_sclSize = 87;
    extern const char*   _7_Limit_scl;
    const int            _7_Limit_sclSize = 85;
    extern const char*   Pythagorean_scl;
    const int            Pythagorean_sclSize = 108;
    extern const char*   default_vitalskin;
    const int            default_vitalskinSize = 10485;
    extern const char*   DroidSansMono_ttf;
    const int            DroidSansMono_ttfSize = 119380;
    extern const char*   LatoLight_ttf;
    const int            LatoLight_ttfSize = 77192;
    extern const char*   LatoRegular_ttf;
    const int            LatoRegular_ttfSize = 75136;
    extern const char*   MontserratLight_otf;
    const int            MontserratLight_otfSize = 228068;
    extern const char*   MontserratRegular_ttf;
    const int            MontserratRegular_ttfSize = 245708;
    extern const char*   chorus_svg;
    const int            chorus_svgSize = 12842;
    extern const char*   cog_svg;
    const int            cog_svgSize = 472;
    extern const char*   compressor_svg;
    const int            compressor_svgSize = 3175;
    extern const char*   delay_svg;
    const int            delay_svgSize = 3334;
    extern const char*   distortion_svg;
    const int            distortion_svgSize = 2015;
    extern const char*   drag_drop_arrows_svg;
    const int            drag_drop_arrows_svgSize = 3810;
    extern const char*   effects_filter_svg;
    const int            effects_filter_svgSize = 1495;
    extern const char*   equalizer_svg;
    const int            equalizer_svgSize = 2816;
    extern const char*   flanger_svg;
    const int            flanger_svgSize = 3334;
    extern const char*   folder_svg;
    const int            folder_svgSize = 154;
    extern const char*   link_svg;
    const int            link_svgSize = 317;
    extern const char*   phaser_svg;
    const int            phaser_svgSize = 1588;
    extern const char*   reverb_svg;
    const int            reverb_svgSize = 14394;
    extern const char*   shuffle_svg;
    const int            shuffle_svgSize = 382;
    extern const char*   vital_ring_svg;
    const int            vital_ring_svgSize = 2658;
    extern const char*   vital_v_svg;
    const int            vital_v_svgSize = 2658;
    extern const char*   vital_word_svg;
    const int            vital_word_svgSize = 3979;
    extern const char*   vital_word_ring_svg;
    const int            vital_word_ring_svgSize = 1888;
    // Number of elements in the namedResourceList and originalFileNames arrays.
    const int namedResourceListSize = 27;
    // Points to the start of a list of resource names.
    extern const char* namedResourceList[];
    // Points to the start of a list of resource filenames.
    extern const char* originalFilenames[];
    // If you provide the name of one of the binary resource variables above, this function will
    // return the corresponding data and its size (or a null pointer if the name isn't found).
    const char* getNamedResource (const char* resourceNameUTF8, int& dataSizeInBytes);
    // If you provide the name of one of the binary resource variables above, this function will
    // return the corresponding original, non-mangled filename (or a null pointer if the name isn't found).
    const char* getNamedResourceOriginalFilename (const char* resourceNameUTF8);
 }
 #define FONTS
 #define ICONS
 #define TUNINGS
 #include "resources/BinaryData.h"
 #undef FONTS
 #undef ICONS
 #undef TUNINGS
--- a/ports/vitalium/fetch-upstream-code.sh
+++ b/ports/vitalium/fetch-upstream-code.sh
@@ -4,21 +4,32 @@ set -e
 cd $(dirname ${0})
 # build binarybuilder tool
 make -C ../../libs/juce-current/source/extras/BinaryBuilder/Builds/LinuxMakefile/
 # fetch git repo if not done yet
 if [ ! -d vital-git ]; then
    git clone --depth=1 --recursive git@github.com:mtytel/vital.git vital-git
 fi
 # clean and update git repo
 # pushd vital-git
 # git checkout .
 # git submodule update
 # git pull
 # git submodule update
 # popd
 # TODO generate binarydata ourselves
 cp vital-git/plugin/JuceLibraryCode/BinaryData.{cpp,h} .
 pushd vital-git
 git checkout .
 git submodule update
 git pull
 git submodule update
 popd
 ../../libs/juce-current/source/extras/BinaryBuilder/Builds/LinuxMakefile/build/BinaryBuilder resources/ resources BinaryData "*.*"
 sed -i \
  -e "s/ 5_Limit_scl/ _5_Limit_scl/g" \
  -e "s/ 7_Limit_scl/ _7_Limit_scl/g" \
  -e "s/:5_Limit_scl/:_5_Limit_scl/g" \
  -e "s/:7_Limit_scl/:_7_Limit_scl/g" \
  resources/BinaryData.*
 # TODO finish this script, needs to take into account custom DISTRHO fork changes
 exit 0
 rm -rf source third_party
 mkdir source
--- a/ports/vitalium/resources/BinaryData.cpp
+++ b/ports/vitalium/resources/BinaryData.cpp
--- a/ports/vitalium/resources/BinaryData.h
+++ b/ports/vitalium/resources/BinaryData.h
@@ -0,0 +1,126 @@
 /* (Auto-generated binary data file). */
 #pragma once
 namespace BinaryData
 {
  #ifdef FONTS
    extern const char*  DroidSansMono_ttf;
    const int           DroidSansMono_ttfSize = 119380;
  #endif
  #ifdef FONTS
    extern const char*  LatoLight_ttf;
    const int           LatoLight_ttfSize = 77192;
  #endif
  #ifdef FONTS
    extern const char*  LatoRegular_ttf;
    const int           LatoRegular_ttfSize = 75136;
  #endif
  #ifdef FONTS
    extern const char*  MontserratLight_otf;
    const int           MontserratLight_otfSize = 228068;
  #endif
  #ifdef FONTS
    extern const char*  MontserratRegular_ttf;
    const int           MontserratRegular_ttfSize = 245708;
  #endif
    extern const char*  default_vitalskin;
    const int           default_vitalskinSize = 10485;
  #ifdef TUNINGS
    extern const char*  _5_Limit_scl;
    const int           _5_Limit_sclSize = 87;
  #endif
  #ifdef TUNINGS
    extern const char*  _7_Limit_scl;
    const int           _7_Limit_sclSize = 85;
  #endif
  #ifdef TUNINGS
    extern const char*  Pythagorean_scl;
    const int           Pythagorean_sclSize = 108;
  #endif
  #ifdef ICONS
    extern const char*  chorus_svg;
    const int           chorus_svgSize = 12842;
  #endif
  #ifdef ICONS
    extern const char*  cog_svg;
    const int           cog_svgSize = 472;
  #endif
  #ifdef ICONS
    extern const char*  compressor_svg;
    const int           compressor_svgSize = 3175;
  #endif
  #ifdef ICONS
    extern const char*  delay_svg;
    const int           delay_svgSize = 3334;
  #endif
  #ifdef ICONS
    extern const char*  distortion_svg;
    const int           distortion_svgSize = 2015;
  #endif
  #ifdef ICONS
    extern const char*  drag_drop_arrows_svg;
    const int           drag_drop_arrows_svgSize = 3810;
  #endif
  #ifdef ICONS
    extern const char*  effects_filter_svg;
    const int           effects_filter_svgSize = 1495;
  #endif
  #ifdef ICONS
    extern const char*  equalizer_svg;
    const int           equalizer_svgSize = 2816;
  #endif
  #ifdef ICONS
    extern const char*  flanger_svg;
    const int           flanger_svgSize = 3334;
  #endif
  #ifdef ICONS
    extern const char*  folder_svg;
    const int           folder_svgSize = 154;
  #endif
  #ifdef ICONS
    extern const char*  link_svg;
    const int           link_svgSize = 317;
  #endif
  #ifdef ICONS
    extern const char*  phaser_svg;
    const int           phaser_svgSize = 1588;
  #endif
  #ifdef ICONS
    extern const char*  reverb_svg;
    const int           reverb_svgSize = 14394;
  #endif
  #ifdef ICONS
    extern const char*  shuffle_svg;
    const int           shuffle_svgSize = 382;
  #endif
    extern const char*  vitaliumunfa_png;
    const int           vitaliumunfa_pngSize = 36106;
    extern const char*  BinaryData_cpp;
    const int           BinaryData_cppSize = 2555794;
 }
--- a/ports/vitalium/resources/default.vitalskin
+++ b/ports/vitalium/resources/default.vitalskin
--- a/ports/vitalium/resources/fonts/DroidSansMono.ttf
+++ b/ports/vitalium/resources/fonts/DroidSansMono.ttf
--- a/ports/vitalium/resources/fonts/LICENSE
+++ b/ports/vitalium/resources/fonts/LICENSE
@@ -0,0 +1,201 @@
                                 Apache License
                           Version 2.0, January 2004
                        http://www.apache.org/licenses/
   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
   1. Definitions.
      "License" shall mean the terms and conditions for use, reproduction,
      and distribution as defined by Sections 1 through 9 of this document.
      "Licensor" shall mean the copyright owner or entity authorized by
      the copyright owner that is granting the License.
      "Legal Entity" shall mean the union of the acting entity and all
      other entities that control, are controlled by, or are under common
      control with that entity. For the purposes of this definition,
      "control" means (i) the power, direct or indirect, to cause the
      direction or management of such entity, whether by contract or
      otherwise, or (ii) ownership of fifty percent (50%) or more of the
      outstanding shares, or (iii) beneficial ownership of such entity.
      "You" (or "Your") shall mean an individual or Legal Entity
      exercising permissions granted by this License.
      "Source" form shall mean the preferred form for making modifications,
      including but not limited to software source code, documentation
      source, and configuration files.
      "Object" form shall mean any form resulting from mechanical
      transformation or translation of a Source form, including but
      not limited to compiled object code, generated documentation,
      and conversions to other media types.
      "Work" shall mean the work of authorship, whether in Source or
      Object form, made available under the License, as indicated by a
      copyright notice that is included in or attached to the work
      (an example is provided in the Appendix below).
      "Derivative Works" shall mean any work, whether in Source or Object
      form, that is based on (or derived from) the Work and for which the
      editorial revisions, annotations, elaborations, or other modifications
      represent, as a whole, an original work of authorship. For the purposes
      of this License, Derivative Works shall not include works that remain
      separable from, or merely link (or bind by name) to the interfaces of,
      the Work and Derivative Works thereof.
      "Contribution" shall mean any work of authorship, including
      the original version of the Work and any modifications or additions
      to that Work or Derivative Works thereof, that is intentionally
      submitted to Licensor for inclusion in the Work by the copyright owner
      or by an individual or Legal Entity authorized to submit on behalf of
      the copyright owner. For the purposes of this definition, "submitted"
      means any form of electronic, verbal, or written communication sent
      to the Licensor or its representatives, including but not limited to
      communication on electronic mailing lists, source code control systems,
      and issue tracking systems that are managed by, or on behalf of, the
      Licensor for the purpose of discussing and improving the Work, but
      excluding communication that is conspicuously marked or otherwise
      designated in writing by the copyright owner as "Not a Contribution."
      "Contributor" shall mean Licensor and any individual or Legal Entity
      on behalf of whom a Contribution has been received by Licensor and
      subsequently incorporated within the Work.
   2. Grant of Copyright License. Subject to the terms and conditions of
      this License, each Contributor hereby grants to You a perpetual,
      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
      copyright license to reproduce, prepare Derivative Works of,
      publicly display, publicly perform, sublicense, and distribute the
      Work and such Derivative Works in Source or Object form.
   3. Grant of Patent License. Subject to the terms and conditions of
      this License, each Contributor hereby grants to You a perpetual,
      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
      (except as stated in this section) patent license to make, have made,
      use, offer to sell, sell, import, and otherwise transfer the Work,
      where such license applies only to those patent claims licensable
      by such Contributor that are necessarily infringed by their
      Contribution(s) alone or by combination of their Contribution(s)
      with the Work to which such Contribution(s) was submitted. If You
      institute patent litigation against any entity (including a
      cross-claim or counterclaim in a lawsuit) alleging that the Work
      or a Contribution incorporated within the Work constitutes direct
      or contributory patent infringement, then any patent licenses
      granted to You under this License for that Work shall terminate
      as of the date such litigation is filed.
   4. Redistribution. You may reproduce and distribute copies of the
      Work or Derivative Works thereof in any medium, with or without
      modifications, and in Source or Object form, provided that You
      meet the following conditions:
      (a) You must give any other recipients of the Work or
          Derivative Works a copy of this License; and
      (b) You must cause any modified files to carry prominent notices
          stating that You changed the files; and
      (c) You must retain, in the Source form of any Derivative Works
          that You distribute, all copyright, patent, trademark, and
          attribution notices from the Source form of the Work,
          excluding those notices that do not pertain to any part of
          the Derivative Works; and
      (d) If the Work includes a "NOTICE" text file as part of its
          distribution, then any Derivative Works that You distribute must
          include a readable copy of the attribution notices contained
          within such NOTICE file, excluding those notices that do not
          pertain to any part of the Derivative Works, in at least one
          of the following places: within a NOTICE text file distributed
          as part of the Derivative Works; within the Source form or
          documentation, if provided along with the Derivative Works; or,
          within a display generated by the Derivative Works, if and
          wherever such third-party notices normally appear. The contents
          of the NOTICE file are for informational purposes only and
          do not modify the License. You may add Your own attribution
          notices within Derivative Works that You distribute, alongside
          or as an addendum to the NOTICE text from the Work, provided
          that such additional attribution notices cannot be construed
          as modifying the License.
      You may add Your own copyright statement to Your modifications and
      may provide additional or different license terms and conditions
      for use, reproduction, or distribution of Your modifications, or
      for any such Derivative Works as a whole, provided Your use,
      reproduction, and distribution of the Work otherwise complies with
      the conditions stated in this License.
   5. Submission of Contributions. Unless You explicitly state otherwise,
      any Contribution intentionally submitted for inclusion in the Work
      by You to the Licensor shall be under the terms and conditions of
      this License, without any additional terms or conditions.
      Notwithstanding the above, nothing herein shall supersede or modify
      the terms of any separate license agreement you may have executed
      with Licensor regarding such Contributions.
   6. Trademarks. This License does not grant permission to use the trade
      names, trademarks, service marks, or product names of the Licensor,
      except as required for reasonable and customary use in describing the
      origin of the Work and reproducing the content of the NOTICE file.
   7. Disclaimer of Warranty. Unless required by applicable law or
      agreed to in writing, Licensor provides the Work (and each
      Contributor provides its Contributions) on an "AS IS" BASIS,
      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
      implied, including, without limitation, any warranties or conditions
      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
      PARTICULAR PURPOSE. You are solely responsible for determining the
      appropriateness of using or redistributing the Work and assume any
      risks associated with Your exercise of permissions under this License.
   8. Limitation of Liability. In no event and under no legal theory,
      whether in tort (including negligence), contract, or otherwise,
      unless required by applicable law (such as deliberate and grossly
      negligent acts) or agreed to in writing, shall any Contributor be
      liable to You for damages, including any direct, indirect, special,
      incidental, or consequential damages of any character arising as a
      result of this License or out of the use or inability to use the
      Work (including but not limited to damages for loss of goodwill,
      work stoppage, computer failure or malfunction, or any and all
      other commercial damages or losses), even if such Contributor
      has been advised of the possibility of such damages.
   9. Accepting Warranty or Additional Liability. While redistributing
      the Work or Derivative Works thereof, You may choose to offer,
      and charge a fee for, acceptance of support, warranty, indemnity,
      or other liability obligations and/or rights consistent with this
      License. However, in accepting such obligations, You may act only
      on Your own behalf and on Your sole responsibility, not on behalf
      of any other Contributor, and only if You agree to indemnify,
      defend, and hold each Contributor harmless for any liability
      incurred by, or claims asserted against, such Contributor by reason
      of your accepting any such warranty or additional liability.
   END OF TERMS AND CONDITIONS
   APPENDIX: How to apply the Apache License to your work.
      To apply the Apache License to your work, attach the following
      boilerplate notice, with the fields enclosed by brackets "[]"
      replaced with your own identifying information. (Don't include
      the brackets!)  The text should be enclosed in the appropriate
      comment syntax for the file format. We also recommend that a
      file or class name and description of purpose be included on the
      same "printed page" as the copyright notice for easier
      identification within third-party archives.
   Copyright [yyyy] [name of copyright owner]
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at
       http://www.apache.org/licenses/LICENSE-2.0
   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
--- a/ports/vitalium/resources/fonts/Lato-Light.ttf
+++ b/ports/vitalium/resources/fonts/Lato-Light.ttf
--- a/ports/vitalium/resources/fonts/Lato-Regular.ttf
+++ b/ports/vitalium/resources/fonts/Lato-Regular.ttf
--- a/ports/vitalium/resources/fonts/Montserrat-Light.otf
+++ b/ports/vitalium/resources/fonts/Montserrat-Light.otf
--- a/ports/vitalium/resources/fonts/Montserrat-Regular.ttf
+++ b/ports/vitalium/resources/fonts/Montserrat-Regular.ttf
--- a/ports/vitalium/resources/icons/chorus.svg
+++ b/ports/vitalium/resources/icons/chorus.svg
--- a/ports/vitalium/resources/icons/cog.svg
+++ b/ports/vitalium/resources/icons/cog.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M3.94 6.5L2.22 3.64l1.42-1.42L6.5 3.94c.52-.3 1.1-.54 1.7-.7L9 0h2l.8 3.24c.6.16 1.18.4 1.7.7l2.86-1.72 1.42 1.42-1.72 2.86c.3.52.54 1.1.7 1.7L20 9v2l-3.24.8c-.16.6-.4 1.18-.7 1.7l1.72 2.86-1.42 1.42-2.86-1.72c-.52.3-1.1.54-1.7.7L11 20H9l-.8-3.24c-.6-.16-1.18-.4-1.7-.7l-2.86 1.72-1.42-1.42 1.72-2.86c-.3-.52-.54-1.1-.7-1.7L0 11V9l3.24-.8c.16-.6.4-1.18.7-1.7zM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/></svg>
--- a/ports/vitalium/resources/icons/compressor.svg
+++ b/ports/vitalium/resources/icons/compressor.svg
@@ -0,0 +1,3 @@
 <?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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M591.21 300C596.06 300 600 303.94 600 308.79C600 315.03 600 324.97 600 331.21C600 336.06 596.06 340 591.21 340C480.97 340 159.03 340 48.79 340C43.94 340 40 336.06 40 331.21C40 324.97 40 315.03 40 308.79C40 303.94 43.94 300 48.79 300C159.03 300 480.97 300 591.21 300Z" id="b26o7SDGbN"></path><path d="M318.08 210C391.74 210 452.52 189.25 500.44 147.74C505.5 143.35 513.07 143.53 517.92 148.16C522.49 152.53 527.67 157.47 532.24 161.84C536.85 166.24 536.72 173.63 531.97 177.87C478.05 225.96 406.76 250 318.08 250C229.49 250 159.46 226.02 108.01 178.06C103.29 173.65 103.16 166.21 107.73 161.64C112.05 157.31 116.68 152.69 121.01 148.36C125.7 143.67 133.24 143.46 138.18 147.88C184.52 189.29 244.48 210 318.08 210Z" id="b2UV0O1kuG"></path><path d="M319.99 502.73C333.58 502.73 347.3 505.04 361.15 509.65C366.23 511.35 371 506.38 369.1 501.37C358.49 473.43 342.11 459.64 319.96 460C297.81 460.36 281.46 474.16 270.91 501.4C268.99 506.37 273.72 511.34 278.78 509.66C292.66 505.04 306.4 502.73 319.99 502.73Z" id="a1paw4gpNh"></path><path d="M0 10L0 10L0 11.54L0 11.54L0 10Z" id="b2RdguxefU"></path><path d="M0 0L0 0L0 1.54L0 1.54L0 0Z" id="d1OktqaNK2"></path><path d="M640 640L640 640L640 641L640 641L640 640Z" id="d3GFjQqDTn"></path><path d="M0 0L0 0L0 1L0 1L0 0Z" id="bjsVKLTuv"></path><path d="M319.99 127.27C333.58 127.27 347.3 124.96 361.15 120.35C366.23 118.65 371 123.62 369.1 128.63C358.49 156.57 342.11 170.36 319.96 170C297.81 169.64 281.46 155.84 270.91 128.6C268.99 123.63 273.72 118.66 278.78 120.34C292.66 124.96 306.4 127.27 319.99 127.27Z" id="blbdZH2rS"></path><path d="M318.08 420C391.74 420 452.52 440.75 500.44 482.26C505.5 486.65 513.07 486.47 517.92 481.84C522.49 477.47 527.67 472.53 532.24 468.16C536.85 463.76 536.72 456.37 531.97 452.13C478.05 404.04 406.76 380 318.08 380C229.49 380 159.46 403.98 108.01 451.94C103.29 456.35 103.16 463.79 107.73 468.36C112.05 472.69 116.68 477.31 121.01 481.64C125.7 486.33 133.24 486.54 138.18 482.12C184.52 440.71 244.48 420 318.08 420Z" id="bkC4qdQv1"></path></defs><g><g><g><use xlink:href="#b26o7SDGbN" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#b2UV0O1kuG" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#a1paw4gpNh" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#b2RdguxefU" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#d1OktqaNK2" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#d3GFjQqDTn" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#bjsVKLTuv" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#blbdZH2rS" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#bkC4qdQv1" opacity="1" fill="#000000" fill-opacity="1"></use></g></g></g></svg>
--- a/ports/vitalium/resources/icons/delay.svg
+++ b/ports/vitalium/resources/icons/delay.svg
@@ -0,0 +1,3 @@
 <?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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M80.41 100C85.71 100 90 104.29 90 109.59C90 195.67 90 444.33 90 530.41C90 535.71 85.71 540 80.41 540C74.33 540 65.67 540 59.59 540C54.29 540 50 535.71 50 530.41C50 444.33 50 195.67 50 109.59C50 104.29 54.29 100 59.59 100C65.67 100 74.33 100 80.41 100Z" id="cjuOGdvUI"></path><path d="M180.16 160C185.6 160 190 164.4 190 169.84C190 231.87 190 408.13 190 470.16C190 475.6 185.6 480 180.16 480C174.13 480 165.87 480 159.84 480C154.4 480 150 475.6 150 470.16C150 408.13 150 231.87 150 169.84C150 164.4 154.4 160 159.84 160C165.87 160 174.13 160 180.16 160Z" id="b40jCb2Vk"></path><path d="M279.84 210C285.45 210 290 214.55 290 220.16C290 262.13 290 377.87 290 419.84C290 425.45 285.45 430 279.84 430C273.87 430 266.13 430 260.16 430C254.55 430 250 425.45 250 419.84C250 377.87 250 262.13 250 220.16C250 214.55 254.55 210 260.16 210C266.13 210 273.87 210 279.84 210Z" id="aKkkSXDgG"></path><path d="M381.82 250C386.34 250 390 253.66 390 258.18C390 284.55 390 355.45 390 381.82C390 386.34 386.34 390 381.82 390C375.45 390 364.55 390 358.18 390C353.66 390 350 386.34 350 381.82C350 355.45 350 284.55 350 258.18C350 253.66 353.66 250 358.18 250C364.55 250 375.45 250 381.82 250Z" id="hVZ0qbQMn"></path><path d="M485.32 280C487.91 280 490 282.09 490 284.68C490 299.74 490 340.26 490 355.32C490 357.91 487.91 360 485.32 360C478.26 360 461.74 360 454.68 360C452.09 360 450 357.91 450 355.32C450 340.26 450 299.74 450 284.68C450 282.09 452.09 280 454.68 280C461.74 280 478.26 280 485.32 280Z" id="f42ZB15qf3"></path><path d="M587.66 300C588.95 300 590 301.05 590 302.34C590 309.87 590 330.13 590 337.66C590 338.95 588.95 340 587.66 340C580.13 340 559.87 340 552.34 340C551.05 340 550 338.95 550 337.66C550 330.13 550 309.87 550 302.34C550 301.05 551.05 300 552.34 300C559.87 300 580.13 300 587.66 300Z" id="edwP2XUVV"></path><path d="M640 640L640 640L640 641.54L640 641.54L640 640Z" id="a5nbmSAmhM"></path><path d="M640 640L640 640L640 641.54L640 641.54L640 640Z" id="c4yX9bArCs"></path><path d="M0 0L0 0L0 1.54L0 1.54L0 0Z" id="a34imFYBf"></path><path d="M0 0L0 0L0 1.54L0 1.54L0 0Z" id="a1EV5x8VC"></path></defs><g><g><g><use xlink:href="#cjuOGdvUI" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#b40jCb2Vk" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#aKkkSXDgG" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#hVZ0qbQMn" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#f42ZB15qf3" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#edwP2XUVV" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#a5nbmSAmhM" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#c4yX9bArCs" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#a34imFYBf" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#a1EV5x8VC" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g></g></g></svg>
--- a/ports/vitalium/resources/icons/distortion.svg
+++ b/ports/vitalium/resources/icons/distortion.svg
@@ -0,0 +1,3 @@
 <?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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M640 640L640 640L640 641.54L640 641.54L640 640Z" id="d2mp8Swwqr"></path><path d="M0 0L0 0L0 1.54L0 1.54L0 0Z" id="b1JJhIoCQq"></path><path d="M125.85 276.15L434.42 103.85L115.22 126.52L125.85 276.15Z" id="m4pEdXDoW"></path><path d="M354.89 325.19L477.75 130.5L163.53 292.26L354.89 325.19Z" id="cSvitjVv"></path><path d="M284.17 533.38L95.83 508.34L119.51 340L284.17 533.38Z" id="etBKZjEqy"></path><path d="M525 478.56L395 350L525 160L525 478.56Z" id="c8CXYEvnlO"></path><path d="M353.68 516.27L483.32 525.89L363.2 388.06L176.68 334.11L353.68 516.27Z" id="j1fSb6fYNk"></path><path d="M640 640L640 640L640 641.54L640 641.54L640 640Z" id="c1YYJqix0j"></path><path d="M0 0L0 0L0 1.54L0 1.54L0 0Z" id="lSqz2vjk3"></path><path d="M0 0L0 0L0 1.54L0 1.54L0 0Z" id="b9phItGf0"></path></defs><g><g><g><use xlink:href="#d2mp8Swwqr" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#b1JJhIoCQq" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#m4pEdXDoW" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#cSvitjVv" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#etBKZjEqy" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#c8CXYEvnlO" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#j1fSb6fYNk" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#c1YYJqix0j" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#lSqz2vjk3" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#b9phItGf0" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g></g></g></svg>
--- a/ports/vitalium/resources/icons/drag_drop_arrows.svg
+++ b/ports/vitalium/resources/icons/drag_drop_arrows.svg
@@ -0,0 +1,3 @@
 <?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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M0 10L0 10L0 11.54L0 11.54L0 10Z" id="bE0EXEhZI"></path><path d="M0 0L0 0L0 1.54L0 1.54L0 0Z" id="g4EJSnoAqS"></path><path d="M640 640L640 640L640 641L640 641L640 640Z" id="aegiG7tRL"></path><path d="M0 0L0 0L0 1L0 1L0 0Z" id="e4WLol4w96"></path><path d="M400 320C400 364.15 364.15 400 320 400C275.85 400 240 364.15 240 320C240 275.85 275.85 240 320 240C364.15 240 400 275.85 400 320Z" id="dGscSQp9M"></path><path d="M309.89 43.37C315.88 38.88 324.12 38.88 330.11 43.37C344.09 53.85 375.91 77.72 389.89 88.2C396.25 92.98 400 100.47 400 108.43C400 117.9 400 133.67 400 143.14C400 148.35 394.05 151.33 389.89 148.2C375.91 137.72 346.22 115.45 332.77 105.36C325.2 99.69 314.8 99.69 307.23 105.36C293.78 115.45 264.09 137.72 250.11 148.2C245.95 151.33 240 148.35 240 143.14C240 133.67 240 117.9 240 108.43C240 100.47 243.75 92.98 250.11 88.2C264.09 77.72 295.91 53.85 309.89 43.37Z" id="a3kyA2wNay"></path><path d="M494.93 252.8C490.98 247.53 494.74 240 501.33 240C510.13 240 520.53 240 529.33 240C539.41 240 548.89 244.74 554.93 252.8C565.01 266.24 585.65 293.76 595.73 307.2C601.42 314.79 601.42 325.21 595.73 332.8C585.65 346.24 565.01 373.76 554.93 387.2C548.89 395.26 539.41 400 529.33 400C520.53 400 511.71 400 503.3 400C495.9 400 491.67 391.55 496.12 385.62C505.96 372.5 525.65 346.24 535.73 332.8C541.42 325.21 541.42 314.79 535.73 307.2C525.65 293.76 505.01 266.24 494.93 252.8Z" id="a78DxEZb6"></path><path d="M309.89 596.63C315.88 601.12 324.12 601.12 330.11 596.63C344.09 586.15 375.91 562.28 389.89 551.8C396.25 547.02 400 539.53 400 531.57C400 522.1 400 506.33 400 496.86C400 491.65 394.05 488.67 389.89 491.8C375.91 502.28 346.22 524.55 332.77 534.64C325.2 540.31 314.8 540.31 307.23 534.64C293.78 524.55 264.09 502.28 250.11 491.8C245.95 488.67 240 491.65 240 496.86C240 506.33 240 522.1 240 531.57C240 539.53 243.75 547.02 250.11 551.8C264.09 562.28 295.91 586.15 309.89 596.63Z" id="bjofZ9mDo"></path><path d="M145.07 387.2C149.02 392.47 145.26 400 138.67 400C129.87 400 119.47 400 110.67 400C100.59 400 91.11 395.26 85.07 387.2C74.99 373.76 54.35 346.24 44.27 332.8C38.58 325.21 38.58 314.79 44.27 307.2C54.35 293.76 74.99 266.24 85.07 252.8C91.11 244.74 100.59 240 110.67 240C119.47 240 128.29 240 136.7 240C144.1 240 148.33 248.45 143.88 254.38C134.04 267.5 114.35 293.76 104.27 307.2C98.58 314.79 98.58 325.21 104.27 332.8C114.35 346.24 134.99 373.76 145.07 387.2Z" id="b4VsERD6Ik"></path></defs><g><g><g><use xlink:href="#bE0EXEhZI" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#g4EJSnoAqS" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#aegiG7tRL" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#e4WLol4w96" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#dGscSQp9M" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#a3kyA2wNay" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#a78DxEZb6" opacity="1" fill="#000000" fill-opacity="1"></use><g><use xlink:href="#a78DxEZb6" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="1"></use></g></g><g><use xlink:href="#bjofZ9mDo" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#b4VsERD6Ik" opacity="1" fill="#000000" fill-opacity="1"></use><g><use xlink:href="#b4VsERD6Ik" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="1"></use></g></g></g></g></svg>
--- a/ports/vitalium/resources/icons/effects_filter.svg
+++ b/ports/vitalium/resources/icons/effects_filter.svg
@@ -0,0 +1,3 @@
 <?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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M33.51 300C34.23 300 34.82 300.59 34.82 301.31C34.82 309.05 34.82 330.95 34.82 338.69C34.82 339.41 34.23 340 33.51 340C26.81 340 8.02 340 1.31 340C0.59 340 0 339.41 0 338.69C0 330.95 0 309.05 0 301.31C0 300.59 0.59 300 1.31 300C8.02 300 26.81 300 33.51 300Z" id="baiCk8nNs"></path><path d="M620 510C395.36 203.79 459.81 164.18 420 163.36C380.19 162.54 411.04 278.61 210 315.8C186.16 321.86 52.57 320.31 22.84 319.98" id="f2soo2jO2L"></path><path d="M636.84 500C637.95 501.54 637.61 503.7 636.06 504.81C630.14 509.1 615.17 519.93 609.24 524.22C607.7 525.33 605.55 524.99 604.43 523.44C598.97 515.9 584.62 496.07 579.16 488.52C578.05 486.98 578.39 484.82 579.94 483.71C585.86 479.42 600.83 468.59 606.76 464.3C608.3 463.19 610.45 463.53 611.57 465.08C617.03 472.62 631.38 492.45 636.84 500Z" id="e4nRpdm9Sc"></path></defs><g><g><g><use xlink:href="#baiCk8nNs" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><g><use xlink:href="#f2soo2jO2L" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="40" stroke-opacity="1"></use></g></g><g><use xlink:href="#e4nRpdm9Sc" opacity="1" fill="#000000" fill-opacity="1"></use></g></g></g></svg>
--- a/ports/vitalium/resources/icons/equalizer.svg
+++ b/ports/vitalium/resources/icons/equalizer.svg
@@ -0,0 +1,3 @@
 <?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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M115.47 300C117.97 300 120 302.03 120 304.53C120 311.62 120 328.38 120 335.47C120 337.97 117.97 340 115.47 340C92.38 340 27.62 340 4.53 340C2.03 340 0 337.97 0 335.47C0 328.38 0 311.62 0 304.53C0 302.03 2.03 300 4.53 300C27.62 300 92.38 300 115.47 300Z" id="a3NoEGzr4C"></path><path d="M620 320C419.95 320.7 411.95 161.31 320 160C228.05 158.69 219.18 322.25 20 320" id="b2XGuuHAyF"></path><path d="M635.47 300C637.97 300 640 302.03 640 304.53C640 311.62 640 328.38 640 335.47C640 337.97 637.97 340 635.47 340C612.38 340 547.62 340 524.53 340C522.03 340 520 337.97 520 335.47C520 328.38 520 311.62 520 304.53C520 302.03 522.03 300 524.53 300C547.62 300 612.38 300 635.47 300Z" id="a1pMUXWtCK"></path><path d="M257.19 300C258.74 300 260 301.26 260 302.81C260 310.25 260 329.75 260 337.19C260 338.74 258.74 340 257.19 340C249.75 340 230.25 340 222.81 340C221.26 340 220 338.74 220 337.19C220 329.75 220 310.25 220 302.81C220 301.26 221.26 300 222.81 300C230.25 300 249.75 300 257.19 300Z" id="a1UlBOka9X"></path><path d="M337.19 300C338.74 300 340 301.26 340 302.81C340 310.25 340 329.75 340 337.19C340 338.74 338.74 340 337.19 340C329.75 340 310.25 340 302.81 340C301.26 340 300 338.74 300 337.19C300 329.75 300 310.25 300 302.81C300 301.26 301.26 300 302.81 300C310.25 300 329.75 300 337.19 300Z" id="h2fPGKsZ7J"></path><path d="M417.19 300C418.74 300 420 301.26 420 302.81C420 310.25 420 329.75 420 337.19C420 338.74 418.74 340 417.19 340C409.75 340 390.25 340 382.81 340C381.26 340 380 338.74 380 337.19C380 329.75 380 310.25 380 302.81C380 301.26 381.26 300 382.81 300C390.25 300 409.75 300 417.19 300Z" id="bacIEyZ4Q"></path><path d="M620 320C419.95 319.3 411.95 478.68 320 479.99C228.05 481.3 219.18 317.75 20 320" id="es47c1YUM"></path></defs><g><g><g><use xlink:href="#a3NoEGzr4C" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><g><use xlink:href="#b2XGuuHAyF" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="39" stroke-opacity="1"></use></g></g><g><use xlink:href="#a1pMUXWtCK" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#a1UlBOka9X" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#h2fPGKsZ7J" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#bacIEyZ4Q" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><g><use xlink:href="#es47c1YUM" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="39" stroke-opacity="1"></use></g></g></g></g></svg>
--- a/ports/vitalium/resources/icons/flanger.svg
+++ b/ports/vitalium/resources/icons/flanger.svg
@@ -0,0 +1,3 @@
 <?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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M40.05 323.51C39.21 363.1 47.68 399.16 65.46 431.68C68.26 436.81 73.64 440 79.49 440C81.6 440 78.42 440 80.52 440C85.76 440 90.01 435.75 90.01 430.51C90.01 408.41 90.01 351.59 90.01 329.49C90.01 324.25 94.25 320 99.49 320C109.6 320 130.42 320 140.52 320C145.76 320 150.01 324.25 150.01 329.49C150.01 351.59 150.01 408.41 150.01 430.51C150.01 435.75 154.25 440 159.49 440C161.6 440 158.42 440 160.52 440C165.76 440 170.01 435.75 170.01 430.51C170.01 408.41 170.01 351.59 170.01 329.49C170.01 324.25 174.25 320 179.49 320C189.6 320 210.42 320 220.52 320C225.76 320 230.01 324.25 230.01 329.49C230.01 351.59 230.01 408.41 230.01 430.51C230.01 435.75 234.25 440 239.49 440C241.6 440 238.42 440 240.52 440C245.76 440 250.01 435.75 250.01 430.51C250.01 408.41 250.01 351.59 250.01 329.49C250.01 324.25 254.25 320 259.49 320C269.6 320 290.42 320 300.52 320C305.76 320 310.01 324.25 310.01 329.49C310.01 351.59 310.01 408.41 310.01 430.51C310.01 435.75 314.25 440 319.49 440C321.6 440 318.42 440 320.52 440C325.76 440 330.01 435.75 330.01 430.51C330.01 408.41 330.01 351.59 330.01 329.49C330.01 324.25 334.25 320 339.49 320C349.6 320 370.42 320 380.52 320C385.76 320 390.01 324.25 390.01 329.49C390.01 351.59 390.01 408.41 390.01 430.51C390.01 435.75 394.25 440 399.49 440C401.6 440 398.42 440 400.52 440C405.76 440 410.01 435.75 410.01 430.51C410.01 408.41 410.01 351.59 410.01 329.49C410.01 324.25 414.25 320 419.49 320C429.6 320 450.42 320 460.52 320C465.76 320 470.01 324.25 470.01 329.49C470.01 351.59 470.01 408.41 470.01 430.51C470.01 435.75 474.25 440 479.49 440C481.6 440 478.42 440 480.52 440C485.76 440 490.01 435.75 490.01 430.51C490.01 408.41 490.01 351.59 490.01 329.49C490.01 324.25 494.25 320 499.49 320C509.6 320 530.42 320 540.52 320C545.76 320 550.01 324.25 550.01 329.49C550.01 351.59 550.01 408.41 550.01 430.51C550.01 435.75 554.25 440 559.49 440C561.6 440 558.42 440 560.52 440C566.41 440 571.88 436.93 574.94 431.9C592.8 402.62 601.17 366.58 600.05 323.77C598.23 254.05 567.59 219.73 546.04 207.5C544.53 206.14 536.03 201.69 530.56 200C446.36 200 112.32 200 109.53 200C106.75 200 101.01 202.43 94.4 207.62C63.11 233.76 41.41 259.04 40.05 323.51Z" id="d1momIY6jb"></path><path d="M640.61 641.32L640.61 641.32L639.43 640.32L639.43 640.32L640.61 641.32Z" id="a2vF3Wkv2d"></path><path d="M640 640L640 640L640 641.54L640 641.54L640 640Z" id="b12DNxxuP6"></path><path d="M1.18 1.32L1.18 1.32L0 0.32L0 0.32L1.18 1.32Z" id="bhBWHU3Lz"></path><path d="M0.57 0L0.57 0L0.57 1.54L0.57 1.54L0.57 0Z" id="bRzpV1YYn"></path></defs><g><g><g><use xlink:href="#d1momIY6jb" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#a2vF3Wkv2d" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#b12DNxxuP6" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#bhBWHU3Lz" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g><g><use xlink:href="#bRzpV1YYn" opacity="1" fill="#3f1e48" fill-opacity="1"></use></g></g></g></svg>
--- a/ports/vitalium/resources/icons/folder.svg
+++ b/ports/vitalium/resources/icons/folder.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M0 4c0-1.1.9-2 2-2h7l2 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4z"/></svg>
--- a/ports/vitalium/resources/icons/link.svg
+++ b/ports/vitalium/resources/icons/link.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.26 13a2 2 0 0 1 .01-2.01A3 3 0 0 0 9 5H5a3 3 0 0 0 0 6h.08a6.06 6.06 0 0 0 0 2H5A5 5 0 0 1 5 3h4a5 5 0 0 1 .26 10zm1.48-6a2 2 0 0 1-.01 2.01A3 3 0 0 0 11 15h4a3 3 0 0 0 0-6h-.08a6.06 6.06 0 0 0 0-2H15a5 5 0 0 1 0 10h-4a5 5 0 0 1-.26-10z"/></svg>
--- a/ports/vitalium/resources/icons/phaser.svg
+++ b/ports/vitalium/resources/icons/phaser.svg
@@ -0,0 +1,3 @@
 <?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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 640 640" width="640" height="640"><defs><path d="M610 320C607.5 320 609.59 320.24 600 320C544.42 319.31 544.13 439.96 507.5 439.98C470.87 440.01 432.6 199.91 413.75 199.98C394.9 200.06 357.67 437.77 320 439.98C282.33 442.2 245.74 200.07 226.25 199.98C206.76 199.9 169.4 439.15 132.5 439.98C95.6 440.82 108.07 319 40 320C37.64 319.98 34.31 319.98 30 320" id="a7lLQpFP0"></path><path d="M38.49 300C39.32 300 40 300.68 40 301.51C40 309.21 40 330.79 40 338.49C40 339.32 39.32 340 38.49 340C30.79 340 9.21 340 1.51 340C0.68 340 0 339.32 0 338.49C0 330.79 0 309.21 0 301.51C0 300.68 0.68 300 1.51 300C9.21 300 30.79 300 38.49 300Z" id="go04BtSRy"></path><path d="M637.19 300C638.74 300 640 301.26 640 302.81C640 310.25 640 329.75 640 337.19C640 338.74 638.74 340 637.19 340C629.75 340 610.25 340 602.81 340C601.26 340 600 338.74 600 337.19C600 329.75 600 310.25 600 302.81C600 301.26 601.26 300 602.81 300C610.25 300 629.75 300 637.19 300Z" id="bnfU3Uf8s"></path></defs><g><g><g><g><use xlink:href="#a7lLQpFP0" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="40" stroke-opacity="1"></use></g></g><g><use xlink:href="#go04BtSRy" opacity="1" fill="#000000" fill-opacity="1"></use></g><g><use xlink:href="#bnfU3Uf8s" opacity="1" fill="#000000" fill-opacity="1"></use></g></g></g></svg>
--- a/ports/vitalium/resources/icons/reverb.svg
+++ b/ports/vitalium/resources/icons/reverb.svg
--- a/ports/vitalium/resources/icons/shuffle.svg
+++ b/ports/vitalium/resources/icons/shuffle.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.59 12.83L4.4 15c-.58.58-1.59 1-2.4 1H0v-2h2c.29 0 .8-.2 1-.41l2.17-2.18 1.42 1.42zM16 4V1l4 4-4 4V6h-2c-.29 0-.8.2-1 .41l-2.17 2.18L9.4 7.17 11.6 5c.58-.58 1.59-1 2.41-1h2zm0 10v-3l4 4-4 4v-3h-2c-.82 0-1.83-.42-2.41-1l-8.6-8.59C2.8 6.21 2.3 6 2 6H0V4h2c.82 0 1.83.42 2.41 1l8.6 8.59c.2.2.7.41.99.41h2z"/></svg>
--- a/ports/vitalium/resources/tunings/5
+++ b/ports/vitalium/resources/tunings/5
@@ -0,0 +1,15 @@
 5-limit scaling
 12
 !
 16/15
 9/8
 6/5
 5/4
 4/3
 45/32
 3/2
 8/5
 5/3
 9/5
 15/8
 2/1
--- a/ports/vitalium/resources/tunings/7
+++ b/ports/vitalium/resources/tunings/7
@@ -0,0 +1,15 @@
 7-limit scaling
 12
 !
 15/14
 8/7
 6/5
 5/4
 4/3
 7/5
 3/2
 8/5
 5/3
 7/4
 15/8
 2/1
--- a/ports/vitalium/resources/tunings/Pythagorean.scl
+++ b/ports/vitalium/resources/tunings/Pythagorean.scl
@@ -0,0 +1,15 @@
 Pythagorean scaling
 12
 !
 256/243
 9/8
 32/27
 81/64
 4/3
 729/512
 3/2
 128/81
 27/16
 16/9
 243/128
 2/1
--- a/ports/vitalium/resources/vitalium-unfa.png
+++ b/ports/vitalium/resources/vitalium-unfa.png