Skip to content
Snippets Groups Projects
Commit 12809d23 authored by ThePurpleOne's avatar ThePurpleOne
Browse files

Removed old web stuff

parent 1c7cad1a
Branches
No related tags found
1 merge request!3added server into master
// 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();
}
});
});
<!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
@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;
}*/
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment