[MP-144] Website style changes

.gitignore

@@ -6,14 +6,23 @@
 # Mac/OSX
 .DS_Store
 
+# flask pycache
+/docs/examples/flask/pycache/
+/docs/examples/flask/venv/
+
 /test_framework_package/.idea
 
 # UI test folder
 /docs/examples
 
-# flask venv and pycache
+# flask venv, pycache, and user uploaded files
 /docs/flask/venv/
 /docs/flask/__pycache__/
+/docs/flask/downloads/
+/docs/flask/uploads/
 
 # ccls language server cache
 /.ccls-cache/
+
+# pycache for CLI
+/CLI/__pycache__/

CLI/Client.py

@@ -54,7 +54,6 @@ def to_outgoing_queue(self, message):
         # self.outgoing_mutex.release()
 
 
-
     def connection_recv(self):
         while True:
             msg = self.s.recv(4096)

CLI/cli.py

@@ -203,8 +203,8 @@ def UserInput(self) -> bool:
         outgoing_t.start()
         print("THREAD START")
         print_msg_t.start()
-
         print("THREAD START")
+
         # parse the arguments from standard input
         while True:
             userinput = input("-> ")
@@ -234,14 +234,15 @@ def UserInput(self) -> bool:
 
 
 
+
             if args.encryption:
                 # qpp_cipher = QPP_commands.encrypt(test_vectors, "QPP")
                 # if args.AES:
                 #     aes_cipher = QPP_commands.encrypt(test_vectors, "AES")
                 print("Send encryption")
                 #{"api_call":"REQUEST_HANDSHAKE","task_id":"2","interface_type":"T1","sender_id":"1"}\n
                 task_id += 1
-                msg = client.string_to_json("ENCRYPT",task_id, "GC", 0, 0, 0, 0, "Hello World")
+                msg = client.string_to_json("ENCRYPT",task_id, "GC", 0, 0, 0, 5, "Hello")
                 # client.connection_send(msg)
                 # client.connection_send('\n')
 
@@ -263,7 +264,7 @@ def UserInput(self) -> bool:
 
                 #{"api_call":"REQUEST_HANDSHAKE","task_id":"2","interface_type":"T1","sender_id":"1"}\n
                 task_id += 1
-                msg = client.string_to_json("DECRYPT",task_id, "GC", 0, 0, 0, 0, "Hello World")
+                msg = client.string_to_json("DECRYPT",task_id, "GC", 0, 0, 0, 5, "33b492227b33b492bf7133b492bf7133b492bf71")
 
                 client.to_outgoing_queue(msg)
 
@@ -277,4 +278,4 @@ def UserInput(self) -> bool:
 
 if __name__ == "__main__":
     parser = QPP_parser()
-    parser.UserInput()
+    parser.UserInput()

docs/examples/flask/app.py

@@ -0,0 +1,97 @@
+from markupsafe import escape
+import os
+from flask import Flask, render_template, request, \
+    url_for, flash, redirect, abort
+
+app = Flask(__name__)
+app.config['SECRET_KEY'] = os.urandom(24).hex()
+algos = ['AES', 'QPP', 'Both']
+tests = ['Encryption', 'Decryption',
+         'Encrypt & Decrypt', 'M.I.T.M',
+         'Brute Force', 'Monte Carlo',
+         'Known Answer', 'Multi-block Message']
+
+
+@app.route('/index/')
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+
+@app.route('/api/')
+def api():
+    return render_template('api.html')
+
+
+@app.route('/research/')
+def research():
+    return render_template('research.html')
+
+
+@app.route('/demo/')
+def demo():
+    return render_template('demo.html')
+
+
+@app.route('/calc/', methods=['GET', 'POST'])
+def calc():
+    if request.method == 'POST':
+        test_parameters = [None, None, None, None]
+        tag = None
+
+        test_parameters[0] = request.form.get('num')
+        test_parameters[1] = request.form.get('len')
+        test_parameters[2] = request.form.get('algo_select')
+        test_parameters[3] = request.form.get('test_select')
+
+        if request.form.get("log"):
+            tag += 'l'
+
+        if request.form.get("verbose"):
+            tag += 'v'
+
+        data = test_parameters[0]
+
+        for i in range(1, 4):
+            if test_parameters[i] is not None:
+                data += "+" + test_parameters[i]
+        return redirect("/view/{}".format(data))
+    else:
+        return render_template('calc.html', algos=algos, tests=tests)
+
+
+@app.route('/view/<int:num>+<int:len>+<algo_type>+<test_type>',
+           methods=['GET', 'POST'])
+def view(num, len, algo_type, test_type):
+    return render_template('view.html', data=[num, len, algo_type,
+                                              test_type])
+
+
+if __name__ == '__main__':
+    app.run(debug=True)
+
+
+
+
+
+
+
+
+
+@app.route('/capitalize/<word>/')
+def capitalize(word):
+    return "<h3>{}</h3>".format(escape(word.capitalize()))
+
+
+@app.route('/add/<int:n1>/<int:n2>')
+def add(n1, n2):
+    return "<h1>{}</h1>".format(n1 + n2)
+
+
+@app.route('/users/<int:user_id>')
+def greet_user(user_id):
+    users = ["Bob", "Kelly", "John"]
+    try:
+        return "<h2>Hello {}</h2>".format(users[user_id])
+    except IndexError:
+        abort(404)

