From 69290cc7efc5e46e811b38c39e4d74396766a289 Mon Sep 17 00:00:00 2001
From: Thomas Van Iseghem <thomas.vaniseghem@spectralbot.com>
Date: Sun, 23 Apr 2023 14:51:15 +0200
Subject: Add disclaimer to decryption tool

---
 File-decryption/webapp/index.html |  4 ++++
 File-decryption/webapp/style.css  | 12 ++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/File-decryption/webapp/index.html b/File-decryption/webapp/index.html
index 5fa4986..0f05a7f 100644
--- a/File-decryption/webapp/index.html
+++ b/File-decryption/webapp/index.html
@@ -42,6 +42,10 @@
             <input class="file-input" id="file-input" type="file">
         </div>
     </div>
+
+    <footer>
+        Any misuse of this tool is at your own risk. We do no condone any illegal use of this tool as it is intended for educational purposes only.
+    </footer>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/File-decryption/webapp/style.css b/File-decryption/webapp/style.css
index 64fa213..33d3c22 100644
--- a/File-decryption/webapp/style.css
+++ b/File-decryption/webapp/style.css
@@ -19,6 +19,18 @@ header {
     background-color: rgb(10,10,10);
 }
 
+footer {
+    padding: 1rem;
+    position: absolute;
+
+    /* put at the bottom of the page */
+    bottom: 0;
+    width: 100%;
+    background-color: rgb(18, 18, 18);
+    color: rgb(185, 185, 185);
+
+}
+
 input{
     padding: 0.5rem;
     border-radius: 20px;
-- 
cgit v1.2.3


From ebe9e1cef567ee6d2b70930fbd3748d02df5eb1f Mon Sep 17 00:00:00 2001
From: Thomas Van Iseghem <thomas.vaniseghem@spectralbot.com>
Date: Sun, 23 Apr 2023 20:03:14 +0200
Subject: Better disclaimer message

---
 File-decryption/webapp/index.html | 11 +++++----
 File-decryption/webapp/main.js    | 13 +++++++++-
 File-decryption/webapp/style.css  | 50 ++++++++++++++++++++++++++++++++++++++-
 3 files changed, 68 insertions(+), 6 deletions(-)

diff --git a/File-decryption/webapp/index.html b/File-decryption/webapp/index.html
index 0f05a7f..e322e0e 100644
--- a/File-decryption/webapp/index.html
+++ b/File-decryption/webapp/index.html
@@ -35,16 +35,19 @@
         <div class="file-upload">
             <h3 class="file-upload-title">Encrypted file:</h3>
             
-            <label class="file-input-label" id="file-input-label" for="file-input">
+            <label class="file-input-label upload-disabled" id="file-input-label" for="file-input">
                 <i class="fa-solid fa-cloud-arrow-up pr-5"></i> 
                 <p>Choose File</p> 
             </label>
-            <input class="file-input" id="file-input" type="file">
+            <input class="file-input" id="file-input" type="file" disabled>
         </div>
     </div>
 
-    <footer>
-        Any misuse of this tool is at your own risk. We do no condone any illegal use of this tool as it is intended for educational purposes only.
+    <footer class="ethics-message">
+        <p>
+            We do not condone any misuse or illegal use of this tool as it is intended for educational purposes only. Everything is computed locally using JS and no data is being stored or sent to any server at any time.
+        </p>
+        <button class="ethics-message-ack">I understand</button>
     </footer>
 </body>
 
diff --git a/File-decryption/webapp/main.js b/File-decryption/webapp/main.js
index 792eb3d..8169fb0 100644
--- a/File-decryption/webapp/main.js
+++ b/File-decryption/webapp/main.js
@@ -93,8 +93,19 @@ function processFileInput(e) {
 }
 
 document.addEventListener("DOMContentLoaded", function () {
+    let acknowledgement = document.querySelector('.ethics-message-ack');
+    let fileInput = document.getElementById('file-input');
+    let fileInputLabel = document.querySelector('.file-input-label');
+    
+    // Etics message
+    acknowledgement.addEventListener('click', function () {
+        document.querySelector('.ethics-message').style.display = 'none';
+        // Enable the file input
+        fileInput.disabled = false;
+        fileInputLabel.classList.remove('upload-disabled');
+    });
+
     // handle file uploads
-    let fileInput = document.getElementById('file-input')
     fileInput.onchange = () => {
         const reader = new FileReader()
         reader.onload = processFileInput;
diff --git a/File-decryption/webapp/style.css b/File-decryption/webapp/style.css
index 33d3c22..7cf5e3b 100644
--- a/File-decryption/webapp/style.css
+++ b/File-decryption/webapp/style.css
@@ -19,6 +19,13 @@ header {
     background-color: rgb(10,10,10);
 }
 
+/* media query for mobile devices */
+@media screen and (max-width: 712px) {
+    header h1{
+        font-size: 1.5rem;
+    }
+}
+
 footer {
     padding: 1rem;
     position: absolute;
@@ -127,4 +134,45 @@ header .header-title{
 
 .file-upload .file-input-label .fa-cloud-arrow-up{
     margin-right: 0.5rem;
-}
\ No newline at end of file
+}
+
+.upload-disabled{
+    background-color: rgb(63, 13, 242, 0.5) !important;
+    cursor: not-allowed !important;
+}
+
+footer {
+    display: flex;
+    align-items: center;
+}
+
+@media screen and (max-width: 712px) {
+    footer {
+        flex-direction: column;
+    }
+}
+
+footer p {
+    margin-right: 1rem;
+    width: 100%
+}
+
+footer button {
+    padding: .75rem 0.5rem;
+    border-radius: 20px;
+    border: 3px solid rgb(53, 107, 62, 0);
+    outline-style: none;
+    
+    background-color: rgb(63, 13, 242);
+    color: white;
+    font-size: rem;
+    margin: 0.5rem;
+    text-align: center;
+    min-width: 6rem;
+}
+
+footer button:hover{
+    background-color: rgb(98, 13, 255);
+    cursor: pointer;
+}	
+
-- 
cgit v1.2.3


From d11c9b04e88e8468fa6e12ce53bf37c09507734a Mon Sep 17 00:00:00 2001
From: Thomas Van Iseghem <thomas.vaniseghem@spectralbot.com>
Date: Sun, 23 Apr 2023 20:06:06 +0200
Subject: Small fix for ack button text wrapping

---
 File-decryption/webapp/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/File-decryption/webapp/style.css b/File-decryption/webapp/style.css
index 7cf5e3b..9d23460 100644
--- a/File-decryption/webapp/style.css
+++ b/File-decryption/webapp/style.css
@@ -168,7 +168,7 @@ footer button {
     font-size: rem;
     margin: 0.5rem;
     text-align: center;
-    min-width: 6rem;
+    min-width: 7rem;
 }
 
 footer button:hover{
-- 
cgit v1.2.3


From d4361165dd3f2ab49d06d8cfd7d2ab0b972540d3 Mon Sep 17 00:00:00 2001
From: Thomas Van Iseghem <thomas.vaniseghem@spectralbot.com>
Date: Sun, 23 Apr 2023 20:09:24 +0200
Subject: Fixed small typo and overriden arial font for ack button

---
 File-decryption/webapp/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/File-decryption/webapp/style.css b/File-decryption/webapp/style.css
index 9d23460..425f25d 100644
--- a/File-decryption/webapp/style.css
+++ b/File-decryption/webapp/style.css
@@ -165,10 +165,10 @@ footer button {
     
     background-color: rgb(63, 13, 242);
     color: white;
-    font-size: rem;
     margin: 0.5rem;
     text-align: center;
     min-width: 7rem;
+    font-family: 'IBM Plex sans', sans-serif;
 }
 
 footer button:hover{
-- 
cgit v1.2.3