Show version in user interface

lucianoiam · Sep 13, 2021 · b9e27e5 · b9e27e5
1 parent 06ee9cd
commit b9e27e5
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/hiphop b/hiphop
diff --git a/src/ui/index.html b/src/ui/index.html
@@ -27,6 +27,7 @@
           </div>
         </div>
     </div>
+    <div id="version"></div>
     <g-resize maxscale="1.25" keepaspectratio="true"></g-resize>
     <script src="guinda.js"></script>
     <script src="ui.js"></script>

diff --git a/src/ui/style.css b/src/ui/style.css
@@ -52,6 +52,15 @@ g-resize {
     font-family: Satisfy;
 }
 
+#version {
+    position: absolute;
+    left: 3px;
+    bottom: 2px;
+    font-family: UbuntuMono;
+    font-size: 10px;
+    opacity: 0.33;
+}
+
 #knobs {
     width: 100%;
     height: 100%;

diff --git a/src/ui/ui.js b/src/ui/ui.js
@@ -14,6 +14,8 @@
  * CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
  */
 
+const kVersion = '1.0.0';
+
 const kParameterMix        = 0;
 const kParameterSize       = 1;
 const kParameterBrightness = 2;
@@ -23,6 +25,8 @@ class CastelloReverbUI extends DISTRHO.UI {
     constructor() {
         super();
 
+        document.getElementById('version').innerText = kVersion;
+
         // Connect knobs
 
         const formatAsPercentage = (value) => `${Math.ceil(100 * value)}%`;