docs/examples/flask/index.html

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="./styles/main.css" rel="stylesheet" />
+    <title>QPP Landing</title>
+  </head>
+  <body>
+    <header>
+      <!-- Navigation menu -->
+      <nav>
+        <ul class="header-list">
+          <li class="header-logo">
+            <a href="index.html"> Header Logo </a>
+          </li>
+          <li class="header-link">
+            <a href="./pages/api.html"> API </a>
+          </li>
+          <li class="header-link">
+            <a href="./pages/research.html"> Research </a>
+          </li>
+          <li class="header-link">
+            <a href="./pages/demo.html"> Demo </a>
+          </li>
+          <li class="button">
+            <a href="./pages/cal.html"> Get Started </a>
+          </li>
+        </ul>
+      </nav>
+      <!-- Header Block -->
+      <div id="hero">
+        <div class="hero-text">
+          <h1 class="hero-title">QPP Testbed</h1>
+          <p>
+            Here is some stuff about QPP which is cool. This website was created
+            in 2023, which is like the future and what not. I'm looking to pad
+            this with some text to look good.
+          </p>
+          <button class="button">Try it</button>
+        </div>
+        <div class="hero-image">This is a placeholder</div>
+      </div>
+    </header>
+
+    <article class="col article-1">
+      <h2>Some random thingy</h2>
+      <p>
+        Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis
+        mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget
+        hendrerit bibendum, urna est aliquam sem, sit amet imperdiet est velit
+        quis lorem.
+      </p>
+    </article>
+    <div class="side-view">
+      <article class="col article-2">
+        <h2>Some random thingy</h2>
+        <p>
+          Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis
+          mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget
+          hendrerit bibendum, urna est aliquam sem, sit amet imperdiet est velit
+          quis lorem.
+        </p>
+      </article>
+
+      <article class="col article-3">
+        <h2>Some random thingy</h2>
+        <p>
+          Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis
+          mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget
+          hendrerit bibendum, urna est aliquam sem, sit amet imperdiet est velit
+          quis lorem.
+        </p>
+      </article>
+    </div>
+    <article class="col article-interim">
+      <h1>HHHHHHHHHHHHHHH</h1>
+      <p>oasnfoiasjfniuasjfiasfiuhsafiajsfiusafojsaoijfniosanfo</p>
+    </article>
+
+    <article class="col">
+      <h1>HSOPCMAOISCM</h1>
+      <p>
+        Moloch the incomprehensible prison! Moloch the crossbone soulless
+        jailhouse and Congress of sorrows! Moloch whose buildings are judgment!
+        Moloch the vast stone of war! Moloch the stunned governments!
+      </p>
+    </article>
+  </body>
+</html>

docs/examples/flask/scripts/cal.js

@@ -0,0 +1,13 @@
+let myButton = document.querySelector("button");
+let myHeading = document.querySelector("h1");
+setUserName();
+
+myButton.onclick = () => {
+  setUserName();
+};
+
+function setUserName() {
+  const myName = prompt("Please enter your name.");
+  localStorage.setItem("name", myName);
+  myHeading.textContent = `Your name is ${myName}`;
+}

docs/examples/flask/scripts/web.js

@@ -0,0 +1,25 @@
+function multiply(num1, num2) {
+  let result = num1 * num2;
+  return result;
+}
+
+const myHeading = document.querySelector("h1");
+const myImage = document.querySelector("img");
+
+myImage.onclick = () => {
+  const mySrc = myImage.getAttribute("src");
+  if (mySrc === "images/pic.webp") {
+    myImage.setAttribute("src", "images/computer.jpg");
+  } else {
+    myImage.setAttribute("src", "images/pic.webp");
+  }
+};
+
+myHeading.textContent = "This is a webpage";
+multiply(10, 15);
+
+document.querySelector("html").addEventListener("click", () => {
+  //alert("Ouch! Stop poking me!");
+});
+
+// alert("HI");