diff --git a/docs/Screenshot 2023-10-17 153000.png b/docs/Screenshot 2023-10-17 153000.png new file mode 100644 index 0000000..4eed810 Binary files /dev/null and b/docs/Screenshot 2023-10-17 153000.png differ diff --git a/docs/webserial.md b/docs/webserial.md index 8416515..5b7671b 100644 --- a/docs/webserial.md +++ b/docs/webserial.md @@ -4,4 +4,5 @@ Webserial is best lastig om zonder voorkennis van javascript te implementeren, omdat je streamreaders moet gebruiken en andere dingen. 90% van de online tutorials verwachten dat je al javascript ervaring hebt. -ik heb problemen met het uitlezen van de binnenkomende data. Het is me gelukt om de data te splitsen door de binnenkomende data te splitten met ```readibleoutput.split(',')```, maar die data komt niet goed binnen omdat de reader te snel leest en de data opsplits. ik heb geprobeerd om alles in een geheel binnen te krijgen doormiddel van ```setTimeout()```, maar dat werkte niet. uiteindelijk werkte de manier van bas zijn online les \ No newline at end of file +ik heb problemen met het uitlezen van de binnenkomende data. Het is me gelukt om de data te splitsen door de binnenkomende data te splitten met ```readibleoutput.split(',')```, maar die data komt niet goed binnen omdat de reader te snel leest en de data opsplits. ik heb geprobeerd om alles in een geheel binnen te krijgen doormiddel van ```setTimeout()```, maar dat werkte niet. uiteindelijk werkte de manier van bas zijn online les + diff --git a/web/css.css b/web/css.css index 687697d..4dfa731 100644 --- a/web/css.css +++ b/web/css.css @@ -1,4 +1,6 @@ - +* { + font-family: 'Open Sans', sans-serif; +} body { display: flex; flex-direction: column; @@ -12,6 +14,11 @@ html { div { color: white; } + +.block{ + + display: block; +} .menubalk a { float: left; color: #f2f2f2; @@ -36,3 +43,29 @@ div { overflow: hidden; } +.waardes { + float: left; + + +} + +.map{ + height: auto; +} + +.textleft{ + float: left; + box-sizing: border-box; + width: 50%; + margin-left: 10px; + margin-bottom: 10px; +} + +.image { + float: left; + height: auto; + width: 40vw; + border-radius: 3vh; + margin-left: 2vw; + margin-bottom: 10px; +} \ No newline at end of file diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..8a6d050 --- /dev/null +++ b/web/index.html @@ -0,0 +1,36 @@ + + +
+ + + + + +Deze website weergeeft statestieke informatie van een weerstation die we voor het eerste blok hebben gebouwd. + We hadden 10 weken voor dit project om een weerstation te bouwen en die te programeren. Later moesten we het weerstation kopellen aan de HBO-ICT API en onze zelfgebouwde website die de binnenkomende data moet interpreteren en weergeven doormiddel van grafieken.
+Op de volgende pagina kan je je ESP32 kopellen en de data bekijken.
+Deze website weergeeft statestieke informatie van een weerstation
-