kerberos-io
diff --git a/‎examples/livestream-hd/ui/.gitignore‎
Lines changed: 4 additions & 0 deletions b/‎examples/livestream-hd/ui/.gitignore‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎examples/livestream-hd/ui/package.json‎
Lines changed: 6 additions & 3 deletions b/‎examples/livestream-hd/ui/package.json‎
Lines changed: 6 additions & 3 deletions
diff --git a/‎examples/livestream-hd/ui/public/assets/icons.js‎
Lines changed: 11 additions & 0 deletions b/‎examples/livestream-hd/ui/public/assets/icons.js‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎examples/livestream-hd/ui/public/index.html‎
Lines changed: 3 additions & 0 deletions b/‎examples/livestream-hd/ui/public/index.html‎
Lines changed: 3 additions & 0 deletions
@@ -13,11 +13,15 @@
 
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local
 .env.production.local
 
+/public/assets/env.js
+/public/output.css
+
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
@@ -4,14 +4,19 @@
   "private": true,
   "dependencies": {
     "@kerberos-io/ui": "^1.77.0",
+    "@tailwindcss/cli": "^4.0.1",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "cross-env": "^7.0.3",
     "crypto-js": "^4.2.0",
+    "dotenv": "^16.4.7",
     "mqtt": "^5.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-icons": "^5.4.0",
     "react-scripts": "5.0.1",
+    "tailwindcss": "^4.0.1",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
@@ -38,7 +43,5 @@
       "last 1 safari version"
     ]
   },
-  "devDependencies": {
-    "tailwindcss": "^3.4.17"
-  }
+  "devDependencies": {}
 }
@@ -0,0 +1,11 @@
+(function(window) {
+    window["env"] = window["env"] || {};
+    window["env"]["svg"] = window["env"]["svg"] || {};
+    // ICONS
+
+    window["env"]["svg"]["plus"] = 
+        `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
+            <rect width="24" height="24" fill="none" />
+            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12h-6m0 0H6m6 0V6m0 6v6" />
+        </svg>`;
+})(this);
@@ -3,6 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <script src='assets/env.js'></script>
+    <script src='assets/icons.js'></script>
+    <link href="./output.css" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta