![Very Happy :D](./images/smilies/icon_biggrin.gif)
Posto sam totalno nepismen oko html-a css-a i sta ti ja znam cega, treba mi pomoc.
Ukratko o cemu se radi...
Napravio sam neki web server, koji parsa post i get zahteve, i odredjene prosledjuje na seriski port(upravlja modulima za roletne, svetlo, dobija temperature...), a ostatak prikazuje web stranice iz foldera.
Napravio sam stranicu da reaguje na klik po svg elementima, da ih menja, i da salje zahtev serveu.
Za sada to prilicno ruzno i glupo izgleda, u zipu u prilogu je stranica koju sam napravio.
Ja bi voleo da to izgleda ovako nekako
![Image](https://content.instructables.com/ORIG/FM9/6AC8/KKML0YBD/FM96AC8KKML0YBD.jpg?auto=webp&width=500)
Voleo bi da ikonice u pozadi mogu da budu samo crno/providne, a da preko bude maska. Sestougli bi trebali biti nekako definisani, da mogu da reaguju na levi klik, i desni ako je moguce. Da im se pozicija moze lako definisati...
I bilo bi jako lepo ako bi se u pojedinim mogla prikazati temperatura i vlaznost, u obliku segmentnog displeja... Mislim moze se generisati svg za svaki broj, i to mi nije problem, al verovatno ima elegantnije resenje.
Pozadina bi voleo da bude dinamicna, sa nekom animacijom PCB-a ili ovako nekih trouglova, sta ti znam...
https://videohive.net/item/circuit-boar ... v7/5824232
Pa da se jednom pusti snimak, oko poslednjeg kliknutog sestougla.
Da on bude u centru...
Ili https://www.shutterstock.com/video/clip ... technology
Za pocetak ima li ko predlog, kako dobiti sestougao da mu se moze definisati ivica, maska, pozadina, ikonica. Posto donekle razumem java script i slutim kako ajax radi, voleo bi da te stvari mogu menjati iz js.
Neka pomoc? Ili previse trazim?
EDIT:
I najbitniju stvar sam zaboravio okaciti...
Nasao sam ovo
https://codepen.io/kevindeedavis/pen/NBQYzm
https://codepen.io/cmd430/pen/pJKQpg