Add main Cardinal variant for MOD builds

Signed-off-by: falkTX <falktx@falktx.com>

plugins/Makefile

@@ -1065,7 +1065,9 @@ RESOURCE_FILES += $(wildcard unless_modules/font/*.ttf)
 
 # MOD builds only have LV2 FX variant for now
 ifeq ($(MOD_BUILD),true)
-LV2_RESOURCES  = $(PLUGIN_LIST:%=../bin/CardinalFX.lv2/resources/PluginManifests/%.json)
+LV2_RESOURCES  = $(PLUGIN_LIST:%=../bin/Cardinal.lv2/resources/PluginManifests/%.json)
+LV2_RESOURCES += $(PLUGIN_LIST:%=../bin/CardinalFX.lv2/resources/PluginManifests/%.json)
+LV2_RESOURCES += $(RESOURCE_FILES:%=../bin/Cardinal.lv2/resources/%)
 LV2_RESOURCES += $(RESOURCE_FILES:%=../bin/CardinalFX.lv2/resources/%)
 else
 LV2_RESOURCES  = $(PLUGIN_LIST:%=../bin/Cardinal.lv2/resources/PluginManifests/%.json)

src/MOD/Cardinal.lv2/modgui.ttl

@@ -0,0 +1,21 @@
+@prefix lv2:    <http://lv2plug.in/ns/lv2core#> .
+@prefix mod:    <http://moddevices.com/ns/mod#> .
+@prefix modgui: <http://moddevices.com/ns/modgui#> .
+@prefix state:  <http://lv2plug.in/ns/ext/state#> .
+
+<https://distrho.kx.studio/plugins/cardinal>
+    lv2:requiredFeature state:loadDefaultState ;
+    modgui:gui [
+        modgui:resourcesDirectory <modgui> ;
+        modgui:documentation <modgui/documentation.pdf>;
+        modgui:iconTemplate <modgui/icon.html> ;
+        modgui:javascript <modgui/javascript.js> ;
+        modgui:stylesheet <modgui/stylesheet.css> ;
+        modgui:screenshot <modgui/screenshot.png> ;
+        modgui:thumbnail <modgui/thumbnail.png> ;
+    ] ;
+    state:state [
+        <https://distrho.kx.studio/plugins/cardinal#screenshot> "" ;
+        <https://distrho.kx.studio/plugins/cardinal#comment> """Welcome to Cardinal.
+If this is your first time, make sure to check out the documentation link on the plugin info, have fun!""" ;
+    ] .

src/MOD/Cardinal.lv2/modgui/distrho.svg

@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Creator: CorelDRAW -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xml:space="preserve"
+   width="13.038269"
+   height="13.038269"
+   style="fill-rule:evenodd"
+   viewBox="0 0 1.0504196 1.050423"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.3.1 r9886"
+   sodipodi:docname="distrho.svg"><metadata
+   id="metadata32"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1298"
+   inkscape:window-height="646"
+   id="namedview30"
+   showgrid="false"
+   inkscape:zoom="8.8790964"
+   inkscape:cx="22.667459"
+   inkscape:cy="6.4311119"
+   inkscape:window-x="1792"
+   inkscape:window-y="239"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_x0020_1"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0" />
+ <defs
+   id="defs4">
+  <style
+   type="text/css"
+   id="style6">
+   
+    .str0 {stroke:#565656;stroke-width:0.0966867}
+    .str1 {stroke:#4F4F4F;stroke-width:0.193345}
+    .fil0 {fill:none}
+    .fil2 {fill:#2B2A29}
+    .fil1 {fill:#6B6B6B}
+   
+  </style>
+ </defs>
+ <g
+   id="Layer_x0020_1"
+   transform="translate(-1.6191379e-5,-0.08553947)">
+  <metadata
+   id="CorelCorpID_0Corel-Layer" />
+  <circle
+   class="fil0 str0"
+   cx="0.525226"
+   cy="0.61075097"
+   r="0.15916"
+   id="circle10"
+   style="fill:none;stroke:#ffffff;stroke-width:0.09668670000000000;stroke-opacity:1"
+   sodipodi:cx="0.525226"
+   sodipodi:cy="0.61075097"
+   sodipodi:rx="0.15916"
+   sodipodi:ry="0.15916"
+   d="m 0.684386,0.61075097 c 0,0.0879016 -0.0712584,0.15916001 -0.15916,0.15916001 -0.0879016,0 -0.15916001,-0.0712584 -0.15916001,-0.15916001 0,-0.0879016 0.0712584,-0.15916 0.15916001,-0.15916 0.0879016,0 0.15916,0.0712584 0.15916,0.15916 z" />
+  <circle
+   class="fil0 str1"
+   cx="0.525226"
+   cy="0.61075097"
+   r="0.42853901"
+   id="circle12"
+   style="fill:none;stroke:#ffffff;stroke-width:0.19334499999999999;stroke-opacity:1"
+   sodipodi:cx="0.525226"
+   sodipodi:cy="0.61075097"
+   sodipodi:rx="0.42853901"
+   sodipodi:ry="0.42853901"
+   d="m 0.953765,0.61075097 c 0,0.23667556 -0.19186344,0.42853903 -0.428539,0.42853903 -0.23667556,0 -0.42853901,-0.19186347 -0.42853901,-0.42853903 0,-0.23667556 0.19186345,-0.428539 0.42853901,-0.428539 0.23667556,0 0.428539,0.19186344 0.428539,0.428539 z" />
+  
+  
+  
+  
+  
+  
+  
+  
+ </g>
+</svg>

src/MOD/Cardinal.lv2/modgui/icon.html

@@ -0,0 +1,247 @@
+<div class="cardinal-main mod-pedal">
+    <div class="cardinal-main border"></div>
+    <div mod-role="drag-handle" class="mod-drag-handle"></div>
+    <div class="cardinal-main-top clearfix">
+        <div class="cardinal-main-top-left">
+            <div class="spacer"></div>
+            <div class="distrho-logo"></div>
+            <div class="cardinal-text">DISTRHO<br>Cardinal</div>
+            <div class="mod-switch">
+                <div class="mod-control-group mod-switch-image mod-port transport" mod-role="bypass" mod-widget="film"></div>
+            </div>
+            <div class="mod-control-group visibility-buttons clearfix">
+                <span class="visibility-audio">Show Audio</span>
+                <span class="visibility-cv">Show CV</span>
+            </div>
+        </div>
+        <div class="cardinal-main-top-right">
+            <div class="mod-control-group cardinal-patch-comment">
+                <div class="mod-string-content" mod-role="input-parameter" mod-parameter-uri="https://distrho.kx.studio/plugins/cardinal#comment" mod-widget="string">
+                    <textarea autocomplete=off spellcheck=false class="mod-string-value" mod-role="input-parameter-value" mod-parameter-uri="https://distrho.kx.studio/plugins/cardinal#comment"></textarea>
+                </div>
+            </div>
+            <div class="cardinal-patch-screeenshot">
+                <div class="screenshot">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="cardinal-main-bottom clearfix">
+        <div class="mod-control-group cardinal-main-knobs clearfix">
+            <div class="mod-knob">
+                <span class="title">PARAM 1</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_1" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 2</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_2" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 3</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_3" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 4</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_4" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 5</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_5" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 6</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_6" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 7</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_7" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 8</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_8" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 9</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_9" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 10</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_10" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 11</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_11" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 12</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_12" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 13</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_13" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 14</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_14" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 15</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_15" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 16</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_16" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 17</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_17" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 18</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_18" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 19</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_19" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 20</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_20" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 21</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_21" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 22</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_22" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 23</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_23" mod-widget="film"></div>
+            </div>
+            <div class="mod-knob">
+                <span class="title">PARAM 24</span>
+                <div class="mod-control-group mod-knob-image mod-port" mod-role="input-control-port" mod-port-symbol="param_24" mod-widget="film"></div>
+            </div>
+        </div>
+    </div>
+    <div class="mod-pedal-input">
+        <div class="mod-input mod-input-disconnected cardinal-expanded" title="Audio Input 1" mod-role="input-audio-port" mod-port-symbol="lv2_audio_in_1">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected cardinal-expanded" title="Audio Input 2" mod-role="input-audio-port" mod-port-symbol="lv2_audio_in_2">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="Audio Input 3" mod-role="input-audio-port" mod-port-symbol="lv2_audio_in_3">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="Audio Input 4" mod-role="input-audio-port" mod-port-symbol="lv2_audio_in_4">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="Audio Input 5" mod-role="input-audio-port" mod-port-symbol="lv2_audio_in_5">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="Audio Input 6" mod-role="input-audio-port" mod-port-symbol="lv2_audio_in_6">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="Audio Input 7" mod-role="input-audio-port" mod-port-symbol="lv2_audio_in_7">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="Audio Input 8" mod-role="input-audio-port" mod-port-symbol="lv2_audio_in_8">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="MIDI Input" mod-role="input-midi-port" mod-port-symbol="lv2_events_in">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected cardinal-expanded" title="CV Input 1" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_1">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected cardinal-expanded" title="CV Input 2" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_2">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="CV Input 3" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_3">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="CV Input 4" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_4">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="CV Input 5" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_5">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="CV Input 6" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_6">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="CV Input 7" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_7">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="CV Input 8" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_8">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="CV Input 9" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_9">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+        <div class="mod-input mod-input-disconnected" title="CV Input 10" mod-role="input-cv-port" mod-port-symbol="lv2_cv_in_10">
+            <div class="mod-pedal-input-image"></div>
+        </div>
+    </div>
+    <div class="mod-pedal-output">
+        <div class="mod-output mod-output-disconnected cardinal-expanded" title="Audio Output 1" mod-role="output-audio-port" mod-port-symbol="lv2_audio_out_1">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected cardinal-expanded" title="Audio Output 2" mod-role="output-audio-port" mod-port-symbol="lv2_audio_out_2">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="Audio Output 3" mod-role="output-audio-port" mod-port-symbol="lv2_audio_out_3">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="Audio Output 4" mod-role="output-audio-port" mod-port-symbol="lv2_audio_out_4">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="Audio Output 5" mod-role="output-audio-port" mod-port-symbol="lv2_audio_out_5">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="Audio Output 6" mod-role="output-audio-port" mod-port-symbol="lv2_audio_out_6">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="Audio Output 7" mod-role="output-audio-port" mod-port-symbol="lv2_audio_out_7">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="Audio Output 8" mod-role="output-audio-port" mod-port-symbol="lv2_audio_out_8">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="MIDI Output" mod-role="output-midi-port" mod-port-symbol="lv2_events_out">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected cardinal-expanded" title="CV Input 1" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_1">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected cardinal-expanded" title="CV Input 2" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_2">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="CV Input 3" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_3">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="CV Input 4" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_4">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="CV Input 5" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_5">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="CV Input 6" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_6">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="CV Input 7" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_7">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="CV Input 8" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_8">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="CV Input 9" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_9">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+        <div class="mod-output mod-output-disconnected" title="CV Input 10" mod-role="output-cv-port" mod-port-symbol="lv2_cv_out_10">
+            <div class="mod-pedal-output-image"></div>
+        </div>
+    </div>
+</div>

src/MOD/Cardinal.lv2/modgui/javascript.js

@@ -0,0 +1,49 @@
+function (event) {
+
+    if (event.type == 'start') {
+        event.data['visibility-audio'] = true;
+        event.data['visibility-cv'] = true;
+        event.icon.find('.visibility-audio').click(function() {
+            var visible = event.data['visibility-audio'];
+            if (visible) {
+                event.icon.find('.mod-pedal-input .mod-audio-input').addClass('cardinal-expanded');
+                event.icon.find('.mod-pedal-output .mod-audio-output').addClass('cardinal-expanded');
+                $(this).text('Hide Audio');
+            } else {
+                event.icon.find('.mod-pedal-input .mod-audio-input').removeClass('cardinal-expanded');
+                event.icon.find('.mod-pedal-output .mod-audio-output').removeClass('cardinal-expanded');
+                $(this).text('Show Audio');
+            }
+            event.data['visibility-audio'] = !visible;
+        });
+        event.icon.find('.visibility-cv').click(function() {
+            var visible = event.data['visibility-cv'];
+            if (visible) {
+                event.icon.find('.mod-pedal-input .mod-cv-input').addClass('cardinal-expanded');
+                event.icon.find('.mod-pedal-output .mod-cv-output').addClass('cardinal-expanded');
+                $(this).text('Hide CV');
+            } else {
+                event.icon.find('.mod-pedal-input .mod-cv-input').removeClass('cardinal-expanded');
+                event.icon.find('.mod-pedal-output .mod-cv-output').removeClass('cardinal-expanded');
+                $(this).text('Show CV');
+            }
+            event.data['visibility-cv'] = !visible;
+        });
+        return;
+    }
+
+    if (event.type == 'change') {
+        console.log("change", event)
+        if (event.uri === "https://distrho.kx.studio/plugins/cardinal#screenshot") {
+            if (event.value) {
+                event.icon.find('.screenshot').css({'background-image':'url(data:image/png;base64,'+event.value+')'});
+                event.icon.find('.cardinal-main.mod-pedal .cardinal-patch-comment').hide();
+                event.icon.find('.cardinal-main.mod-pedal .cardinal-patch-screeenshot').show();
+            } else {
+                event.icon.find('.cardinal-main.mod-pedal .cardinal-patch-screeenshot').hide();
+                event.icon.find('.cardinal-main.mod-pedal .cardinal-patch-comment').show();
+            }
+        }
+        return;
+    }
+}

src/MOD/Cardinal.lv2/modgui/stylesheet.css

@@ -0,0 +1,205 @@
+/* main pedal */
+.cardinal-main.mod-pedal {
+    background: #333333;
+    background: linear-gradient(to bottom, #181919, #333333);
+    color: white;
+    width: 540px;
+    height: 590px;
+    font-size: 20px;
+    margin: 0;
+    padding: 0;
+}
+.cardinal-main.mod-pedal .border {
+    border: 2px solid #4c4d4d;
+    width: 540px;
+    height: 590px;
+    position: absolute;
+}
+
+.cardinal-main.mod-pedal .mod-control-group {
+    position: relative;
+    z-index: 35;
+}
+
+/* top and bottom area split */
+.cardinal-main.mod-pedal .cardinal-main-top {
+    width: 100%;
+    height: 240px;
+    position: absolute;
+    top: 0px;
+}
+
+.cardinal-main.mod-pedal .cardinal-main-bottom {
+    width: 100%;
+    height: 180px;
+    position: absolute;
+    top: 240px;
+}
+
+/* top area split */
+.cardinal-main.mod-pedal .cardinal-main-top-left {
+    width: 180px;
+    height: 240px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    text-align: center;
+}
+
+.cardinal-main.mod-pedal .cardinal-main-top-right {
+    width: 350px;
+    height: 240px;
+    position: absolute;
+    top: 0px;
+    left: 180px;
+}
+
+.cardinal-main.mod-pedal .cardinal-patch-comment,
+.cardinal-main.mod-pedal .cardinal-patch-screeenshot {
+    width: 340px;
+    height: 210px;
+    margin: 20px 20px 10px 0px;
+}
+
+.cardinal-main.mod-pedal .visibility-buttons {
+    width: 180px;
+    height: 40px;
+    font-size: 17px;
+    display: flex;
+    justify-content: space-evenly;
+    justify-content: space-between;
+}
+
+.cardinal-main.mod-pedal .visibility-buttons span {
+    cursor: pointer;
+}
+
+.cardinal-main.mod-pedal .cardinal-main-knobs {
+    margin: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    text-align: center;
+    background-color: #181919;
+    border: 2px solid #4c4d4d;
+    border-radius: 10px;
+}
+
+/* widgets */
+.cardinal-main.mod-pedal .mod-switch-image {
+    background-image: url(/resources/switch.png{{{ns}}});
+    background-position: left center;
+    background-repeat: no-repeat;
+    background-size: auto 50px;
+    font-weight: bold;
+    width: 100px;
+    height: 50px;
+    cursor: pointer;
+    margin: 0 auto;
+}
+.cardinal-main.mod-pedal .mod-switch-image.off {
+    background-position: right center !important;
+}
+.cardinal-main.mod-pedal .mod-switch-image.on {
+    background-position: left center !important;
+}
+
+.cardinal-main.mod-pedal .title {
+    font-size: 15px;
+    font-weight: bold;
+}
+
+.cardinal-main.mod-pedal .mod-knob {
+    padding: 0px 5px;
+    width: 85px;
+}
+
+.cardinal-main.mod-pedal .mod-knob-image {
+    background-image: url(/resources/orange-knob.png{{{ns}}});
+    background-position: left center;
+    background-repeat: no-repeat;
+    background-size: auto 52px;
+    font-weight: bold;
+    height: 52px;
+    width: 52px;
+    margin: 0 auto;
+    position: relative;
+    overflow: hidden;
+}
+
+.cardinal-main.mod-pedal .distrho-logo {
+    background-image: url(/resources/distrho.svg{{{ns}}});
+    background-size: cover;
+    background-repeat: no-repeat;
+    height: 48px;
+    width: 48px;
+    margin: 0 auto;
+}
+
+.cardinal-main.mod-pedal .cardinal-text {
+    font-size: 24px;
+}
+
+.cardinal-main.mod-pedal .mod-string-value {
+    border: 2px solid #4c4d4d;
+}
+
+.cardinal-main.mod-pedal .mod-string-content,
+.cardinal-main.mod-pedal .mod-string-value {
+    height: 100%;
+    width: 100%;
+}
+
+.cardinal-main.mod-pedal textarea {
+    background: black;
+    color: white;
+    resize: none;
+    white-space: pre-wrap;
+}
+ .cardinal-main.mod-pedal textarea::selection {
+    background: #4c4d4d;
+}
+
+.cardinal-main.mod-pedal .screenshot {
+    /* 1x1px black png */
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NgYGD4DwABBAEAwS2OUAAAAABJRU5ErkJggg==);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+    width: 100%;
+    height: 100%;
+}
+
+.cardinal-main.mod-pedal .mod-pedal-input,
+.cardinal-main.mod-pedal .mod-pedal-output {
+    top: 10px;
+}
+
+.cardinal-main.mod-pedal .jack-disconnected {
+    top: 0px !important;
+}
+
+.cardinal-main.mod-pedal .mod-pedal-input .mod-audio-input,
+.cardinal-main.mod-pedal .mod-pedal-input .mod-midi-input,
+.cardinal-main.mod-pedal .mod-pedal-input .mod-cv-input,
+.cardinal-main.mod-pedal .mod-pedal-output .mod-audio-output,
+.cardinal-main.mod-pedal .mod-pedal-output .mod-midi-output,
+.cardinal-main.mod-pedal .mod-pedal-output .mod-cv-output {
+    margin-bottom: 0px;
+}
+
+.cardinal-main.mod-pedal .mod-pedal-input .mod-audio-input.input-disconnected:not(.cardinal-expanded),
+.cardinal-main.mod-pedal .mod-pedal-input .mod-cv-input.input-disconnected:not(.cardinal-expanded),
+.cardinal-main.mod-pedal .mod-pedal-output .mod-audio-output.output-disconnected:not(.cardinal-expanded),
+.cardinal-main.mod-pedal .mod-pedal-output .mod-cv-output.output-disconnected:not(.cardinal-expanded) {
+    display: none;
+}
+
+/* initial state */
+/*.cardinal-main.mod-pedal .cardinal-patch-comment,*/
+.cardinal-main.mod-pedal .cardinal-patch-screeenshot {
+    display: none;
+}

src/MOD/CardinalFX.lv2/modgui/stylesheet.css

@@ -149,7 +149,7 @@
 }
 
 .cardinal-fx.mod-pedal .mod-string-value {
-    border: 1px solid #4c4d4d;
+    border: 2px solid #4c4d4d;
 }
 
 .cardinal-fx.mod-pedal .mod-string-content,

src/Makefile

@@ -180,6 +180,7 @@ endif
 
 all: $(TARGET)
 ifeq ($(MOD_BUILD),true)
+	$(MAKE) -C Cardinal lv2
 	$(MAKE) -C CardinalFX lv2
 else
 	$(MAKE) -C Cardinal
@@ -226,11 +227,6 @@ $(BUILD_DIR)/%.c.o: %.c
 	@echo "Compiling $<"
 	$(SILENT)$(CC) $< $(BUILD_C_FLAGS) -c -o $@
 
-$(BUILD_DIR)/override/MIDI_CV.cpp.o: override/MIDI_CV.cpp
-	-@mkdir -p "$(shell dirname $(BUILD_DIR)/$<)"
-	@echo "Compiling $<"
-	$(SILENT)$(CXX) $< $(BUILD_CXX_FLAGS) -UPRIVATE -c -o $@
-
 $(BUILD_DIR)/%.cpp.o: %.cpp
 	-@mkdir -p "$(shell dirname $(BUILD_DIR)/$<)"
 	@echo "Compiling $<"