Howto guide (#57)

* Commit pas rapport

* First pass adding content

* Beautify the page

* Remove separator

* Shorten code

* Add illustrations

* Add material icons

* Move electrodes to tabs

* Alternate text and images

* Make text bigger

* Add user friendly electrode placement

* change tab police size

* Change column size

* cleaner code

* Use cards

* Fix space

* cleanup

* Update web/src/views/record_my_sleep/index.js

Co-authored-by: William Harvey <william.harvey@polymtl.ca>

* Add intro to list

* Remove space between title and first section

* Add space between elements

* Fix tabs

* Reomve hovering effect

* Title

* Add images

* Fix

* Add hovering cards

* Update web/src/views/record_my_sleep/index.js

Co-authored-by: William Harvey <william.harvey@polymtl.ca>

* Update web/src/views/record_my_sleep/index.js

Co-authored-by: William Harvey <william.harvey@polymtl.ca>

* Update web/src/views/record_my_sleep/index.js

Co-authored-by: William Harvey <william.harvey@polymtl.ca>

* Reuse section

* Remove redundant statement

* Add badges

* Add carousel

Co-authored-by: William Harvey <william.harvey@polymtl.ca>

Author: abelfodil

web/package.json

@@ -23,6 +23,8 @@
     "not op_mini all"
   ],
   "dependencies": {
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "^4.9.1",
     "@octokit/rest": "^18.0.6",
     "axios": "^0.19.0",
     "axios-observable": "^1.1.3",