upd: noscript updates

3 files changed, 14 insertions, 6 deletions

diff --git a/public/static/img/icons/chad.png b/public/static/img/icons/chad.png
new file mode 100644
index 0000000..979bf1c
--- /dev/null
+++ b/public/static/img/icons/chad.png
diff --git a/public/static/scripts/audiorecorder.js b/public/static/scripts/audiorecorder.js
index b12a2af..145b18f 100644
--- a/public/static/scripts/audiorecorder.js
+++ b/public/static/scripts/audiorecorder.js
@@ -1,8 +1,5 @@
-// getting form upload tabs
-const tabs = document.getElementById('form-upload-tabs');
-
 // creating an audio button
-tabs.innerHTML += `
+formTabs.innerHTML += `
 <div class="form-upload-tab tab disabled" id="form-tab-audio">
     <button onclick="showUploadType('audio')" class="transparent">
         <p>Record</p>
@@ -160,7 +157,7 @@ function stopRecording() {
             formFile.files = dt.files;
         }
         
-        tabs.setAttribute('disabled', 'true');
+        formTabs.setAttribute('disabled', 'true');
     };
 }
 
@@ -171,7 +168,7 @@ function removeRecording() {
     formFile.value = '';
     setFormDetailsVisiblity(false);
     
-    tabs.removeAttribute('disabled');
+    formTabs.removeAttribute('disabled');
 }
 
 function playRecord() {
diff --git a/public/static/style.css b/public/static/style.css
index 057d8f2..53c246e 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -56,6 +56,17 @@
     margin: 0;
 }
 
+noscript {
+    background: #000;
+    color: #fff;
+    padding: 8px;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
 a {
     color: var(--anchor-color);
 }