diff --git a/src/server/web/canvas.js b/src/server/web/canvas.js deleted file mode 100644 index 786fecb34ac7b4425715ad65bc7179e1935452a5..0000000000000000000000000000000000000000 --- a/src/server/web/canvas.js +++ /dev/null @@ -1,23 +0,0 @@ -// This is some ugly code, i'm sorry for what you are about to see -// I'm no web dev... -window.addEventListener('load', () => { - - NB_LEDS = 10; - var list_models = document.getElementById("matrix"); - list_models.innerHTML = ""; - for (var i = 0; i < NB_LEDS; i++) { - for(var j = 0; j < NB_LEDS; j++){ - var button = document.createElement("button"); - button.className = "leds"; - button.innerHTML = data[i]; - button.onclick = function () { console.log("clicked i : " + i + "j : " + j); }; - list_models.appendChild(button); - } - } - - document.addEventListener('keydown', function (e) { - if (e.keyCode == 32) { // Spacebar - sendImage(); - } - }); -}); diff --git a/src/server/web/index.html b/src/server/web/index.html deleted file mode 100644 index 847d97774b62db540d0da8e3d3039c5457840d65..0000000000000000000000000000000000000000 --- a/src/server/web/index.html +++ /dev/null @@ -1,24 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width,initial-scale=1"> - <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <link rel="stylesheet" href="style.css"> - <title>Canvas</title> - <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> - <script src="canvas.js"></script> - -</head> - - -<body> - - <main> - <div class="matrix"> - </div> - </main> -</body> - - -</html> \ No newline at end of file diff --git a/src/server/web/style.css b/src/server/web/style.css deleted file mode 100644 index b7fcf3aa6965b7b50562bef93b8791ade902ac94..0000000000000000000000000000000000000000 --- a/src/server/web/style.css +++ /dev/null @@ -1,70 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Economica'); - -:root { - --background-color: #282C34; - --primary-color: #485062; - --secondary-color: #2675b0; - --text-color: #ffffff; -} - - -*{ - /*margin: 20px, 20px, 20px, 20px;*/ - margin: 0; - padding: 0; - box-sizing: border-box; -} - -html { - box-sizing: border-box; - background-color: var(--background-color); -} - -html { - box-sizing: border-box; -} - -*, *:before, *:after { - box-sizing: inherit; -} - - - -main{ - background-color: var(--background-color); - /*border: 2px solid #000;*/ - display: grid; - grid-template-columns: 1fr 1fr; - height: 90vh; - width: 90vw; - margin: 5vh 5vw; -} - -.matrix { - background-color: var(--secondary-color); - display: flex; - justify-content: center; - gap: 20%; - flex-grow: 1; - width: 600px; - align-self: center; -} - -.buttons button{ - background-color: aqua; - font-size: 30px; - font-family: 'Economica', sans-serif; - height: 50%; - width: calc((600px / 2) - 10rem); - margin-top: auto; - margin-bottom: auto; -} - -/*.model_button{ - font-size: 15px; - font-family: 'Economica', sans-serif; - margin-top: auto; - margin-bottom: auto; - text-align: left; - align-items: left; -}*/